@netlify/spark-ui 1.4.1 → 1.4.3
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/dist/assets/SearchLink.css +1 -1
- package/dist/assets/SearchModal.css +1 -1
- package/package.json +1 -1
- package/packages/components/preact/SearchModal/components/SearchLink/SearchLink.css +17 -12
- package/packages/components/preact/SearchModal/components/SearchModal/SearchModal.css +2 -2
- package/packages/styles/fonts.css +2 -2
- package/packages/styles/tokens.css +32 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
.n-search-link{--n-search-icon-size: 1em;all:unset;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-s, 1rem);align-items:center;padding:var(--n-search-link-padding-block, 1em) var(--n-search-link-padding-inline, 1em);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-regular);text-decoration:none;cursor:pointer}.n-search-link-body{flex:1;width:80%;color:var(--color-text-weak);text-wrap:pretty}.n-search-link:is(:hover,:focus-within){background:var(--n-search-color-bg-2)}.n-search-link:is(:hover,:focus-within) .n-search-link-icon [data-icon=caretRight]{display:block}.n-search-link-title{font-weight:var(--font-weight-medium);color:var(--color-text);line-height:1.5}.n-search-link-excerpt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-weak);line-height:1.3;font-size:.9em;margin-block-start:var(--space-3xs)}.n-search-link-icon{display:flex;width:var(--n-search-icon-size);height:var(--n-search-icon-size);color:var(--n-search-color-text-secondary)}.n-search-link-icon [data-icon=caretRight]{display:none;width:.8em;opacity:.3}.n-search-link-label{margin-inline-end:var(--space-3xs)}.n-search-link-badge{display:inline-block;width:max-content;font-size:.7em;padding:.1em .4em;position:relative;bottom:.3em;color:var(--n-search-link-badge-text-color, var(--
|
|
1
|
+
.n-search-link{--n-search-icon-size: 1em;all:unset;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-s, 1rem);align-items:center;padding:var(--n-search-link-padding-block, 1em) var(--n-search-link-padding-inline, 1em);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-regular);text-decoration:none;cursor:pointer}.n-search-link-body{flex:1;width:80%;color:var(--color-text-weak);text-wrap:pretty}.n-search-link:is(:hover,:focus-within){background:var(--n-search-color-bg-2)}.n-search-link:is(:hover,:focus-within) .n-search-link-icon [data-icon=caretRight]{display:block}.n-search-link-title{font-weight:var(--font-weight-medium);color:var(--color-text);line-height:1.5}.n-search-link-excerpt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-weak);line-height:1.3;font-size:.9em;margin-block-start:var(--space-3xs)}.n-search-link-excerpt mark{color:var(--mark-color, currentColor);background-color:var(--mark-bg, var(--color-highlight))}.n-search-link-icon{display:flex;width:var(--n-search-icon-size);height:var(--n-search-icon-size);color:var(--n-search-color-text-secondary)}.n-search-link-icon [data-icon=caretRight]{display:none;width:.8em;opacity:.3}.n-search-link-label{margin-inline-end:var(--space-3xs)}.n-search-link-badge{display:inline-block;width:max-content;font-size:.7em;padding:.1em .4em;position:relative;bottom:.3em;color:var(--n-search-link-badge-text-color, var(--color-disabled-text));background:var(--n-search-link-badge-color, var(--color-disabled-bg));border:1px solid var(--n-search-link-badge-border, var(--color-disabled-border));border-radius:3px}.n-search-link-badge[data-resource=blog]{--n-search-link-badge-color: var(--color-info-bg);--n-search-link-badge-text-color: var(--color-info-text);--n-search-link-badge-border: var(--color-info-border)}.n-search-link-badge[data-resource=changelog]{--n-search-link-badge-color: var(--color-warning-bg);--n-search-link-badge-text-color: var(--color-warning-text);--n-search-link-badge-border: var(--color-warning-border)}.n-search-link-badge[data-resource=guide]{--n-search-link-badge-color: var(--color-highlight-bg);--n-search-link-badge-text-color: var(--color-highlight-text);--n-search-link-badge-border: var(--color-highlight-border)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.n-keyboard-key{--n-key-text-size: .8em;--n-key-border-radius: 6px;--n-key-text-color: currentColor;--n-key-bg-color: transparent;display:flex;gap:calc(var(--space-3xs) * .5);font-size:var(--n-key-text-size);color:var(--n-key-text-color);background:var(--n-key-bg-color);border:1px solid currentColor;border-radius:var(--n-key-border-radius);padding:var(--n-key-padding-block, .05em) var(--n-key-padding-inline, .3em)}.n-search-heading{--n-search-heading-weight: var(--font-weight-regular, 400);--n-search-heading-size: var(--font-size-text-sm, 13px);--n-search-heading-color: var(--color-text-weak, #757575);font-size:var(--n-search-heading-size);font-weight:var(--n-search-heading-weight);color:var(--n-search-heading-color);padding-inline:1rem;margin-block:var(--space-xs);letter-spacing:.2px}.n-search-link{--n-search-icon-size: 1em;all:unset;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-s, 1rem);align-items:center;padding:var(--n-search-link-padding-block, 1em) var(--n-search-link-padding-inline, 1em);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-regular);text-decoration:none;cursor:pointer}.n-search-link-body{flex:1;width:80%;color:var(--color-text-weak);text-wrap:pretty}.n-search-link:is(:hover,:focus-within){background:var(--n-search-color-bg-2)}.n-search-link:is(:hover,:focus-within) .n-search-link-icon [data-icon=caretRight]{display:block}.n-search-link-title{font-weight:var(--font-weight-medium);color:var(--color-text);line-height:1.5}.n-search-link-excerpt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-weak);line-height:1.3;font-size:.9em;margin-block-start:var(--space-3xs)}.n-search-link-icon{display:flex;width:var(--n-search-icon-size);height:var(--n-search-icon-size);color:var(--n-search-color-text-secondary)}.n-search-link-icon [data-icon=caretRight]{display:none;width:.8em;opacity:.3}.n-search-link-label{margin-inline-end:var(--space-3xs)}.n-search-link-badge{display:inline-block;width:max-content;font-size:.7em;padding:.1em .4em;position:relative;bottom:.3em;color:var(--n-search-link-badge-text-color, var(--
|
|
1
|
+
.n-keyboard-key{--n-key-text-size: .8em;--n-key-border-radius: 6px;--n-key-text-color: currentColor;--n-key-bg-color: transparent;display:flex;gap:calc(var(--space-3xs) * .5);font-size:var(--n-key-text-size);color:var(--n-key-text-color);background:var(--n-key-bg-color);border:1px solid currentColor;border-radius:var(--n-key-border-radius);padding:var(--n-key-padding-block, .05em) var(--n-key-padding-inline, .3em)}.n-search-heading{--n-search-heading-weight: var(--font-weight-regular, 400);--n-search-heading-size: var(--font-size-text-sm, 13px);--n-search-heading-color: var(--color-text-weak, #757575);font-size:var(--n-search-heading-size);font-weight:var(--n-search-heading-weight);color:var(--n-search-heading-color);padding-inline:1rem;margin-block:var(--space-xs);letter-spacing:.2px}.n-search-link{--n-search-icon-size: 1em;all:unset;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-s, 1rem);align-items:center;padding:var(--n-search-link-padding-block, 1em) var(--n-search-link-padding-inline, 1em);font-size:var(--font-size-text-sm);font-weight:var(--font-weight-regular);text-decoration:none;cursor:pointer}.n-search-link-body{flex:1;width:80%;color:var(--color-text-weak);text-wrap:pretty}.n-search-link:is(:hover,:focus-within){background:var(--n-search-color-bg-2)}.n-search-link:is(:hover,:focus-within) .n-search-link-icon [data-icon=caretRight]{display:block}.n-search-link-title{font-weight:var(--font-weight-medium);color:var(--color-text);line-height:1.5}.n-search-link-excerpt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-weak);line-height:1.3;font-size:.9em;margin-block-start:var(--space-3xs)}.n-search-link-excerpt mark{color:var(--mark-color, currentColor);background-color:var(--mark-bg, var(--color-highlight))}.n-search-link-icon{display:flex;width:var(--n-search-icon-size);height:var(--n-search-icon-size);color:var(--n-search-color-text-secondary)}.n-search-link-icon [data-icon=caretRight]{display:none;width:.8em;opacity:.3}.n-search-link-label{margin-inline-end:var(--space-3xs)}.n-search-link-badge{display:inline-block;width:max-content;font-size:.7em;padding:.1em .4em;position:relative;bottom:.3em;color:var(--n-search-link-badge-text-color, var(--color-disabled-text));background:var(--n-search-link-badge-color, var(--color-disabled-bg));border:1px solid var(--n-search-link-badge-border, var(--color-disabled-border));border-radius:3px}.n-search-link-badge[data-resource=blog]{--n-search-link-badge-color: var(--color-info-bg);--n-search-link-badge-text-color: var(--color-info-text);--n-search-link-badge-border: var(--color-info-border)}.n-search-link-badge[data-resource=changelog]{--n-search-link-badge-color: var(--color-warning-bg);--n-search-link-badge-text-color: var(--color-warning-text);--n-search-link-badge-border: var(--color-warning-border)}.n-search-link-badge[data-resource=guide]{--n-search-link-badge-color: var(--color-highlight-bg);--n-search-link-badge-text-color: var(--color-highlight-text);--n-search-link-badge-border: var(--color-highlight-border)}.n-search-modal{--n-search-padding-inline: .5em;--n-search-color-text: var(--color-text, currentColor);--n-search-color-text-secondary: var(--color-text-weak, currentColor);--n-search-color-bg: var(--search-bg-color);--n-search-color-bg-2: var(--color-bg-2);--n-search-color-border: var(--color-bg-3);--n-search-border-radius: 8px;--n-search-max-w: 600px;--n-search-text-highlight: var(--search-highlight-color)}.n-search-modal{padding:0;border:none;border-radius:var(--n-search-border-radius);width:min(var(--n-search-max-w),100%);margin:auto}.n-search-container{--mark-bg: var(--n-search-text-highlight);display:grid;width:min(var(--n-search-max-w),100%);min-height:470px;background-color:var(--n-search-color-bg);border-radius:var(--n-search-border-radius);overflow:hidden}.n-search-bar{display:flex;flex-wrap:wrap;align-items:center;overflow:hidden;background:var(--n-search-color-bg);border-bottom:1px solid var(--n-search-color-border)}.n-search-input-wrapper{all:unset;display:flex;width:100%;border-bottom:1px solid var(--n-search-color-border)}.n-search-input{display:inline-flex;box-sizing:border-box;background:var(--n-search-color-bg);inline-size:100%;padding-block:.75rem;padding-inline:var(--n-search-padding-inline);flex:1;border:none;outline:none;font-size:1rem;color:var(--color-text)}.n-search-input::placeholder{color:var(--n-search-color-text)}.n-search-label{display:flex;padding-inline:var(--n-search-padding-inline);align-items:center}.n-search-label>*{display:inline-block;margin:0}.n-search-icon{display:flex;width:var(--n-search-icon-size, .8em);height:var(--n-search-icon-size, .8em);color:var(--n-search-color-text-secondary)}.n-search-term{font-weight:var(--font-medium);font-size:1.1em}.n-search-window{height:400px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;margin-block:0;background:var(--n-search-color-bg)}.n-results-list,ul[role=list]{list-style:none;padding:0}.n-results-list-item{border-bottom:1px solid var(--color-bg-3)}.n-results-list-item:first-of-type{border-top:1px solid var(--color-bg-3)}.n-search-footer{border-top:1px solid var(--n-search-color-border);padding:var(--space-2xs) var(--space-s);background:var(--color-bg-2);display:flex;gap:var(--space-m)}.n-search-footer-tip{color:var(--n-search-color-text-secondary);display:flex;gap:var(--space-2xs);align-items:center;font-size:var(--font-size-text-sm)}.n-search-modal{transition:display .2s allow-discrete,overlay .2s allow-discrete;animation:closeSearch .2s forwards}.n-search-modal[open]{animation:openSearch .2s forwards}@keyframes openSearch{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes closeSearch{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.3}to{opacity:0;transform:translateY(20px) scale(.9)}}.n-search-modal::backdrop{animation:closeSearchBackdrop .2s forwards}.n-search-modal[open]::backdrop{animation:openSearchBackdrop .2s forwards}@keyframes openSearchBackdrop{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@keyframes closeSearchBackdrop{0%{opacity:1;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}50%{opacity:.3}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}
|
package/package.json
CHANGED
|
@@ -44,6 +44,11 @@
|
|
|
44
44
|
margin-block-start: var(--space-3xs);
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
+
.n-search-link-excerpt mark {
|
|
48
|
+
color: var(--mark-color, currentColor);
|
|
49
|
+
background-color: var(--mark-bg, var(--color-highlight));
|
|
50
|
+
}
|
|
51
|
+
|
|
47
52
|
.n-search-link-icon {
|
|
48
53
|
display: flex;
|
|
49
54
|
width: var(--n-search-icon-size);
|
|
@@ -68,24 +73,24 @@
|
|
|
68
73
|
padding: 0.1em 0.4em;
|
|
69
74
|
position: relative;
|
|
70
75
|
bottom: 0.3em;
|
|
71
|
-
color: var(--n-search-link-badge-text-color, var(--
|
|
72
|
-
background: var(--n-search-link-badge-color, var(--
|
|
73
|
-
border: 1px solid var(--n-search-link-badge-border, var(--
|
|
76
|
+
color: var(--n-search-link-badge-text-color, var(--color-disabled-text));
|
|
77
|
+
background: var(--n-search-link-badge-color, var(--color-disabled-bg));
|
|
78
|
+
border: 1px solid var(--n-search-link-badge-border, var(--color-disabled-border));
|
|
74
79
|
border-radius: 3px;
|
|
75
80
|
}
|
|
76
81
|
|
|
77
82
|
.n-search-link-badge[data-resource='blog'] {
|
|
78
|
-
--n-search-link-badge-color: var(--
|
|
79
|
-
--n-search-link-badge-text-color: var(--
|
|
80
|
-
--n-search-link-badge-border: var(--
|
|
83
|
+
--n-search-link-badge-color: var(--color-info-bg);
|
|
84
|
+
--n-search-link-badge-text-color: var(--color-info-text);
|
|
85
|
+
--n-search-link-badge-border: var(--color-info-border);
|
|
81
86
|
}
|
|
82
87
|
.n-search-link-badge[data-resource='changelog'] {
|
|
83
|
-
--n-search-link-badge-color: var(--
|
|
84
|
-
--n-search-link-badge-text-color: var(--
|
|
85
|
-
--n-search-link-badge-border: var(--
|
|
88
|
+
--n-search-link-badge-color: var(--color-warning-bg);
|
|
89
|
+
--n-search-link-badge-text-color: var(--color-warning-text);
|
|
90
|
+
--n-search-link-badge-border: var(--color-warning-border);
|
|
86
91
|
}
|
|
87
92
|
.n-search-link-badge[data-resource='guide'] {
|
|
88
|
-
--n-search-link-badge-color: var(--
|
|
89
|
-
--n-search-link-badge-text-color: var(--
|
|
90
|
-
--n-search-link-badge-border: var(--
|
|
93
|
+
--n-search-link-badge-color: var(--color-highlight-bg);
|
|
94
|
+
--n-search-link-badge-text-color: var(--color-highlight-text);
|
|
95
|
+
--n-search-link-badge-border: var(--color-highlight-border);
|
|
91
96
|
}
|
|
@@ -7,12 +7,12 @@
|
|
|
7
7
|
--n-search-padding-inline: 0.5em;
|
|
8
8
|
--n-search-color-text: var(--color-text, currentColor);
|
|
9
9
|
--n-search-color-text-secondary: var(--color-text-weak, currentColor);
|
|
10
|
-
--n-search-color-bg: var(--
|
|
10
|
+
--n-search-color-bg: var(--search-bg-color);
|
|
11
11
|
--n-search-color-bg-2: var(--color-bg-2);
|
|
12
12
|
--n-search-color-border: var(--color-bg-3);
|
|
13
13
|
--n-search-border-radius: 8px;
|
|
14
14
|
--n-search-max-w: 600px;
|
|
15
|
-
--n-search-text-highlight: var(--
|
|
15
|
+
--n-search-text-highlight: var(--search-highlight-color);
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.n-search-modal {
|
|
@@ -152,8 +152,8 @@ ol li::marker {
|
|
|
152
152
|
pre,
|
|
153
153
|
code,
|
|
154
154
|
kbd {
|
|
155
|
-
font-family: var(--font-family-
|
|
156
|
-
font-size: var(--font-size-text-
|
|
155
|
+
font-family: var(--font-family-mono);
|
|
156
|
+
font-size: var(--font-size-text-xs);
|
|
157
157
|
font-weight: var(--font-weight-normal);
|
|
158
158
|
line-height: var(--line-height-text);
|
|
159
159
|
}
|
|
@@ -34,7 +34,13 @@
|
|
|
34
34
|
--color-disabled-bg: var(--neutral-200);
|
|
35
35
|
--color-disabled-border: var(--neutral-400);
|
|
36
36
|
--color-disabled-text: var(--neutral-400);
|
|
37
|
+
--color-highlight-bg: var(--purple-100);
|
|
38
|
+
--color-highlight-border: var(--purple-600);
|
|
39
|
+
--color-highlight-text: var(--purple-600);
|
|
37
40
|
--color-icon: var(--blue-700);
|
|
41
|
+
--color-info-bg: var(--blue-100);
|
|
42
|
+
--color-info-border: var(--blue-600);
|
|
43
|
+
--color-info-text: var(--blue-600);
|
|
38
44
|
--color-invalid-bg: var(--red-100);
|
|
39
45
|
--color-invalid-border: var(--red-600);
|
|
40
46
|
--color-invalid-text: var(--red-600);
|
|
@@ -147,6 +153,8 @@
|
|
|
147
153
|
--red-700: color(srgb 0.6862745098039216 0.1450980392156863 0.21176470588235294);
|
|
148
154
|
--red-800: color(srgb 0.5019607843137255 0.0392156862745098 0.12549019607843137);
|
|
149
155
|
--red-900: color(srgb 0.23921568627450981 0.10980392156862745 0.10588235294117647);
|
|
156
|
+
--search-bg-color: var(--neutral-000);
|
|
157
|
+
--search-highlight-color: var(--teal-000);
|
|
150
158
|
--shadow-deep: 0 16px 24px 0 color(srgb 0 0 0 / 0.07), 0 6px 30px 0 color(srgb 0 0 0 / 0.06), 0 8px 10px 0 color(srgb 0 0 0 / 0.1);
|
|
151
159
|
--shadow-heavy: -10px 10px 80px 0 color(srgb 0 0 0 / 0.1);
|
|
152
160
|
--shadow-hover: 0 4px 12px 0 color(srgb 0 0 0 / 0.25);
|
|
@@ -198,7 +206,13 @@
|
|
|
198
206
|
--color-disabled-bg: var(--neutral-600);
|
|
199
207
|
--color-disabled-border: var(--neutral-400);
|
|
200
208
|
--color-disabled-text: var(--neutral-400);
|
|
209
|
+
--color-highlight-bg: var(--purple-200);
|
|
210
|
+
--color-highlight-border: var(--purple-700);
|
|
211
|
+
--color-highlight-text: var(--purple-700);
|
|
201
212
|
--color-icon: var(--teal-200);
|
|
213
|
+
--color-info-bg: var(--blue-200);
|
|
214
|
+
--color-info-border: var(--blue-700);
|
|
215
|
+
--color-info-text: var(--blue-700);
|
|
202
216
|
--color-invalid-bg: var(--red-200);
|
|
203
217
|
--color-invalid-border: var(--red-700);
|
|
204
218
|
--color-invalid-text: var(--red-700);
|
|
@@ -228,6 +242,8 @@
|
|
|
228
242
|
--neutral-700: color(srgb 0.11764705882352941 0.1411764705882353 0.17254901960784313);
|
|
229
243
|
--neutral-800: color(srgb 0.07058823529411765 0.09411764705882353 0.12156862745098039);
|
|
230
244
|
--neutral-900: color(srgb 0.023529411764705882 0.043137254901960784 0.06274509803921569);
|
|
245
|
+
--search-bg-color: var(--neutral-700);
|
|
246
|
+
--search-highlight-color: var(--teal-800);
|
|
231
247
|
--switcher-tab-bg-color: color(srgb 0.047058823529411764 0.16470588235294117 0.16470588235294117 / 0.2);
|
|
232
248
|
--title-text-color: color(srgb 0.8352941176470589 1 0.996078431372549 / 0.7490196078431373);
|
|
233
249
|
}
|
|
@@ -255,7 +271,13 @@
|
|
|
255
271
|
--color-disabled-bg: var(--neutral-600);
|
|
256
272
|
--color-disabled-border: var(--neutral-400);
|
|
257
273
|
--color-disabled-text: var(--neutral-400);
|
|
274
|
+
--color-highlight-bg: var(--purple-200);
|
|
275
|
+
--color-highlight-border: var(--purple-700);
|
|
276
|
+
--color-highlight-text: var(--purple-700);
|
|
258
277
|
--color-icon: var(--teal-200);
|
|
278
|
+
--color-info-bg: var(--blue-200);
|
|
279
|
+
--color-info-border: var(--blue-700);
|
|
280
|
+
--color-info-text: var(--blue-700);
|
|
259
281
|
--color-invalid-bg: var(--red-200);
|
|
260
282
|
--color-invalid-border: var(--red-700);
|
|
261
283
|
--color-invalid-text: var(--red-700);
|
|
@@ -285,6 +307,8 @@
|
|
|
285
307
|
--neutral-700: color(srgb 0.11764705882352941 0.1411764705882353 0.17254901960784313);
|
|
286
308
|
--neutral-800: color(srgb 0.07058823529411765 0.09411764705882353 0.12156862745098039);
|
|
287
309
|
--neutral-900: color(srgb 0.023529411764705882 0.043137254901960784 0.06274509803921569);
|
|
310
|
+
--search-bg-color: var(--neutral-700);
|
|
311
|
+
--search-highlight-color: var(--teal-800);
|
|
288
312
|
--switcher-tab-bg-color: color(srgb 0.047058823529411764 0.16470588235294117 0.16470588235294117 / 0.2);
|
|
289
313
|
--title-text-color: color(srgb 0.8352941176470589 1 0.996078431372549 / 0.7490196078431373);
|
|
290
314
|
}
|
|
@@ -311,7 +335,13 @@
|
|
|
311
335
|
--color-disabled-bg: var(--neutral-200);
|
|
312
336
|
--color-disabled-border: var(--neutral-400);
|
|
313
337
|
--color-disabled-text: var(--neutral-400);
|
|
338
|
+
--color-highlight-bg: var(--purple-100);
|
|
339
|
+
--color-highlight-border: var(--purple-600);
|
|
340
|
+
--color-highlight-text: var(--purple-600);
|
|
314
341
|
--color-icon: var(--blue-700);
|
|
342
|
+
--color-info-bg: var(--blue-100);
|
|
343
|
+
--color-info-border: var(--blue-600);
|
|
344
|
+
--color-info-text: var(--blue-600);
|
|
315
345
|
--color-invalid-bg: var(--red-100);
|
|
316
346
|
--color-invalid-border: var(--red-600);
|
|
317
347
|
--color-invalid-text: var(--red-600);
|
|
@@ -341,6 +371,8 @@
|
|
|
341
371
|
--neutral-600: color(srgb 0.32941176470588235 0.35294117647058826 0.3803921568627451);
|
|
342
372
|
--neutral-700: color(srgb 0.20784313725490197 0.22745098039215686 0.24313725490196078);
|
|
343
373
|
--neutral-800: color(srgb 0.09411764705882353 0.10196078431372549 0.10980392156862745);
|
|
374
|
+
--search-bg-color: var(--neutral-000);
|
|
375
|
+
--search-highlight-color: var(--teal-000);
|
|
344
376
|
--switcher-tab-bg-color: color(srgb 1 1 1 / 0.047058823529411764);
|
|
345
377
|
--title-text-color: color(srgb 0.32941176470588235 0.35294117647058826 0.3803921568627451 / 0.7490196078431373);
|
|
346
378
|
}
|