diff --git a/startpage/styles.css b/startpage/styles.css index d13ae61..7459d4a 100755 --- a/startpage/styles.css +++ b/startpage/styles.css @@ -36,13 +36,13 @@ --latte-pink: #ea76cb; /* Femboy Pink Theme */ - --femboy-pink-base: #ffebf0; - --femboy-pink-base-rgb: 255, 235, 240; + --femboy-pink-base: #ffeef5; + --femboy-pink-base-rgb: 255, 238, 245; --femboy-pink-surface0: #ffccd5; --femboy-pink-surface1: #ffb3c1; - --femboy-pink-text: #ff5e78; - --femboy-pink-blue: #5e5eff; - --femboy-pink-pink: #ff5e78; + --femboy-pink-text: #8b4668; + --femboy-pink-blue: #7c6ee8; + --femboy-pink-pink: #ff6eb1; /* Default theme (Mocha) */ --base: var(--mocha-base); @@ -137,6 +137,42 @@ body { margin-bottom: 0.5rem; } +/* Main startpage links only */ +.container .links-container .category li a { + display: flex; + align-items: center; + gap: 0.5rem; + color: var(--text); + text-decoration: none; + transition: all 0.2s; + font-size: var(--link-size, 16px); + line-height: 1.5; + padding: 0.25rem 0; +} + +.container .links-container .category li a i, +.container .links-container .category li a img { + width: var(--link-size, 16px); + height: var(--link-size, 16px); + min-width: var(--link-size, 16px); + display: flex; + align-items: center; + justify-content: center; + font-size: var(--link-size, 16px); +} + +/* Default link styles for all other links */ +a:not(.container .links-container .category li a) { + color: var(--text); + text-decoration: none; + transition: color 0.2s; + font-size: inherit; +} + +a:not(.container .links-container .category li a):hover { + color: var(--pink); +} + .category a { color: var(--text); text-decoration: none;