@nonoun/native-editor 0.2.3 → 0.2.4
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/native-editor.css +17 -10
- package/package.json +1 -1
package/dist/native-editor.css
CHANGED
|
@@ -11,15 +11,10 @@
|
|
|
11
11
|
/* ------------------------------------------------------------------ */
|
|
12
12
|
|
|
13
13
|
:where(native-editor) {
|
|
14
|
-
/*
|
|
14
|
+
/* Host-level tokens — used by the host element itself */
|
|
15
15
|
--n-code-bg: var(--n-control-neutral, #282c34);
|
|
16
|
-
--n-code-bg-
|
|
17
|
-
--n-code-bg-darker: var(--n-body-neutral, #1e2127);
|
|
18
|
-
--n-code-text: var(--n-ink-neutral, #abb2bf);
|
|
19
|
-
--n-code-text-muted: var(--n-ink-muted-neutral, #7d8799);
|
|
20
|
-
--n-code-accent: var(--n-ink-accent, #61afef);
|
|
16
|
+
--n-code-bg-raised: var(--n-panel-neutral, #21252b);
|
|
21
17
|
--n-code-border: var(--n-border-muted-neutral, #3e4451);
|
|
22
|
-
--n-code-inline-bg: var(--n-card-neutral, #333843);
|
|
23
18
|
|
|
24
19
|
display: grid;
|
|
25
20
|
grid-template-rows: auto 1fr;
|
|
@@ -32,13 +27,25 @@
|
|
|
32
27
|
outline: none;
|
|
33
28
|
}
|
|
34
29
|
|
|
30
|
+
/* Override codemirror.css defaults for editor surface inside native-editor */
|
|
31
|
+
:where(native-editor) :where(.cm-editor) {
|
|
32
|
+
--n-code-bg: var(--n-control-neutral, #282c34);
|
|
33
|
+
--n-code-bg-raised: var(--n-panel-neutral, #21252b);
|
|
34
|
+
--n-code-bg-deeper: var(--n-body-neutral, #1e2127);
|
|
35
|
+
--n-code-text: var(--n-ink-neutral, #abb2bf);
|
|
36
|
+
--n-code-text-muted: var(--n-ink-muted-neutral, #7d8799);
|
|
37
|
+
--n-code-accent: var(--n-ink-accent, #61afef);
|
|
38
|
+
--n-code-border: var(--n-border-muted-neutral, #3e4451);
|
|
39
|
+
--n-code-bg-inline: var(--n-card-neutral, #333843);
|
|
40
|
+
}
|
|
41
|
+
|
|
35
42
|
/* ------------------------------------------------------------------ */
|
|
36
43
|
/* Card header (toolbar chrome) */
|
|
37
44
|
/* ------------------------------------------------------------------ */
|
|
38
45
|
|
|
39
46
|
:where(native-editor) > :where(n-card-header) {
|
|
40
47
|
border-bottom: 1px solid var(--n-code-border);
|
|
41
|
-
background: var(--n-code-bg-
|
|
48
|
+
background: var(--n-code-bg-raised);
|
|
42
49
|
padding: 0;
|
|
43
50
|
}
|
|
44
51
|
|
|
@@ -99,7 +106,7 @@
|
|
|
99
106
|
|
|
100
107
|
:where(native-editor) :where(.md-code) {
|
|
101
108
|
font-family: ui-monospace, 'SF Mono', 'Cascadia Code', monospace;
|
|
102
|
-
background: var(--n-code-inline
|
|
109
|
+
background: var(--n-code-bg-inline);
|
|
103
110
|
border-radius: 0.1875rem;
|
|
104
111
|
padding: 0.0625rem 0.25rem;
|
|
105
112
|
}
|
|
@@ -173,7 +180,7 @@
|
|
|
173
180
|
/* ------------------------------------------------------------------ */
|
|
174
181
|
|
|
175
182
|
:where(native-editor) :where(.md-code-block) {
|
|
176
|
-
background: var(--n-code-bg-
|
|
183
|
+
background: var(--n-code-bg-deeper);
|
|
177
184
|
font-family: ui-monospace, 'SF Mono', 'Cascadia Code', monospace;
|
|
178
185
|
font-size: 0.8125rem;
|
|
179
186
|
}
|