aboutsummaryrefslogtreecommitdiffstats
path: root/frontend-vanilla/src/style.css
diff options
context:
space:
mode:
authorAdam Mathes <adam@adammathes.com>2026-02-16 08:59:56 -0800
committerAdam Mathes <adam@adammathes.com>2026-02-16 08:59:56 -0800
commit1bed4bbd9a0606f9d3edfbf0ccfd1499793f8712 (patch)
tree07c7665ff374892f75fab8fcb4932936ef252a18 /frontend-vanilla/src/style.css
parent466804699bf42e403913d2fb435327b554d537d1 (diff)
downloadneko-1bed4bbd9a0606f9d3edfbf0ccfd1499793f8712.tar.gz
neko-1bed4bbd9a0606f9d3edfbf0ccfd1499793f8712.tar.bz2
neko-1bed4bbd9a0606f9d3edfbf0ccfd1499793f8712.zip
Fix v3 theme contrast and sync with v2 colors, add v3 logo, and fix v2 test stability
- Sync v3 dark/light theme colors with v2 defaults - Fix v3 settings input/select contrast in dark mode - Add logo emoji to v3 sidebar - Fix duplicate key warnings and side-effect issues in FeedItems.tsx (v2) - Rebuild production assets
Diffstat (limited to 'frontend-vanilla/src/style.css')
-rw-r--r--frontend-vanilla/src/style.css52
1 files changed, 46 insertions, 6 deletions
diff --git a/frontend-vanilla/src/style.css b/frontend-vanilla/src/style.css
index d5c1b2d..8d8e554 100644
--- a/frontend-vanilla/src/style.css
+++ b/frontend-vanilla/src/style.css
@@ -11,9 +11,9 @@
/* Light Mode Defaults */
--bg-color: #ffffff;
--text-color: rgba(0, 0, 0, 0.87);
- --sidebar-bg: #f5f5f5;
+ --sidebar-bg: #ccc;
--link-color: #0000ee;
- --border-color: #e5e5e5;
+ --border-color: #999;
--accent-color: #007bff;
color-scheme: light dark;
@@ -312,6 +312,38 @@ html {
}
}
+input[type="text"],
+input[type="url"],
+input[type="search"],
+select {
+ padding: 0.4rem 0.8rem;
+ border-radius: 8px;
+ border: 1px solid var(--border-color);
+ background: var(--bg-color);
+ color: var(--text-color);
+ font-family: inherit;
+ font-size: 0.9rem;
+}
+
+input:focus,
+select:focus {
+ outline: none;
+ border-color: var(--accent-color);
+ box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);
+}
+
+.logo {
+ font-size: 2.5rem;
+ margin: 0 0 1.5rem 0;
+ cursor: pointer;
+ text-align: center;
+ user-select: none;
+}
+
+.sidebar .logo {
+ margin-bottom: 1.5rem;
+}
+
/* Feed Items Styles (from v2) */
.item-list {
list-style: none;
@@ -421,11 +453,12 @@ html {
/* Themes */
.theme-dark {
- --bg-color: #000000;
+ --bg-color: #24292e;
--text-color: #ffffff;
- --sidebar-bg: #111111;
+ --sidebar-bg: #1b1f23;
--link-color: rgb(90, 200, 250);
- --border-color: #333;
+ --border-color: #444d56;
+ --accent-color: #2188ff;
}
.font-serif {
@@ -488,10 +521,17 @@ button.active {
}
.theme-dark button.active {
- background-color: #224;
+ background-color: #282e34;
border-color: var(--accent-color);
}
+.theme-dark input,
+.theme-dark select {
+ background-color: #1b1f23;
+ color: #ffffff;
+ border-color: #444d56;
+}
+
.add-feed-form {
display: flex;
gap: 0.5rem;