Advanced User Customization For the Dock - K-Ivy/Seelen-UI-Resources GitHub Wiki

Guides:

---

• 1. How to configure "background-image" string:

  • Gradients:

    • degrees: (to top, to right, to bottom, to left)

    • 1. "background-image: radial-gradient(circle at center, #ff0000, #0000ff 80%);"

    • 2. "background-image: linear-gradient(to right, #ff0000, #0000ff 80%);"

  • Images:

    • "background-image: url('https://media.discordapp.net/attachments/example/oTx2HjsI.png');"

---

• 2. How to configure "background-position" string:

  • The selector takes two values. First is for horizontal position, second is for the vertical position. The values can a pair of pixels, set keywords, or percentages:

    • "background-position: 10px 20px;"

    • "background-position: right center;" (right, left, top, down, center)

    • "background-position: 10% 20%;"

---

• 3. How to configure "background-size" string:

  • The selector takes two values. First is for horizontal position, second is for the vertical position. The values can a pair of pixels, or set keywords:

    • "background-size: 20px 40px;"

    • "background-position: auto;" (cover, contain, auto)

---

Variables to target if wanted for Animations