theme correctness
This commit is contained in:
parent
82de135186
commit
a811589db4
|
|
@ -11,7 +11,7 @@ import { createContext, useContext, useEffect, useState } from 'react';
|
||||||
|
|
||||||
const STORAGE_KEY = 'bt-theme';
|
const STORAGE_KEY = 'bt-theme';
|
||||||
const VALID_THEMES = ['light', 'dark'];
|
const VALID_THEMES = ['light', 'dark'];
|
||||||
const DEFAULT_THEME = 'light';
|
const DEFAULT_THEME = 'dark';
|
||||||
|
|
||||||
function applyTheme(theme) {
|
function applyTheme(theme) {
|
||||||
const root = document.documentElement;
|
const root = document.documentElement;
|
||||||
|
|
|
||||||
128
client/index.css
128
client/index.css
|
|
@ -11,38 +11,38 @@
|
||||||
|
|
||||||
@layer base {
|
@layer base {
|
||||||
:root {
|
:root {
|
||||||
--background: 0.98 0.01 335.69;
|
--background: 0.97 0.005 250;
|
||||||
--foreground: 0.22 0 0;
|
--foreground: 0.15 0.008 250;
|
||||||
--card: 0.93 0.01 335.69;
|
--card: 1.00 0 0;
|
||||||
--card-foreground: 0.14 0 0;
|
--card-foreground: 0.15 0.008 250;
|
||||||
--popover: 0.95 0.01 316.67;
|
--popover: 1.00 0 0;
|
||||||
--popover-foreground: 0.40 0.04 309.35;
|
--popover-foreground: 0.15 0.008 250;
|
||||||
--primary: 0.51 0.21 286.50;
|
--primary: 0.55 0.20 276;
|
||||||
--primary-foreground: 1.00 0 0;
|
--primary-foreground: 0.99 0.003 250;
|
||||||
--secondary: 0.49 0.04 300.23;
|
--secondary: 0.93 0.008 250;
|
||||||
--secondary-foreground: 1.00 0 0;
|
--secondary-foreground: 0.20 0.010 250;
|
||||||
--muted: 0.92 0.01 335.69;
|
--muted: 0.94 0.006 250;
|
||||||
--muted-foreground: 0.43 0.02 309.68;
|
--muted-foreground: 0.48 0.010 250;
|
||||||
--accent: 0.92 0.04 303.47;
|
--accent: 0.92 0.012 265;
|
||||||
--accent-foreground: 0.14 0 0;
|
--accent-foreground: 0.20 0.010 250;
|
||||||
--destructive: 0.57 0.23 29.21;
|
--destructive: 0.55 0.22 25;
|
||||||
--destructive-foreground: 1.00 0 0;
|
--destructive-foreground: 0.99 0.003 250;
|
||||||
--border: 0.83 0.02 308.26;
|
--border: 0.88 0.008 250;
|
||||||
--input: 0.83 0.02 308.26;
|
--input: 0.88 0.008 250;
|
||||||
--ring: 0.50 0.13 293.77;
|
--ring: 0.55 0.16 276;
|
||||||
--chart-1: 0.61 0.21 279.42;
|
--chart-1: 0.55 0.22 270;
|
||||||
--chart-2: 0.72 0.15 157.67;
|
--chart-2: 0.55 0.14 150;
|
||||||
--chart-3: 0.66 0.17 324.24;
|
--chart-3: 0.60 0.18 310;
|
||||||
--chart-4: 0.81 0.15 127.91;
|
--chart-4: 0.58 0.16 130;
|
||||||
--chart-5: 0.68 0.17 258.25;
|
--chart-5: 0.55 0.18 255;
|
||||||
--sidebar: 0.99 0 0;
|
--sidebar: 0.94 0.007 250;
|
||||||
--sidebar-foreground: 0.15 0 0;
|
--sidebar-foreground: 0.20 0.008 250;
|
||||||
--sidebar-primary: 0.56 0.11 228.27;
|
--sidebar-primary: 0.55 0.20 276;
|
||||||
--sidebar-primary-foreground: 0.98 0 0;
|
--sidebar-primary-foreground: 0.99 0.003 250;
|
||||||
--sidebar-accent: 0.95 0 0;
|
--sidebar-accent: 0.90 0.009 250;
|
||||||
--sidebar-accent-foreground: 0.25 0 0;
|
--sidebar-accent-foreground: 0.20 0.008 250;
|
||||||
--sidebar-border: 0.90 0 0;
|
--sidebar-border: 0.88 0.008 250;
|
||||||
--sidebar-ring: 0.56 0.11 228.27;
|
--sidebar-ring: 0.55 0.20 276;
|
||||||
--font-sans: Roboto, Inter, ui-sans-serif, system-ui, sans-serif;
|
--font-sans: Roboto, Inter, ui-sans-serif, system-ui, sans-serif;
|
||||||
--font-serif: Merriweather, Georgia, serif;
|
--font-serif: Merriweather, Georgia, serif;
|
||||||
--font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, monospace;
|
--font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, monospace;
|
||||||
|
|
@ -50,38 +50,38 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark {
|
.dark {
|
||||||
--background: 0.15 0.01 317.69;
|
--background: 0.17 0.008 250;
|
||||||
--foreground: 0.95 0.01 321.50;
|
--foreground: 0.91 0.006 250;
|
||||||
--card: 0.19 0.02 322.13;
|
--card: 0.21 0.009 250;
|
||||||
--card-foreground: 0.95 0.01 321.50;
|
--card-foreground: 0.91 0.006 250;
|
||||||
--popover: 0.22 0.02 322.13;
|
--popover: 0.24 0.009 250;
|
||||||
--popover-foreground: 0.95 0.01 321.50;
|
--popover-foreground: 0.91 0.006 250;
|
||||||
--primary: 0.60 0.22 279.81;
|
--primary: 0.62 0.20 276;
|
||||||
--primary-foreground: 0.98 0.01 321.51;
|
--primary-foreground: 0.98 0.004 250;
|
||||||
--secondary: 0.45 0.03 294.79;
|
--secondary: 0.28 0.012 255;
|
||||||
--secondary-foreground: 0.95 0.01 321.50;
|
--secondary-foreground: 0.88 0.006 250;
|
||||||
--muted: 0.18 0.01 319.50;
|
--muted: 0.24 0.008 250;
|
||||||
--muted-foreground: 0.70 0.01 320.70;
|
--muted-foreground: 0.62 0.010 250;
|
||||||
--accent: 0.35 0.06 299.57;
|
--accent: 0.30 0.015 265;
|
||||||
--accent-foreground: 0.95 0.01 321.50;
|
--accent-foreground: 0.91 0.006 250;
|
||||||
--destructive: 0.70 0.19 22.23;
|
--destructive: 0.65 0.18 22;
|
||||||
--destructive-foreground: 0.98 0.01 321.51;
|
--destructive-foreground: 0.98 0.004 250;
|
||||||
--border: 0.40 0.04 309.35;
|
--border: 0.30 0.009 250;
|
||||||
--input: 0.40 0.04 309.35;
|
--input: 0.30 0.009 250;
|
||||||
--ring: 0.50 0.15 294.97;
|
--ring: 0.55 0.16 276;
|
||||||
--chart-1: 0.50 0.25 274.99;
|
--chart-1: 0.55 0.22 270;
|
||||||
--chart-2: 0.60 0.15 150.16;
|
--chart-2: 0.62 0.14 150;
|
||||||
--chart-3: 0.65 0.20 309.96;
|
--chart-3: 0.65 0.18 310;
|
||||||
--chart-4: 0.60 0.17 132.98;
|
--chart-4: 0.62 0.16 130;
|
||||||
--chart-5: 0.60 0.20 255.25;
|
--chart-5: 0.58 0.18 255;
|
||||||
--sidebar: 0.20 0.01 317.74;
|
--sidebar: 0.14 0.007 250;
|
||||||
--sidebar-foreground: 0.95 0.01 321.50;
|
--sidebar-foreground: 0.88 0.006 250;
|
||||||
--sidebar-primary: 0.59 0.11 225.82;
|
--sidebar-primary: 0.62 0.20 276;
|
||||||
--sidebar-primary-foreground: 0.95 0.01 321.50;
|
--sidebar-primary-foreground: 0.98 0.004 250;
|
||||||
--sidebar-accent: 0.30 0.01 319.52;
|
--sidebar-accent: 0.22 0.009 250;
|
||||||
--sidebar-accent-foreground: 0.95 0.01 321.50;
|
--sidebar-accent-foreground: 0.88 0.006 250;
|
||||||
--sidebar-border: 0.35 0.01 319.53;
|
--sidebar-border: 0.26 0.008 250;
|
||||||
--sidebar-ring: 0.59 0.11 225.82;
|
--sidebar-ring: 0.62 0.20 276;
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue