-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy paththeme.css
More file actions
187 lines (168 loc) · 8.16 KB
/
Copy paththeme.css
File metadata and controls
187 lines (168 loc) · 8.16 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
:root {
color-scheme: light dark;
--_sbm-color-bg-base: Canvas;
--_sbm-color-surface-base: Canvas;
--_sbm-color-text-base: CanvasText;
--_sbm-color-accent-base: Highlight;
--_sbm-color-accent-text-base: HighlightText;
--_sbm-color-link-base: LinkText;
--_sbm-color-warning-base: #7a4a00;
--sbm-color-bg: var(--_sbm-color-bg-base);
--sbm-color-surface: var(--_sbm-color-surface-base);
--sbm-color-text: var(--_sbm-color-text-base);
--sbm-color-accent: var(--_sbm-color-accent-base);
--sbm-color-accent-text: var(--_sbm-color-accent-text-base);
--sbm-color-link: var(--_sbm-color-link-base);
--sbm-color-warning-text: var(--_sbm-color-warning-base);
--sbm-color-pane: color-mix(in srgb, var(--_sbm-color-surface-base) 92%, var(--_sbm-color-text-base));
--sbm-color-surface-muted: color-mix(in srgb, var(--_sbm-color-surface-base) 94%, var(--_sbm-color-text-base));
--sbm-color-card: color-mix(in srgb, var(--_sbm-color-surface-base) 88%, var(--_sbm-color-text-base));
--sbm-color-text-muted: color-mix(in srgb, var(--_sbm-color-text-base) 70%, transparent);
--sbm-color-text-soft: color-mix(in srgb, var(--_sbm-color-text-base) 78%, transparent);
--sbm-color-heading-muted: color-mix(in srgb, var(--_sbm-color-text-base) 72%, transparent);
--sbm-color-eyebrow: color-mix(in srgb, var(--_sbm-color-text-base) 62%, transparent);
--sbm-color-border-faint: color-mix(in srgb, var(--_sbm-color-text-base) 10%, transparent);
--sbm-color-border-subtle: color-mix(in srgb, var(--_sbm-color-text-base) 12%, transparent);
--sbm-color-border-soft: color-mix(in srgb, var(--_sbm-color-text-base) 14%, transparent);
--sbm-color-border-card: color-mix(in srgb, var(--_sbm-color-text-base) 16%, transparent);
--sbm-color-border-muted: color-mix(in srgb, var(--_sbm-color-text-base) 18%, transparent);
--sbm-color-border-separator: color-mix(in srgb, var(--_sbm-color-text-base) 20%, transparent);
--sbm-color-border-header: color-mix(in srgb, var(--_sbm-color-text-base) 22%, transparent);
--sbm-color-border: color-mix(in srgb, var(--_sbm-color-text-base) 25%, transparent);
--sbm-color-border-strong: color-mix(in srgb, var(--_sbm-color-text-base) 30%, transparent);
--sbm-color-border-emphasis: color-mix(in srgb, var(--_sbm-color-text-base) 38%, transparent);
--sbm-color-resizer-bg: color-mix(in srgb, var(--_sbm-color-text-base) 8%, transparent);
--sbm-color-accent-soft: color-mix(in srgb, var(--_sbm-color-accent-base) 14%, transparent);
--sbm-color-accent-faint: color-mix(in srgb, var(--_sbm-color-accent-base) 18%, transparent);
--sbm-color-accent-hover: color-mix(in srgb, var(--_sbm-color-accent-base) 20%, transparent);
--sbm-color-accent-menu: color-mix(in srgb, var(--_sbm-color-accent-base) 22%, transparent);
--sbm-color-accent-drop: color-mix(in srgb, var(--_sbm-color-accent-base) 24%, transparent);
--sbm-color-accent-resizer: color-mix(in srgb, var(--_sbm-color-accent-base) 30%, transparent);
--sbm-color-selection-inactive-bg: color-mix(in srgb, var(--_sbm-color-accent-base) 38%, var(--_sbm-color-surface-base));
--sbm-color-overlay-soft: color-mix(in srgb, var(--_sbm-color-text-base) 35%, transparent);
--sbm-color-overlay: color-mix(in srgb, var(--_sbm-color-text-base) 42%, transparent);
--sbm-color-shadow-soft: color-mix(in srgb, var(--_sbm-color-text-base) 10%, transparent);
--sbm-color-shadow: color-mix(in srgb, var(--_sbm-color-text-base) 22%, transparent);
--sbm-color-shadow-strong: color-mix(in srgb, var(--_sbm-color-text-base) 35%, transparent);
--sbm-color-code-bg: color-mix(in srgb, var(--_sbm-color-text-base) 10%, transparent);
--sbm-color-manager-bg: var(--sbm-color-bg);
--sbm-color-manager-toolbar-bg: var(--sbm-color-bg);
--sbm-color-manager-left-bg: var(--sbm-color-pane);
--sbm-color-manager-content-bg: var(--sbm-color-bg);
--sbm-color-manager-details-bg: var(--sbm-color-pane);
--sbm-color-manager-crumbs-bg: var(--sbm-color-bg);
--sbm-color-manager-table-header-bg: var(--sbm-color-surface);
--sbm-color-dirty-text: #1d4ed8;
}
:root[data-sbm-theme="light"] {
color-scheme: light;
--_sbm-color-bg-base: #ffffff;
--_sbm-color-surface-base: #ffffff;
--_sbm-color-text-base: #1f2937;
--_sbm-color-accent-base: #2563eb;
--_sbm-color-accent-text-base: #ffffff;
--_sbm-color-link-base: #0645ad;
--_sbm-color-warning-base: #7a4a00;
}
:root[data-sbm-theme="dark"] {
color-scheme: dark;
--_sbm-color-bg-base: #111827;
--_sbm-color-surface-base: #111827;
--_sbm-color-text-base: #e5e7eb;
--_sbm-color-accent-base: #60a5fa;
--_sbm-color-accent-text-base: #0f172a;
--_sbm-color-link-base: #93c5fd;
--_sbm-color-warning-base: #fbbf24;
--sbm-color-dirty-text: #93c5fd;
}
:root[data-sbm-theme^="soft"] {
color-scheme: light;
--_sbm-color-surface-base: #ffffff;
--_sbm-color-text-base: #1f2937;
--_sbm-color-accent-text-base: #ffffff;
--_sbm-color-warning-base: #7a4a00;
--sbm-color-manager-bg:
radial-gradient(circle at calc(var(--left-lib-width, 260px) + 7px) 0rem, var(--sbm-soft-gradient-strong), var(--sbm-soft-gradient-mid) 18rem, var(--sbm-soft-gradient-faint) 34rem, transparent 46rem),
linear-gradient(115deg, var(--sbm-soft-bg-start) 0%, var(--sbm-soft-bg-mid) 46%, var(--sbm-soft-bg-end) 100%);
--sbm-color-manager-toolbar-bg: transparent;
--sbm-color-manager-left-bg: transparent;
--sbm-color-manager-content-bg: transparent;
--sbm-color-manager-details-bg: transparent;
--sbm-color-manager-crumbs-bg: transparent;
--sbm-color-manager-table-header-bg: rgba(255, 255, 255, .68);
--sbm-color-pane: rgba(255, 255, 255, .70);
--sbm-color-surface-muted: rgba(255, 255, 255, .74);
--sbm-color-card: rgba(255, 255, 255, .82);
}
:root[data-sbm-theme="softBlue"] {
--_sbm-color-bg-base: #f8fbff;
--_sbm-color-accent-base: #2563eb;
--_sbm-color-link-base: #0645ad;
--sbm-soft-gradient-strong: rgba(96, 165, 250, .50);
--sbm-soft-gradient-mid: rgba(147, 197, 253, .22);
--sbm-soft-gradient-faint: rgba(219, 234, 254, .08);
--sbm-soft-bg-start: #eaf5ff;
--sbm-soft-bg-mid: #f4f9ff;
--sbm-soft-bg-end: #ffffff;
--sbm-color-dirty-text: #1d4ed8;
}
:root[data-sbm-theme="softPink"] {
--_sbm-color-bg-base: #fff7fb;
--_sbm-color-accent-base: #db2777;
--_sbm-color-link-base: #9d174d;
--sbm-soft-gradient-strong: rgba(244, 114, 182, .46);
--sbm-soft-gradient-mid: rgba(251, 207, 232, .25);
--sbm-soft-gradient-faint: rgba(252, 231, 243, .10);
--sbm-soft-bg-start: #fff0f7;
--sbm-soft-bg-mid: #fff7fb;
--sbm-soft-bg-end: #ffffff;
--sbm-color-dirty-text: #be185d;
}
:root[data-sbm-theme="softPurple"] {
--_sbm-color-bg-base: #fbf8ff;
--_sbm-color-accent-base: #7c3aed;
--_sbm-color-link-base: #5b21b6;
--sbm-soft-gradient-strong: rgba(167, 139, 250, .48);
--sbm-soft-gradient-mid: rgba(196, 181, 253, .24);
--sbm-soft-gradient-faint: rgba(237, 233, 254, .10);
--sbm-soft-bg-start: #f4f0ff;
--sbm-soft-bg-mid: #faf7ff;
--sbm-soft-bg-end: #ffffff;
--sbm-color-dirty-text: #6d28d9;
}
:root[data-sbm-theme="softGold"] {
--_sbm-color-bg-base: #fffaf0;
--_sbm-color-accent-base: #b45309;
--_sbm-color-link-base: #92400e;
--sbm-soft-gradient-strong: rgba(251, 191, 36, .44);
--sbm-soft-gradient-mid: rgba(253, 230, 138, .25);
--sbm-soft-gradient-faint: rgba(254, 243, 199, .10);
--sbm-soft-bg-start: #fff8e1;
--sbm-soft-bg-mid: #fffaf0;
--sbm-soft-bg-end: #ffffff;
--sbm-color-dirty-text: #a16207;
}
:root[data-sbm-theme="softOrange"] {
--_sbm-color-bg-base: #fff8f1;
--_sbm-color-accent-base: #ea580c;
--_sbm-color-link-base: #c2410c;
--sbm-soft-gradient-strong: rgba(251, 146, 60, .46);
--sbm-soft-gradient-mid: rgba(254, 215, 170, .24);
--sbm-soft-gradient-faint: rgba(255, 237, 213, .10);
--sbm-soft-bg-start: #fff3e6;
--sbm-soft-bg-mid: #fff8f1;
--sbm-soft-bg-end: #ffffff;
--sbm-color-dirty-text: #c2410c;
}
:root[data-sbm-theme="softGreen"] {
--_sbm-color-bg-base: #f7fef9;
--_sbm-color-accent-base: #16a34a;
--_sbm-color-link-base: #15803d;
--sbm-soft-gradient-strong: rgba(74, 222, 128, .43);
--sbm-soft-gradient-mid: rgba(187, 247, 208, .24);
--sbm-soft-gradient-faint: rgba(220, 252, 231, .10);
--sbm-soft-bg-start: #effdf4;
--sbm-soft-bg-mid: #f7fef9;
--sbm-soft-bg-end: #ffffff;
--sbm-color-dirty-text: #15803d;
}