@gomiui/theme-dovisual 0.0.2 → 0.0.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/package.json +1 -1
- package/src/dovisualTheme.ts +33 -4
package/package.json
CHANGED
package/src/dovisualTheme.ts
CHANGED
|
@@ -1,6 +1,26 @@
|
|
|
1
|
-
import {defineTheme} from '@gomiui/core/theme';
|
|
1
|
+
import {defineSyntaxTheme, defineTheme} from '@gomiui/core/theme';
|
|
2
2
|
import {dovisualIconRegistry} from './icons';
|
|
3
3
|
|
|
4
|
+
const doVisualSyntax = defineSyntaxTheme({
|
|
5
|
+
name: 'xds-dovisual',
|
|
6
|
+
tokens: {
|
|
7
|
+
keyword: '#b2a7c1', // Cathedral plum
|
|
8
|
+
string: '#9bb19a', // Forest moss
|
|
9
|
+
comment: '#5e5e5e', // Faded ink
|
|
10
|
+
number: '#dec074', // Aged gold
|
|
11
|
+
function: '#8aa1d8', // Midnight indigo
|
|
12
|
+
type: '#b2a7c1', // Cathedral plum
|
|
13
|
+
variable: '#E8F1F6', // Parchment
|
|
14
|
+
operator: '#96A0AB', // Mid neutral
|
|
15
|
+
constant: '#e6b85e', // Candlelight amber
|
|
16
|
+
tag: '#d97580', // Blood crimson
|
|
17
|
+
attribute: '#b6aa90', // Aged gold
|
|
18
|
+
property: '#94b2a0', // Verdigris
|
|
19
|
+
punctuation: '#ababb0', // Mid neutral
|
|
20
|
+
background: '#87E64B',
|
|
21
|
+
},
|
|
22
|
+
});
|
|
23
|
+
|
|
4
24
|
export const dovisualTheme = defineTheme({
|
|
5
25
|
name: 'dovisual',
|
|
6
26
|
|
|
@@ -33,10 +53,12 @@ export const dovisualTheme = defineTheme({
|
|
|
33
53
|
},
|
|
34
54
|
},
|
|
35
55
|
|
|
56
|
+
syntax: doVisualSyntax,
|
|
57
|
+
|
|
36
58
|
tokens: {
|
|
37
59
|
'--color-accent': 'light-dark(#87E64B, #87E64B)',
|
|
38
60
|
'--color-accent-muted': 'light-dark(#25252a14, #f3f3f520)',
|
|
39
|
-
'--color-on-accent': 'light-dark(#
|
|
61
|
+
'--color-on-accent': 'light-dark(#25252A, #25252a)',
|
|
40
62
|
'--color-neutral': 'light-dark(#25252a0f, #f3f3f51a)',
|
|
41
63
|
'--color-background-surface': 'light-dark(#E0E0E0, #1b1b1f)',
|
|
42
64
|
'--color-background-body': 'light-dark(#F2F2F2, #111015)',
|
|
@@ -110,6 +132,9 @@ export const dovisualTheme = defineTheme({
|
|
|
110
132
|
'--color-border-yellow': 'light-dark(#e5d3a9, #463a18)',
|
|
111
133
|
'--color-icon-yellow': 'light-dark(#524622, #f4e1b7)',
|
|
112
134
|
'--color-text-yellow': 'light-dark(#524622, #f4e1b7)',
|
|
135
|
+
'--font-family-body': '"Poppins", -apple-system, sans-serif',
|
|
136
|
+
'--font-family-code': '"JetBrains Mono", "SF Mono", Monaco, Consolas, monospace',
|
|
137
|
+
'--font-family-heading': '"DM Sans", -apple-system, sans-serif',
|
|
113
138
|
'--text-display-3-leading': '1.3793',
|
|
114
139
|
'--shadow-low': '0 2px 4px #28282A0D, 0 4px 8px #28282A1A',
|
|
115
140
|
'--shadow-med': '0 2px 4px #28282A0D, 0 4px 12px #28282A1A',
|
|
@@ -242,7 +267,7 @@ export const dovisualTheme = defineTheme({
|
|
|
242
267
|
},
|
|
243
268
|
'button': {
|
|
244
269
|
'base': {
|
|
245
|
-
'borderRadius': 'var(--radius-
|
|
270
|
+
'borderRadius': 'var(--radius-container)',
|
|
246
271
|
},
|
|
247
272
|
'variant:secondary': {
|
|
248
273
|
'backgroundColor': 'transparent',
|
|
@@ -305,6 +330,9 @@ export const dovisualTheme = defineTheme({
|
|
|
305
330
|
'--color-text-secondary': 'var(--color-text-red)',
|
|
306
331
|
'--color-error': 'var(--color-text-red)',
|
|
307
332
|
},
|
|
333
|
+
'base': {
|
|
334
|
+
'borderRadius': 'var(--radius-element)',
|
|
335
|
+
},
|
|
308
336
|
},
|
|
309
337
|
'progressbar-fill': {
|
|
310
338
|
'variant:accent': {
|
|
@@ -442,7 +470,8 @@ export const dovisualTheme = defineTheme({
|
|
|
442
470
|
},
|
|
443
471
|
'card': {
|
|
444
472
|
'base': {
|
|
445
|
-
'padding': 'var(--spacing-
|
|
473
|
+
'padding': 'var(--spacing-2)',
|
|
474
|
+
'borderRadius': 'var(--radius-container)',
|
|
446
475
|
},
|
|
447
476
|
},
|
|
448
477
|
'section': {
|