@djangocfg/ui-core 2.1.394 → 2.1.395
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +14 -0
- package/package.json +4 -4
- package/src/components/effects/GlowBackground.tsx +1 -1
- package/src/components/navigation/sidebar/sidebar.tsx +4 -4
- package/src/hooks/index.ts +1 -0
- package/src/hooks/tabs/activeTabStore.ts +167 -0
- package/src/hooks/tabs/index.ts +17 -0
- package/src/hooks/tabs/tabId.ts +44 -0
- package/src/hooks/tabs/useActiveTab.ts +64 -0
- package/src/styles/README.md +149 -123
- package/src/styles/base.css +3 -3
- package/src/styles/presets/presets.ts +0 -9
- package/src/styles/presets/themes/dense.ts +10 -10
- package/src/styles/presets/themes/django-cfg.ts +13 -13
- package/src/styles/presets/themes/high-contrast.ts +11 -11
- package/src/styles/presets/themes/index.ts +0 -18
- package/src/styles/presets/themes/ios.ts +64 -64
- package/src/styles/presets/themes/macos.ts +64 -64
- package/src/styles/presets/themes/soft.ts +25 -25
- package/src/styles/presets/themes/windows.ts +64 -64
- package/src/styles/presets/types.ts +26 -12
- package/src/styles/theme/dark.css +47 -53
- package/src/styles/theme/light.css +47 -53
- package/src/styles/theme/tokens.css +128 -113
- package/src/styles/utilities.css +44 -6
- package/src/styles/presets/themes/catppuccin.ts +0 -38
- package/src/styles/presets/themes/dracula.ts +0 -38
- package/src/styles/presets/themes/github.ts +0 -38
- package/src/styles/presets/themes/gruvbox.ts +0 -38
- package/src/styles/presets/themes/material.ts +0 -38
- package/src/styles/presets/themes/nord.ts +0 -38
- package/src/styles/presets/themes/one-dark.ts +0 -38
- package/src/styles/presets/themes/solarized.ts +0 -38
- package/src/styles/presets/themes/tokyo-night.ts +0 -38
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import type { ThemePreset } from './types';
|
|
2
|
-
|
|
3
|
-
export const draculaPreset: ThemePreset = {
|
|
4
|
-
light: {
|
|
5
|
-
background: '265 20% 96%', foreground: '231 15% 18%',
|
|
6
|
-
card: '265 20% 98%', 'card-foreground': '231 15% 18%',
|
|
7
|
-
popover: '265 20% 98%', 'popover-foreground': '231 15% 18%',
|
|
8
|
-
primary: '265 89% 68%', 'primary-foreground': '0 0% 9%',
|
|
9
|
-
secondary: '326 100% 64%', 'secondary-foreground': '0 0% 9%',
|
|
10
|
-
muted: '265 20% 93%', 'muted-foreground': '231 15% 48%',
|
|
11
|
-
accent: '191 97% 67%', 'accent-foreground': '231 15% 18%',
|
|
12
|
-
destructive: '0 100% 57%', 'destructive-foreground': '0 0% 98%',
|
|
13
|
-
border: '265 20% 86%', input: '265 20% 86%', ring: '265 89% 68%',
|
|
14
|
-
radius: '0.5rem',
|
|
15
|
-
'sidebar-background': '265 20% 94%', 'sidebar-foreground': '231 15% 18%',
|
|
16
|
-
'sidebar-primary': '265 89% 68%', 'sidebar-primary-foreground': '0 0% 9%',
|
|
17
|
-
'sidebar-accent': '265 20% 92%', 'sidebar-accent-foreground': '231 15% 18%',
|
|
18
|
-
'sidebar-border': '265 20% 86%', 'sidebar-ring': '265 89% 68%',
|
|
19
|
-
'chart-1': '265 89% 68%', 'chart-2': '135 94% 55%', 'chart-3': '262 83% 58%', 'chart-4': '65 92% 66%', 'chart-5': '0 100% 57%',
|
|
20
|
-
},
|
|
21
|
-
dark: {
|
|
22
|
-
background: '231 15% 18%', foreground: '60 30% 96%',
|
|
23
|
-
card: '231 15% 22%', 'card-foreground': '60 30% 96%',
|
|
24
|
-
popover: '231 15% 22%', 'popover-foreground': '60 30% 96%',
|
|
25
|
-
primary: '265 89% 78%', 'primary-foreground': '0 0% 9%',
|
|
26
|
-
secondary: '326 100% 74%', 'secondary-foreground': '0 0% 9%',
|
|
27
|
-
muted: '231 15% 24%', 'muted-foreground': '231 15% 64%',
|
|
28
|
-
accent: '191 97% 77%', 'accent-foreground': '60 30% 96%',
|
|
29
|
-
destructive: '0 100% 67%', 'destructive-foreground': '0 0% 98%',
|
|
30
|
-
border: '231 15% 28%', input: '231 15% 28%', ring: '265 89% 78%',
|
|
31
|
-
radius: '0.5rem',
|
|
32
|
-
'sidebar-background': '231 15% 16%', 'sidebar-foreground': '60 30% 96%',
|
|
33
|
-
'sidebar-primary': '265 89% 78%', 'sidebar-primary-foreground': '0 0% 9%',
|
|
34
|
-
'sidebar-accent': '231 15% 14%', 'sidebar-accent-foreground': '60 30% 96%',
|
|
35
|
-
'sidebar-border': '231 15% 28%', 'sidebar-ring': '265 89% 78%',
|
|
36
|
-
'chart-1': '265 89% 78%', 'chart-2': '135 94% 65%', 'chart-3': '262 83% 58%', 'chart-4': '65 92% 76%', 'chart-5': '0 100% 67%',
|
|
37
|
-
},
|
|
38
|
-
};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import type { ThemePreset } from './types';
|
|
2
|
-
|
|
3
|
-
export const githubPreset: ThemePreset = {
|
|
4
|
-
light: {
|
|
5
|
-
background: '0 0% 100%', foreground: '210 12% 16%',
|
|
6
|
-
card: '0 0% 100%', 'card-foreground': '210 12% 16%',
|
|
7
|
-
popover: '0 0% 100%', 'popover-foreground': '210 12% 16%',
|
|
8
|
-
primary: '212 92% 43%', 'primary-foreground': '0 0% 98%',
|
|
9
|
-
secondary: '210 18% 87%', 'secondary-foreground': '0 0% 9%',
|
|
10
|
-
muted: '0 0% 97%', 'muted-foreground': '210 12% 46%',
|
|
11
|
-
accent: '0 0% 95%', 'accent-foreground': '210 12% 16%',
|
|
12
|
-
destructive: '356 72% 44%', 'destructive-foreground': '0 0% 98%',
|
|
13
|
-
border: '0 0% 90%', input: '0 0% 90%', ring: '212 92% 43%',
|
|
14
|
-
radius: '0.375rem',
|
|
15
|
-
'sidebar-background': '0 0% 98%', 'sidebar-foreground': '210 12% 16%',
|
|
16
|
-
'sidebar-primary': '212 92% 43%', 'sidebar-primary-foreground': '0 0% 98%',
|
|
17
|
-
'sidebar-accent': '0 0% 96%', 'sidebar-accent-foreground': '210 12% 16%',
|
|
18
|
-
'sidebar-border': '0 0% 90%', 'sidebar-ring': '212 92% 43%',
|
|
19
|
-
'chart-1': '212 92% 43%', 'chart-2': '137 55% 36%', 'chart-3': '262 83% 58%', 'chart-4': '32 100% 50%', 'chart-5': '356 72% 44%',
|
|
20
|
-
},
|
|
21
|
-
dark: {
|
|
22
|
-
background: '210 11% 7%', foreground: '213 18% 88%',
|
|
23
|
-
card: '210 11% 11%', 'card-foreground': '213 18% 88%',
|
|
24
|
-
popover: '210 11% 11%', 'popover-foreground': '213 18% 88%',
|
|
25
|
-
primary: '212 92% 60%', 'primary-foreground': '0 0% 9%',
|
|
26
|
-
secondary: '215 14% 34%', 'secondary-foreground': '0 0% 98%',
|
|
27
|
-
muted: '210 11% 13%', 'muted-foreground': '213 18% 58%',
|
|
28
|
-
accent: '210 11% 16%', 'accent-foreground': '213 18% 88%',
|
|
29
|
-
destructive: '356 72% 60%', 'destructive-foreground': '0 0% 98%',
|
|
30
|
-
border: '210 11% 20%', input: '210 11% 20%', ring: '212 92% 60%',
|
|
31
|
-
radius: '0.375rem',
|
|
32
|
-
'sidebar-background': '210 11% 5%', 'sidebar-foreground': '213 18% 88%',
|
|
33
|
-
'sidebar-primary': '212 92% 60%', 'sidebar-primary-foreground': '0 0% 9%',
|
|
34
|
-
'sidebar-accent': '210 11% 12%', 'sidebar-accent-foreground': '213 18% 88%',
|
|
35
|
-
'sidebar-border': '210 11% 20%', 'sidebar-ring': '212 92% 60%',
|
|
36
|
-
'chart-1': '212 92% 60%', 'chart-2': '137 56% 48%', 'chart-3': '262 83% 58%', 'chart-4': '29 100% 61%', 'chart-5': '356 72% 60%',
|
|
37
|
-
},
|
|
38
|
-
};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import type { ThemePreset } from './types';
|
|
2
|
-
|
|
3
|
-
export const gruvboxPreset: ThemePreset = {
|
|
4
|
-
light: {
|
|
5
|
-
background: '48 87% 94%', foreground: '24 20% 29%',
|
|
6
|
-
card: '48 87% 96%', 'card-foreground': '24 20% 29%',
|
|
7
|
-
popover: '48 87% 96%', 'popover-foreground': '24 20% 29%',
|
|
8
|
-
primary: '205 82% 31%', 'primary-foreground': '0 0% 98%',
|
|
9
|
-
secondary: '175 62% 31%', 'secondary-foreground': '0 0% 98%',
|
|
10
|
-
muted: '48 87% 91%', 'muted-foreground': '24 20% 59%',
|
|
11
|
-
accent: '48 87% 89%', 'accent-foreground': '24 20% 29%',
|
|
12
|
-
destructive: '4 79% 49%', 'destructive-foreground': '0 0% 98%',
|
|
13
|
-
border: '48 87% 84%', input: '48 87% 84%', ring: '205 82% 31%',
|
|
14
|
-
radius: '0.375rem',
|
|
15
|
-
'sidebar-background': '48 87% 92%', 'sidebar-foreground': '24 20% 29%',
|
|
16
|
-
'sidebar-primary': '205 82% 31%', 'sidebar-primary-foreground': '0 0% 98%',
|
|
17
|
-
'sidebar-accent': '48 87% 90%', 'sidebar-accent-foreground': '24 20% 29%',
|
|
18
|
-
'sidebar-border': '48 87% 84%', 'sidebar-ring': '205 82% 31%',
|
|
19
|
-
'chart-1': '205 82% 31%', 'chart-2': '104 41% 40%', 'chart-3': '262 83% 58%', 'chart-4': '36 100% 40%', 'chart-5': '4 79% 49%',
|
|
20
|
-
},
|
|
21
|
-
dark: {
|
|
22
|
-
background: '0 0% 16%', foreground: '43 16% 78%',
|
|
23
|
-
card: '0 0% 20%', 'card-foreground': '43 16% 78%',
|
|
24
|
-
popover: '0 0% 20%', 'popover-foreground': '43 16% 78%',
|
|
25
|
-
primary: '205 82% 53%', 'primary-foreground': '0 0% 9%',
|
|
26
|
-
secondary: '175 62% 53%', 'secondary-foreground': '0 0% 9%',
|
|
27
|
-
muted: '0 0% 22%', 'muted-foreground': '43 16% 58%',
|
|
28
|
-
accent: '0 0% 24%', 'accent-foreground': '43 16% 78%',
|
|
29
|
-
destructive: '4 79% 63%', 'destructive-foreground': '0 0% 98%',
|
|
30
|
-
border: '0 0% 26%', input: '0 0% 26%', ring: '205 82% 53%',
|
|
31
|
-
radius: '0.375rem',
|
|
32
|
-
'sidebar-background': '0 0% 14%', 'sidebar-foreground': '43 16% 78%',
|
|
33
|
-
'sidebar-primary': '205 82% 53%', 'sidebar-primary-foreground': '0 0% 9%',
|
|
34
|
-
'sidebar-accent': '0 0% 12%', 'sidebar-accent-foreground': '43 16% 78%',
|
|
35
|
-
'sidebar-border': '0 0% 26%', 'sidebar-ring': '205 82% 53%',
|
|
36
|
-
'chart-1': '205 82% 53%', 'chart-2': '104 41% 58%', 'chart-3': '262 83% 58%', 'chart-4': '39 100% 57%', 'chart-5': '4 79% 63%',
|
|
37
|
-
},
|
|
38
|
-
};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import type { ThemePreset } from './types';
|
|
2
|
-
|
|
3
|
-
export const materialPreset: ThemePreset = {
|
|
4
|
-
light: {
|
|
5
|
-
background: '0 0% 99%', foreground: '270 6% 13%',
|
|
6
|
-
card: '0 0% 100%', 'card-foreground': '270 6% 13%',
|
|
7
|
-
popover: '0 0% 100%', 'popover-foreground': '270 6% 13%',
|
|
8
|
-
primary: '258 89% 48%', 'primary-foreground': '0 0% 98%',
|
|
9
|
-
secondary: '264 7% 44%', 'secondary-foreground': '0 0% 98%',
|
|
10
|
-
muted: '0 0% 96%', 'muted-foreground': '270 6% 43%',
|
|
11
|
-
accent: '0 0% 94%', 'accent-foreground': '270 6% 13%',
|
|
12
|
-
destructive: '358 100% 45%', 'destructive-foreground': '0 0% 98%',
|
|
13
|
-
border: '0 0% 89%', input: '0 0% 89%', ring: '258 89% 48%',
|
|
14
|
-
radius: '0.75rem',
|
|
15
|
-
'sidebar-background': '0 0% 97%', 'sidebar-foreground': '270 6% 13%',
|
|
16
|
-
'sidebar-primary': '258 89% 48%', 'sidebar-primary-foreground': '0 0% 98%',
|
|
17
|
-
'sidebar-accent': '0 0% 95%', 'sidebar-accent-foreground': '270 6% 13%',
|
|
18
|
-
'sidebar-border': '0 0% 89%', 'sidebar-ring': '258 89% 48%',
|
|
19
|
-
'chart-1': '258 89% 48%', 'chart-2': '145 63% 42%', 'chart-3': '262 83% 58%', 'chart-4': '36 100% 50%', 'chart-5': '358 100% 45%',
|
|
20
|
-
},
|
|
21
|
-
dark: {
|
|
22
|
-
background: '270 6% 13%', foreground: '270 3% 90%',
|
|
23
|
-
card: '270 6% 17%', 'card-foreground': '270 3% 90%',
|
|
24
|
-
popover: '270 6% 17%', 'popover-foreground': '270 3% 90%',
|
|
25
|
-
primary: '258 100% 87%', 'primary-foreground': '0 0% 9%',
|
|
26
|
-
secondary: '264 14% 71%', 'secondary-foreground': '0 0% 9%',
|
|
27
|
-
muted: '270 6% 19%', 'muted-foreground': '270 3% 60%',
|
|
28
|
-
accent: '270 6% 22%', 'accent-foreground': '270 3% 90%',
|
|
29
|
-
destructive: '358 100% 70%', 'destructive-foreground': '0 0% 98%',
|
|
30
|
-
border: '270 6% 26%', input: '270 6% 26%', ring: '258 100% 87%',
|
|
31
|
-
radius: '0.75rem',
|
|
32
|
-
'sidebar-background': '270 6% 11%', 'sidebar-foreground': '270 3% 90%',
|
|
33
|
-
'sidebar-primary': '258 100% 87%', 'sidebar-primary-foreground': '0 0% 9%',
|
|
34
|
-
'sidebar-accent': '270 6% 18%', 'sidebar-accent-foreground': '270 3% 90%',
|
|
35
|
-
'sidebar-border': '270 6% 26%', 'sidebar-ring': '258 100% 87%',
|
|
36
|
-
'chart-1': '258 100% 87%', 'chart-2': '145 63% 58%', 'chart-3': '262 83% 58%', 'chart-4': '36 100% 63%', 'chart-5': '358 100% 70%',
|
|
37
|
-
},
|
|
38
|
-
};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import type { ThemePreset } from './types';
|
|
2
|
-
|
|
3
|
-
export const nordPreset: ThemePreset = {
|
|
4
|
-
light: {
|
|
5
|
-
background: '220 16% 96%', foreground: '220 16% 22%',
|
|
6
|
-
card: '220 16% 98%', 'card-foreground': '220 16% 22%',
|
|
7
|
-
popover: '220 16% 98%', 'popover-foreground': '220 16% 22%',
|
|
8
|
-
primary: '213 32% 52%', 'primary-foreground': '0 0% 9%',
|
|
9
|
-
secondary: '179 25% 65%', 'secondary-foreground': '0 0% 9%',
|
|
10
|
-
muted: '220 16% 93%', 'muted-foreground': '220 16% 52%',
|
|
11
|
-
accent: '220 16% 91%', 'accent-foreground': '220 16% 22%',
|
|
12
|
-
destructive: '354 42% 56%', 'destructive-foreground': '0 0% 98%',
|
|
13
|
-
border: '220 16% 86%', input: '220 16% 86%', ring: '213 32% 52%',
|
|
14
|
-
radius: '0.5rem',
|
|
15
|
-
'sidebar-background': '220 16% 94%', 'sidebar-foreground': '220 16% 22%',
|
|
16
|
-
'sidebar-primary': '213 32% 52%', 'sidebar-primary-foreground': '0 0% 9%',
|
|
17
|
-
'sidebar-accent': '220 16% 92%', 'sidebar-accent-foreground': '220 16% 22%',
|
|
18
|
-
'sidebar-border': '220 16% 86%', 'sidebar-ring': '213 32% 52%',
|
|
19
|
-
'chart-1': '213 32% 52%', 'chart-2': '92 28% 65%', 'chart-3': '262 83% 58%', 'chart-4': '14 51% 63%', 'chart-5': '354 42% 56%',
|
|
20
|
-
},
|
|
21
|
-
dark: {
|
|
22
|
-
background: '220 16% 22%', foreground: '218 27% 94%',
|
|
23
|
-
card: '220 16% 26%', 'card-foreground': '218 27% 94%',
|
|
24
|
-
popover: '220 16% 26%', 'popover-foreground': '218 27% 94%',
|
|
25
|
-
primary: '213 32% 52%', 'primary-foreground': '0 0% 9%',
|
|
26
|
-
secondary: '179 25% 65%', 'secondary-foreground': '0 0% 9%',
|
|
27
|
-
muted: '220 16% 28%', 'muted-foreground': '218 27% 64%',
|
|
28
|
-
accent: '220 16% 30%', 'accent-foreground': '218 27% 94%',
|
|
29
|
-
destructive: '354 42% 56%', 'destructive-foreground': '0 0% 98%',
|
|
30
|
-
border: '220 16% 32%', input: '220 16% 32%', ring: '213 32% 52%',
|
|
31
|
-
radius: '0.5rem',
|
|
32
|
-
'sidebar-background': '220 16% 20%', 'sidebar-foreground': '218 27% 94%',
|
|
33
|
-
'sidebar-primary': '213 32% 52%', 'sidebar-primary-foreground': '0 0% 9%',
|
|
34
|
-
'sidebar-accent': '220 16% 18%', 'sidebar-accent-foreground': '218 27% 94%',
|
|
35
|
-
'sidebar-border': '220 16% 32%', 'sidebar-ring': '213 32% 52%',
|
|
36
|
-
'chart-1': '213 32% 52%', 'chart-2': '92 28% 65%', 'chart-3': '262 83% 58%', 'chart-4': '14 51% 63%', 'chart-5': '354 42% 56%',
|
|
37
|
-
},
|
|
38
|
-
};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import type { ThemePreset } from './types';
|
|
2
|
-
|
|
3
|
-
export const oneDarkPreset: ThemePreset = {
|
|
4
|
-
light: {
|
|
5
|
-
background: '0 0% 98%', foreground: '230 8% 24%',
|
|
6
|
-
card: '0 0% 100%', 'card-foreground': '230 8% 24%',
|
|
7
|
-
popover: '0 0% 100%', 'popover-foreground': '230 8% 24%',
|
|
8
|
-
primary: '207 82% 56%', 'primary-foreground': '0 0% 9%',
|
|
9
|
-
secondary: '187 47% 45%', 'secondary-foreground': '0 0% 98%',
|
|
10
|
-
muted: '0 0% 95%', 'muted-foreground': '230 8% 54%',
|
|
11
|
-
accent: '286 60% 57%', 'accent-foreground': '230 8% 24%',
|
|
12
|
-
destructive: '355 65% 55%', 'destructive-foreground': '0 0% 98%',
|
|
13
|
-
border: '0 0% 88%', input: '0 0% 88%', ring: '207 82% 56%',
|
|
14
|
-
radius: '0.5rem',
|
|
15
|
-
'sidebar-background': '0 0% 96%', 'sidebar-foreground': '230 8% 24%',
|
|
16
|
-
'sidebar-primary': '207 82% 56%', 'sidebar-primary-foreground': '0 0% 9%',
|
|
17
|
-
'sidebar-accent': '0 0% 94%', 'sidebar-accent-foreground': '230 8% 24%',
|
|
18
|
-
'sidebar-border': '0 0% 88%', 'sidebar-ring': '207 82% 56%',
|
|
19
|
-
'chart-1': '207 82% 56%', 'chart-2': '95 38% 52%', 'chart-3': '262 83% 58%', 'chart-4': '29 54% 51%', 'chart-5': '355 65% 55%',
|
|
20
|
-
},
|
|
21
|
-
dark: {
|
|
22
|
-
background: '220 13% 18%', foreground: '220 14% 71%',
|
|
23
|
-
card: '220 13% 22%', 'card-foreground': '220 14% 71%',
|
|
24
|
-
popover: '220 13% 22%', 'popover-foreground': '220 14% 71%',
|
|
25
|
-
primary: '207 82% 66%', 'primary-foreground': '0 0% 9%',
|
|
26
|
-
secondary: '187 47% 55%', 'secondary-foreground': '0 0% 9%',
|
|
27
|
-
muted: '220 13% 24%', 'muted-foreground': '220 14% 55%',
|
|
28
|
-
accent: '286 60% 67%', 'accent-foreground': '220 14% 71%',
|
|
29
|
-
destructive: '355 65% 65%', 'destructive-foreground': '0 0% 98%',
|
|
30
|
-
border: '220 13% 28%', input: '220 13% 28%', ring: '207 82% 66%',
|
|
31
|
-
radius: '0.5rem',
|
|
32
|
-
'sidebar-background': '220 13% 16%', 'sidebar-foreground': '220 14% 71%',
|
|
33
|
-
'sidebar-primary': '207 82% 66%', 'sidebar-primary-foreground': '0 0% 9%',
|
|
34
|
-
'sidebar-accent': '220 13% 14%', 'sidebar-accent-foreground': '220 14% 71%',
|
|
35
|
-
'sidebar-border': '220 13% 28%', 'sidebar-ring': '207 82% 66%',
|
|
36
|
-
'chart-1': '207 82% 66%', 'chart-2': '95 38% 62%', 'chart-3': '262 83% 58%', 'chart-4': '29 54% 61%', 'chart-5': '355 65% 65%',
|
|
37
|
-
},
|
|
38
|
-
};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import type { ThemePreset } from './types';
|
|
2
|
-
|
|
3
|
-
export const solarizedPreset: ThemePreset = {
|
|
4
|
-
light: {
|
|
5
|
-
background: '44 87% 94%', foreground: '192 81% 14%',
|
|
6
|
-
card: '44 87% 96%', 'card-foreground': '192 81% 14%',
|
|
7
|
-
popover: '44 87% 96%', 'popover-foreground': '192 81% 14%',
|
|
8
|
-
primary: '205 69% 49%', 'primary-foreground': '0 0% 98%',
|
|
9
|
-
secondary: '175 59% 40%', 'secondary-foreground': '0 0% 98%',
|
|
10
|
-
muted: '44 87% 91%', 'muted-foreground': '192 81% 44%',
|
|
11
|
-
accent: '44 87% 89%', 'accent-foreground': '192 81% 14%',
|
|
12
|
-
destructive: '1 79% 55%', 'destructive-foreground': '0 0% 98%',
|
|
13
|
-
border: '44 87% 84%', input: '44 87% 84%', ring: '205 69% 49%',
|
|
14
|
-
radius: '0.25rem',
|
|
15
|
-
'sidebar-background': '44 87% 92%', 'sidebar-foreground': '192 81% 14%',
|
|
16
|
-
'sidebar-primary': '205 69% 49%', 'sidebar-primary-foreground': '0 0% 98%',
|
|
17
|
-
'sidebar-accent': '44 87% 90%', 'sidebar-accent-foreground': '192 81% 14%',
|
|
18
|
-
'sidebar-border': '44 87% 84%', 'sidebar-ring': '205 69% 49%',
|
|
19
|
-
'chart-1': '205 69% 49%', 'chart-2': '68 100% 30%', 'chart-3': '262 83% 58%', 'chart-4': '45 100% 35%', 'chart-5': '1 79% 55%',
|
|
20
|
-
},
|
|
21
|
-
dark: {
|
|
22
|
-
background: '192 100% 11%', foreground: '44 87% 94%',
|
|
23
|
-
card: '192 100% 15%', 'card-foreground': '44 87% 94%',
|
|
24
|
-
popover: '192 100% 15%', 'popover-foreground': '44 87% 94%',
|
|
25
|
-
primary: '205 69% 49%', 'primary-foreground': '0 0% 98%',
|
|
26
|
-
secondary: '175 59% 40%', 'secondary-foreground': '0 0% 98%',
|
|
27
|
-
muted: '192 100% 17%', 'muted-foreground': '44 87% 60%',
|
|
28
|
-
accent: '192 100% 20%', 'accent-foreground': '44 87% 94%',
|
|
29
|
-
destructive: '1 79% 55%', 'destructive-foreground': '0 0% 98%',
|
|
30
|
-
border: '192 100% 22%', input: '192 100% 22%', ring: '205 69% 49%',
|
|
31
|
-
radius: '0.25rem',
|
|
32
|
-
'sidebar-background': '192 100% 9%', 'sidebar-foreground': '44 87% 94%',
|
|
33
|
-
'sidebar-primary': '205 69% 49%', 'sidebar-primary-foreground': '0 0% 98%',
|
|
34
|
-
'sidebar-accent': '192 100% 14%', 'sidebar-accent-foreground': '44 87% 94%',
|
|
35
|
-
'sidebar-border': '192 100% 22%', 'sidebar-ring': '205 69% 49%',
|
|
36
|
-
'chart-1': '205 69% 49%', 'chart-2': '68 100% 45%', 'chart-3': '262 83% 58%', 'chart-4': '45 100% 51%', 'chart-5': '1 79% 55%',
|
|
37
|
-
},
|
|
38
|
-
};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import type { ThemePreset } from './types';
|
|
2
|
-
|
|
3
|
-
export const tokyoNightPreset: ThemePreset = {
|
|
4
|
-
light: {
|
|
5
|
-
background: '0 0% 99%', foreground: '240 7% 30%',
|
|
6
|
-
card: '0 0% 100%', 'card-foreground': '240 7% 30%',
|
|
7
|
-
popover: '0 0% 100%', 'popover-foreground': '240 7% 30%',
|
|
8
|
-
primary: '207 82% 56%', 'primary-foreground': '0 0% 9%',
|
|
9
|
-
secondary: '199 76% 59%', 'secondary-foreground': '0 0% 9%',
|
|
10
|
-
muted: '0 0% 96%', 'muted-foreground': '240 7% 60%',
|
|
11
|
-
accent: '180 58% 60%', 'accent-foreground': '240 7% 30%',
|
|
12
|
-
destructive: '2 56% 53%', 'destructive-foreground': '0 0% 98%',
|
|
13
|
-
border: '0 0% 89%', input: '0 0% 89%', ring: '207 82% 56%',
|
|
14
|
-
radius: '0.5rem',
|
|
15
|
-
'sidebar-background': '0 0% 97%', 'sidebar-foreground': '240 7% 30%',
|
|
16
|
-
'sidebar-primary': '207 82% 56%', 'sidebar-primary-foreground': '0 0% 9%',
|
|
17
|
-
'sidebar-accent': '0 0% 95%', 'sidebar-accent-foreground': '240 7% 30%',
|
|
18
|
-
'sidebar-border': '0 0% 89%', 'sidebar-ring': '207 82% 56%',
|
|
19
|
-
'chart-1': '207 82% 56%', 'chart-2': '158 64% 42%', 'chart-3': '262 83% 58%', 'chart-4': '32 93% 56%', 'chart-5': '2 56% 53%',
|
|
20
|
-
},
|
|
21
|
-
dark: {
|
|
22
|
-
background: '235 18% 12%', foreground: '230 8% 76%',
|
|
23
|
-
card: '235 18% 16%', 'card-foreground': '230 8% 76%',
|
|
24
|
-
popover: '235 18% 16%', 'popover-foreground': '230 8% 76%',
|
|
25
|
-
primary: '207 82% 66%', 'primary-foreground': '0 0% 9%',
|
|
26
|
-
secondary: '199 76% 69%', 'secondary-foreground': '0 0% 9%',
|
|
27
|
-
muted: '235 18% 18%', 'muted-foreground': '230 8% 56%',
|
|
28
|
-
accent: '180 58% 70%', 'accent-foreground': '230 8% 76%',
|
|
29
|
-
destructive: '2 56% 63%', 'destructive-foreground': '0 0% 98%',
|
|
30
|
-
border: '235 18% 22%', input: '235 18% 22%', ring: '207 82% 66%',
|
|
31
|
-
radius: '0.5rem',
|
|
32
|
-
'sidebar-background': '235 18% 10%', 'sidebar-foreground': '230 8% 76%',
|
|
33
|
-
'sidebar-primary': '207 82% 66%', 'sidebar-primary-foreground': '0 0% 9%',
|
|
34
|
-
'sidebar-accent': '235 18% 15%', 'sidebar-accent-foreground': '230 8% 76%',
|
|
35
|
-
'sidebar-border': '235 18% 22%', 'sidebar-ring': '207 82% 66%',
|
|
36
|
-
'chart-1': '207 82% 66%', 'chart-2': '158 64% 52%', 'chart-3': '262 83% 58%', 'chart-4': '32 93% 66%', 'chart-5': '2 56% 63%',
|
|
37
|
-
},
|
|
38
|
-
};
|