Skip to content

Commit 5a86ff0

Browse files
committed
fix: increase accent colors contrast on light theme
1 parent 8b3c1ba commit 5a86ff0

File tree

2 files changed

+14
-14
lines changed

2 files changed

+14
-14
lines changed

app/assets/main.css

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -28,10 +28,10 @@
2828
--accent-muted: var(--accent-color, oklch(0.922 0 0));
2929

3030
/* accent colors */
31+
--swatch-sky: oklch(0.787 0.128 230.318);
3132
--swatch-coral: oklch(0.704 0.177 14.75);
3233
--swatch-amber: oklch(0.828 0.165 84.429);
3334
--swatch-emerald: oklch(0.792 0.153 166.95);
34-
--swatch-sky: oklch(0.787 0.128 230.318);
3535
--swatch-violet: oklch(0.78 0.148 286.067);
3636
--swatch-magenta: oklch(0.78 0.15 330);
3737
--swatch-neutral: oklch(1 0 0);
@@ -95,16 +95,16 @@
9595
--border-subtle: oklch(0.922 0 0);
9696
--border-hover: oklch(0.715 0 0);
9797

98-
--accent: var(--accent-color, oklch(0.7 0.15 230.318));
98+
--accent: var(--accent-color, oklch(0.53 0.16 247.27));
9999
--accent-muted: var(--accent-color, oklch(0.205 0 0));
100100

101101
/* accent colors */
102-
--swatch-coral: oklch(0.7 0.19 14.75);
103-
--swatch-amber: oklch(0.8 0.25 84.429);
104-
--swatch-emerald: oklch(0.7 0.17 166.95);
105-
--swatch-sky: oklch(0.7 0.15 230.318);
106-
--swatch-violet: oklch(0.7 0.17 286.067);
107-
--swatch-magenta: oklch(0.75 0.18 330);
102+
--swatch-sky: oklch(0.56 0.16 242.21);
103+
--swatch-coral: oklch(0.56 0.17 10.75);
104+
--swatch-amber: oklch(0.58 0.18 46.34);
105+
--swatch-emerald: oklch(0.51 0.13 162.4);
106+
--swatch-violet: oklch(0.56 0.13 282.067);
107+
--swatch-magenta: oklch(0.56 0.14 325);
108108
--swatch-neutral: oklch(0.145 0 0);
109109

110110
--syntax-fn: oklch(0.502 0.188 294.988);

shared/utils/constants.ts

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -49,12 +49,12 @@ export const LIKES_SCOPE = `repo:${dev.npmx.feed.like.$nsid}`
4949
// Theming
5050
export const ACCENT_COLORS = {
5151
light: {
52-
sky: 'oklch(0.70 0.15 230.318)',
53-
coral: 'oklch(0.70 0.19 14.75)',
54-
amber: 'oklch(0.8 0.25 84.429)',
55-
emerald: 'oklch(0.70 0.17 166.95)',
56-
violet: 'oklch(0.70 0.17 286.067)',
57-
magenta: 'oklch(0.75 0.18 330)',
52+
sky: 'oklch(0.56 0.16 242.21)',
53+
coral: 'oklch(0.56 0.17 10.75)',
54+
amber: 'oklch(0.58 0.18 46.34)',
55+
emerald: 'oklch(0.51 0.13 162.4)',
56+
violet: 'oklch(0.56 0.13 282.067)',
57+
magenta: 'oklch(0.56 0.14 325)',
5858
neutral: 'oklch(0.145 0 0)',
5959
},
6060
dark: {

0 commit comments

Comments
 (0)