generic-sapphire 0.0.1
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/basic-darkmode.css +74 -0
- package/basic-darkmode.min.css +1 -0
- package/big-code.css +4 -0
- package/big-code.min.css +1 -0
- package/package.json +12 -0
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--color-brand-primary: #e2e8f0;
|
|
3
|
+
--color-brand-primary-light: #f1f5f9;
|
|
4
|
+
--color-brand-primary-dark: #cbd5e1;
|
|
5
|
+
--color-brand-secondary: #94a3b8;
|
|
6
|
+
--color-brand-secondary-light: #cbd5e1;
|
|
7
|
+
--color-brand-secondary-dark: #64748b;
|
|
8
|
+
--color-brand-accent: #e2e8f0;
|
|
9
|
+
--color-brand-accent-light: #f1f5f9;
|
|
10
|
+
--color-brand-accent-dark: #cbd5e1;
|
|
11
|
+
--color-success: #2dd4bf;
|
|
12
|
+
--color-success-light: #5eead4;
|
|
13
|
+
--color-success-dark: #14b8a6;
|
|
14
|
+
--color-warning: #fbbf24;
|
|
15
|
+
--color-warning-light: #fcd34d;
|
|
16
|
+
--color-warning-dark: #f59e0b;
|
|
17
|
+
--color-error: #f87171;
|
|
18
|
+
--color-error-light: #fca5a5;
|
|
19
|
+
--color-error-dark: #ef4444;
|
|
20
|
+
--color-info: #60a5fa;
|
|
21
|
+
--color-info-light: #93c5fd;
|
|
22
|
+
--color-info-dark: #3b82f6;
|
|
23
|
+
--color-white: #0f172a;
|
|
24
|
+
--color-gray-50: #1e293b;
|
|
25
|
+
--color-gray-100: #334155;
|
|
26
|
+
--color-gray-200: #475569;
|
|
27
|
+
--color-gray-300: #5b6e8c;
|
|
28
|
+
--color-gray-400: #6f7e9e;
|
|
29
|
+
--color-gray-500: #8b9bb8;
|
|
30
|
+
--color-gray-600: #a6b4ce;
|
|
31
|
+
--color-gray-700: #c2cde4;
|
|
32
|
+
--color-gray-800: #dee5f0;
|
|
33
|
+
--color-gray-900: #f1f5f9;
|
|
34
|
+
--color-black: #ffffff;
|
|
35
|
+
--color-bg-primary: #0f172a;
|
|
36
|
+
--color-bg-secondary: #1e293b;
|
|
37
|
+
--color-bg-tertiary: #334155;
|
|
38
|
+
--color-bg-sidebar: #0f172a;
|
|
39
|
+
--color-bg-sidebar-hover: #1e293b;
|
|
40
|
+
--color-bg-inverse: #e2e8f0;
|
|
41
|
+
--color-bg-elevated: #1e293b;
|
|
42
|
+
--color-text-primary: #e2e8f0;
|
|
43
|
+
--color-text-secondary: #94a3b8;
|
|
44
|
+
--color-text-tertiary: #6f7e9e;
|
|
45
|
+
--color-text-disabled: #475569;
|
|
46
|
+
--color-text-inverse: #1e293b;
|
|
47
|
+
--color-text-sidebar-primary: #e2e8f0;
|
|
48
|
+
--color-text-sidebar-secondary: #94a3b8;
|
|
49
|
+
--color-text-sidebar-active: #f1f5f9;
|
|
50
|
+
--color-text-link: #cbd5e1;
|
|
51
|
+
--color-text-link-hover: #f1f5f9;
|
|
52
|
+
--color-border-default: #334155;
|
|
53
|
+
--color-border-light: #1e293b;
|
|
54
|
+
--color-border-dark: #475569;
|
|
55
|
+
--color-border-focus: #94a3b8;
|
|
56
|
+
--color-border-sidebar: #334155;
|
|
57
|
+
--shadow-focus: 0 0 0 2px #94a3b833;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.button--primary,
|
|
61
|
+
.button--primary:not(:disabled):hover {
|
|
62
|
+
border-color: var(--color-text-inverse);
|
|
63
|
+
color: var(--color-brand-primary);
|
|
64
|
+
background: var(--color-text-inverse);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.toggle__input + .toggle__track,
|
|
68
|
+
.toggle__input:checked + .toggle__track{
|
|
69
|
+
background: var(--color-text-inverse);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.toast {
|
|
73
|
+
background: var(--color-bg-elevated);
|
|
74
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--color-brand-primary:#e2e8f0;--color-brand-primary-light:#f1f5f9;--color-brand-primary-dark:#cbd5e1;--color-brand-secondary:#94a3b8;--color-brand-secondary-light:#cbd5e1;--color-brand-secondary-dark:#64748b;--color-brand-accent:#e2e8f0;--color-brand-accent-light:#f1f5f9;--color-brand-accent-dark:#cbd5e1;--color-success:#2dd4bf;--color-success-light:#5eead4;--color-success-dark:#14b8a6;--color-warning:#fbbf24;--color-warning-light:#fcd34d;--color-warning-dark:#f59e0b;--color-error:#f87171;--color-error-light:#fca5a5;--color-error-dark:#ef4444;--color-info:#60a5fa;--color-info-light:#93c5fd;--color-info-dark:#3b82f6;--color-white:#0f172a;--color-gray-50:#1e293b;--color-gray-100:#334155;--color-gray-200:#475569;--color-gray-300:#5b6e8c;--color-gray-400:#6f7e9e;--color-gray-500:#8b9bb8;--color-gray-600:#a6b4ce;--color-gray-700:#c2cde4;--color-gray-800:#dee5f0;--color-gray-900:#f1f5f9;--color-black:#ffffff;--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-bg-sidebar:#0f172a;--color-bg-sidebar-hover:#1e293b;--color-bg-inverse:#e2e8f0;--color-bg-elevated:#1e293b;--color-text-primary:#e2e8f0;--color-text-secondary:#94a3b8;--color-text-tertiary:#6f7e9e;--color-text-disabled:#475569;--color-text-inverse:#1e293b;--color-text-sidebar-primary:#e2e8f0;--color-text-sidebar-secondary:#94a3b8;--color-text-sidebar-active:#f1f5f9;--color-text-link:#cbd5e1;--color-text-link-hover:#f1f5f9;--color-border-default:#334155;--color-border-light:#1e293b;--color-border-dark:#475569;--color-border-focus:#94a3b8;--color-border-sidebar:#334155;--shadow-focus:0 0 0 2px #94a3b833}.button--primary,.button--primary:not(:disabled):hover{border-color:var(--color-text-inverse);color:var(--color-brand-primary);background:var(--color-text-inverse)}.toggle__input+.toggle__track,.toggle__input:checked+.toggle__track{background:var(--color-text-inverse)}.toast{background:var(--color-bg-elevated)}
|
package/big-code.css
ADDED
package/big-code.min.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.modal:has(.codeEditor__container){max-width:100%;min-height:100%}
|
package/package.json
ADDED