diff options
| author | Adam Mathes <adam@adammathes.com> | 2026-02-14 09:30:16 -0800 |
|---|---|---|
| committer | Adam Mathes <adam@adammathes.com> | 2026-02-14 09:30:16 -0800 |
| commit | 22eacbaf2712aee2a1c448a0e53f241f8c7bd255 (patch) | |
| tree | 29d5f20166c378e082216346043585cb3a0cc74c /frontend/src/components/FeedList.css | |
| parent | 08032aab10f0e1429d25ecae1acf6c40d63e9ff4 (diff) | |
| download | neko-22eacbaf2712aee2a1c448a0e53f241f8c7bd255.tar.gz neko-22eacbaf2712aee2a1c448a0e53f241f8c7bd255.tar.bz2 neko-22eacbaf2712aee2a1c448a0e53f241f8c7bd255.zip | |
ui: simplify themes to light/dark and improve theme-aware styling (fixing NK-dp5efo)
Diffstat (limited to 'frontend/src/components/FeedList.css')
| -rw-r--r-- | frontend/src/components/FeedList.css | 33 |
1 files changed, 16 insertions, 17 deletions
diff --git a/frontend/src/components/FeedList.css b/frontend/src/components/FeedList.css index ff0f41b..fa0278a 100644 --- a/frontend/src/components/FeedList.css +++ b/frontend/src/components/FeedList.css @@ -15,23 +15,24 @@ .search-input { width: 100%; padding: 0.5rem; - border: 1px solid #999; - background: #eee; + border: 1px solid var(--border-color, #999); + background: var(--bg-color); + color: var(--text-color); font-size: 1rem; font-family: inherit; } .search-input:focus { outline: none; - background: white; - border-color: #000; + background: var(--bg-color); + border-color: var(--link-color); } .feed-list h2, .feed-section-header { font-size: 1.2rem; margin-bottom: 0.5rem; - border-bottom: 1px solid #999; + border-bottom: 1px solid var(--border-color, #999); padding-bottom: 0.25rem; text-transform: uppercase; letter-spacing: 1px; @@ -149,22 +150,20 @@ } .theme-selector button { - font-size: 0.8rem; - padding: 0.2rem 0.5rem; - width: 30%; - background: whitesmoke; - color: blue; - border: 1px solid #ccc; + font-size: 1.2rem; + padding: 0.5rem; + width: 48%; + background: var(--sidebar-bg); + border: 1px solid var(--border-color, #ccc); border-radius: 4px; - font-variant: small-caps; - text-transform: lowercase; } .theme-selector button:hover { - background: #eee; + background: var(--bg-color); } .theme-selector button.active { - color: black; - border-color: #000; -} + background: var(--bg-color); + border-color: var(--link-color); + box-shadow: 0 0 5px var(--link-color); +}
\ No newline at end of file |