Update color scheme with lime accent and dark theme
keypair34 committed
Sep 7, 2025 at 22:19 UTC
365270094ab6cd02cd2edf5ace5fdc106e5b7018
3 files changed
+18
-15
public/favicon.svg
+3
-3
@@ -4,12 +4,12 @@
4
/>
5
<style>
6
path {
7
- fill:#111;
7
+ fill: #c5d932;
8
}
9
@media (prefers-color-scheme: dark) {
10
path {
11
- fill: #ccc;
11
+ fill: #c5d932;
12
}
13
}
14
</style>
15
-</svg>
\ No newline at end of file
15
+</svg>
src/styles/global.css
+12
-9
@@ -29,9 +29,10 @@
29
--text-secondary: rgba(0, 0, 0, 0.4);
30
--text-tertiary: rgba(0, 0, 0, 0.24);
31
--border: rgba(0, 0, 0, 0.1);
32
- --selection: rgba(0, 0, 0, 0.08);
32
+ --accent: #c5d932;
33
+ --selection: rgba(197, 217, 50, 0.2);
34
--code-bg: rgba(0, 0, 0, 0.06);
34
- --mark: #f3ffc4;
35
+ --mark: rgba(197, 217, 50, 0.3);
36
37
/* Syntax Theme */
38
--astro-code-foreground: rgba(0, 0, 0, 0.85);
@@ -54,9 +55,10 @@ html.light {
55
--text-secondary: rgba(0, 0, 0, 0.4);
56
--text-tertiary: rgba(0, 0, 0, 0.24);
57
--border: rgba(0, 0, 0, 0.1);
57
- --selection: rgba(0, 0, 0, 0.08);
58
+ --accent: #c5d932;
59
+ --selection: rgba(197, 217, 50, 0.2);
60
--code-bg: rgba(0, 0, 0, 0.06);
59
- --mark: #f3ffc4;
61
+ --mark: rgba(197, 217, 50, 0.3);
62
63
/* Syntax Theme */
64
--astro-code-foreground: rgba(0, 0, 0, 0.85);
@@ -74,14 +76,15 @@ html.light {
76
77
/* Dark Mode (Explicit) */
78
html.dark {
77
- --bg: #1c1c1c;
79
+ --bg: #060d0c;
80
--text-primary: rgba(255, 255, 255, 0.9);
81
--text-secondary: rgba(255, 255, 255, 0.4);
82
--text-tertiary: rgba(255, 255, 255, 0.24);
83
--border: rgba(255, 255, 255, 0.1);
82
- --selection: rgba(255, 255, 255, 0.08);
84
+ --accent: #c5d932;
85
+ --selection: rgba(197, 217, 50, 0.15);
86
--code-bg: rgba(255, 255, 255, 0.06);
84
- --mark: #545b37;
87
+ --mark: rgba(197, 217, 50, 0.2);
88
89
/* Syntax Theme */
90
--astro-code-foreground: rgba(255, 255, 255, 0.9);
@@ -152,7 +155,7 @@ html.view-transitions-disabled {
155
}
156
157
:focus {
155
- outline: 2px solid var(--text-tertiary);
158
+ outline: 2px solid var(--accent);
159
outline-offset: 2px;
160
}
161
@@ -161,7 +164,7 @@ html.view-transitions-disabled {
164
}
165
166
:focus-visible {
164
- outline: 2px solid var(--text-tertiary);
167
+ outline: 2px solid var(--accent);
168
outline-offset: 2px;
169
}
170
src/styles/post.css
+3
-3
@@ -46,15 +46,15 @@
46
47
/* Links */
48
.prose a {
49
- color: var(--primary);
49
+ color: var(--accent);
50
text-decoration: underline;
51
text-decoration-color: var(--text-tertiary);
52
transition: text-decoration-color 0.2s ease-out;
53
}
54
55
.prose a:hover {
56
- color: var(--primary);
57
- text-decoration-color: var(--text-primary);
56
+ color: var(--accent);
57
+ text-decoration-color: var(--accent);
58
}
59
60
/* Paragraphs */