@civitai/theme 0.1.0 → 0.1.2
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/README.md +1 -1
- package/dist/generate.d.ts +10 -0
- package/dist/generate.d.ts.map +1 -1
- package/dist/generate.js +10 -1
- package/dist/generate.js.map +1 -1
- package/dist/tokens.css +9 -0
- package/dist/tokens.dtcg.json +16 -1
- package/dist/tokens.generated.d.ts +5 -1
- package/dist/tokens.generated.d.ts.map +1 -1
- package/dist/tokens.generated.js +5 -1
- package/dist/tokens.generated.js.map +1 -1
- package/package.json +2 -1
- package/styles.css +129 -0
package/README.md
CHANGED
|
@@ -29,7 +29,7 @@ Two guards keep it honest (`pnpm --filter @civitai/theme test`):
|
|
|
29
29
|
## Usage
|
|
30
30
|
|
|
31
31
|
```html
|
|
32
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@civitai/theme/styles.css" />
|
|
32
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@civitai/theme@0.1.1/styles.css" />
|
|
33
33
|
```
|
|
34
34
|
|
|
35
35
|
```ts
|
package/dist/generate.d.ts
CHANGED
|
@@ -29,6 +29,16 @@ interface TokenSpec {
|
|
|
29
29
|
/** Typed-syntax category — drives `@property` registration + DTCG `$type`. */
|
|
30
30
|
type: 'color' | 'length' | 'font';
|
|
31
31
|
description: string;
|
|
32
|
+
/**
|
|
33
|
+
* Force this token into the `[data-theme='dark']` block even when its resolved
|
|
34
|
+
* dark value is IDENTICAL to light (the generator otherwise emits a dark
|
|
35
|
+
* override only when it differs). Used for symmetry: the primary group
|
|
36
|
+
* (`color-primary`/`-hover`/`-light`) all shift shade in dark, so the
|
|
37
|
+
* contrast/foreground token belongs alongside them in the dark block even
|
|
38
|
+
* though its value (white) happens to be scheme-independent — keeping the dark
|
|
39
|
+
* block self-contained rather than silently inheriting from `:root`/light.
|
|
40
|
+
*/
|
|
41
|
+
alwaysDark?: boolean;
|
|
32
42
|
}
|
|
33
43
|
export interface ResolvedTokens {
|
|
34
44
|
/** Base + light-scheme value keyed by the FULL `--civitai-*` var name. */
|
package/dist/generate.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generate.d.ts","sourceRoot":"","sources":["../src/generate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AAIvB,6EAA6E;AAC7E,UAAU,SAAS;IACjB,yEAAyE;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,MAAM,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"generate.d.ts","sourceRoot":"","sources":["../src/generate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AAIvB,6EAA6E;AAC7E,UAAU,SAAS;IACjB,yEAAyE;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,MAAM,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA8JD,MAAM,WAAW,cAAc;IAC7B,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,wCAAwC;IACxC,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC1F;AAKD,8EAA8E;AAC9E,wBAAgB,aAAa,CAAC,aAAa,GAAE,oBAAyC,GAAG,cAAc,CAqBtG;AASD,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iFAAiF;IACjF,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAMD,iDAAiD;AACjD,wBAAgB,cAAc,CAAC,aAAa,GAAE,oBAAyC,GAAG,SAAS,CAsFlG"}
|
package/dist/generate.js
CHANGED
|
@@ -59,6 +59,12 @@ const TOKEN_SPEC = [
|
|
|
59
59
|
type: 'color',
|
|
60
60
|
description: 'Secondary / muted text color.',
|
|
61
61
|
},
|
|
62
|
+
{
|
|
63
|
+
name: 'color-body',
|
|
64
|
+
source: '--mantine-color-body',
|
|
65
|
+
type: 'color',
|
|
66
|
+
description: 'Page / document background (derived from Mantine\'s `--mantine-color-body`). Use for `body { background }` in plain-HTML apps.',
|
|
67
|
+
},
|
|
62
68
|
{
|
|
63
69
|
name: 'color-surface',
|
|
64
70
|
source: '--mantine-color-body',
|
|
@@ -95,6 +101,9 @@ const TOKEN_SPEC = [
|
|
|
95
101
|
source: '--mantine-primary-color-contrast',
|
|
96
102
|
type: 'color',
|
|
97
103
|
description: 'Foreground/text color on a filled primary surface.',
|
|
104
|
+
// Emit in the dark block too (value is white in both schemes) so the dark
|
|
105
|
+
// primary group is symmetric with light. See TokenSpec.alwaysDark.
|
|
106
|
+
alwaysDark: true,
|
|
98
107
|
},
|
|
99
108
|
{
|
|
100
109
|
name: 'color-primary-light',
|
|
@@ -178,7 +187,7 @@ export function resolveTokens(themeOverride = civitaiThemeSource) {
|
|
|
178
187
|
const lightVal = resolveValue(`var(${spec.source})`, lightDict);
|
|
179
188
|
const darkVal = resolveValue(`var(${spec.source})`, darkDict);
|
|
180
189
|
root[varName] = lightVal;
|
|
181
|
-
if (darkVal !== lightVal)
|
|
190
|
+
if (darkVal !== lightVal || spec.alwaysDark)
|
|
182
191
|
dark[varName] = darkVal;
|
|
183
192
|
meta.push({ varName, camel: camel(spec.name), type: spec.type, description: spec.description });
|
|
184
193
|
}
|
package/dist/generate.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generate.js","sourceRoot":"","sources":["../src/generate.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EACL,aAAa,EACb,2BAA2B,EAC3B,iBAAiB,GAElB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"generate.js","sourceRoot":"","sources":["../src/generate.ts"],"names":[],"mappings":"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"}
|
package/dist/tokens.css
CHANGED
|
@@ -10,6 +10,11 @@
|
|
|
10
10
|
inherits: true;
|
|
11
11
|
initial-value: #868e96;
|
|
12
12
|
}
|
|
13
|
+
@property --civitai-color-body {
|
|
14
|
+
syntax: '<color>';
|
|
15
|
+
inherits: true;
|
|
16
|
+
initial-value: #fefefe;
|
|
17
|
+
}
|
|
13
18
|
@property --civitai-color-surface {
|
|
14
19
|
syntax: '<color>';
|
|
15
20
|
inherits: true;
|
|
@@ -72,6 +77,7 @@
|
|
|
72
77
|
--civitai-radius: 0.25rem;
|
|
73
78
|
--civitai-color-text: #222;
|
|
74
79
|
--civitai-color-text-dimmed: #868e96;
|
|
80
|
+
--civitai-color-body: #fefefe;
|
|
75
81
|
--civitai-color-surface: #fefefe;
|
|
76
82
|
--civitai-color-surface-2: #fefefe;
|
|
77
83
|
--civitai-color-border: #ced4da;
|
|
@@ -91,6 +97,7 @@
|
|
|
91
97
|
--civitai-radius: 0.25rem;
|
|
92
98
|
--civitai-color-text: #222;
|
|
93
99
|
--civitai-color-text-dimmed: #868e96;
|
|
100
|
+
--civitai-color-body: #fefefe;
|
|
94
101
|
--civitai-color-surface: #fefefe;
|
|
95
102
|
--civitai-color-surface-2: #fefefe;
|
|
96
103
|
--civitai-color-border: #ced4da;
|
|
@@ -107,11 +114,13 @@
|
|
|
107
114
|
[data-theme='dark'] {
|
|
108
115
|
--civitai-color-text: #C1C2C5;
|
|
109
116
|
--civitai-color-text-dimmed: #8c8fa3;
|
|
117
|
+
--civitai-color-body: #1A1B1E;
|
|
110
118
|
--civitai-color-surface: #1A1B1E;
|
|
111
119
|
--civitai-color-surface-2: #25262B;
|
|
112
120
|
--civitai-color-border: #373A40;
|
|
113
121
|
--civitai-color-primary: #1971C2;
|
|
114
122
|
--civitai-color-primary-hover: #1864AB;
|
|
123
|
+
--civitai-color-primary-fg: #fefefe;
|
|
115
124
|
--civitai-color-primary-light: rgba(34, 139, 230, 0.15);
|
|
116
125
|
--civitai-color-error: #e03131;
|
|
117
126
|
--civitai-color-success: #326D5C;
|
package/dist/tokens.dtcg.json
CHANGED
|
@@ -42,6 +42,16 @@
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
},
|
|
45
|
+
"body": {
|
|
46
|
+
"$type": "color",
|
|
47
|
+
"$value": "#fefefe",
|
|
48
|
+
"$description": "Page / document background (derived from Mantine's `--mantine-color-body`). Use for `body { background }` in plain-HTML apps.",
|
|
49
|
+
"$extensions": {
|
|
50
|
+
"com.civitai.theme": {
|
|
51
|
+
"dark": "#1A1B1E"
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
},
|
|
45
55
|
"surface": {
|
|
46
56
|
"$type": "color",
|
|
47
57
|
"$value": "#fefefe",
|
|
@@ -95,7 +105,12 @@
|
|
|
95
105
|
"primaryFg": {
|
|
96
106
|
"$type": "color",
|
|
97
107
|
"$value": "#fefefe",
|
|
98
|
-
"$description": "Foreground/text color on a filled primary surface."
|
|
108
|
+
"$description": "Foreground/text color on a filled primary surface.",
|
|
109
|
+
"$extensions": {
|
|
110
|
+
"com.civitai.theme": {
|
|
111
|
+
"dark": "#fefefe"
|
|
112
|
+
}
|
|
113
|
+
}
|
|
99
114
|
},
|
|
100
115
|
"primaryLight": {
|
|
101
116
|
"$type": "color",
|
|
@@ -5,6 +5,7 @@ export declare const tokens: {
|
|
|
5
5
|
readonly radius: "0.25rem";
|
|
6
6
|
readonly colorText: "#222";
|
|
7
7
|
readonly colorTextDimmed: "#868e96";
|
|
8
|
+
readonly colorBody: "#fefefe";
|
|
8
9
|
readonly colorSurface: "#fefefe";
|
|
9
10
|
readonly colorSurface2: "#fefefe";
|
|
10
11
|
readonly colorBorder: "#ced4da";
|
|
@@ -21,11 +22,13 @@ export declare const tokens: {
|
|
|
21
22
|
export declare const darkTokens: {
|
|
22
23
|
readonly colorText: "#C1C2C5";
|
|
23
24
|
readonly colorTextDimmed: "#8c8fa3";
|
|
25
|
+
readonly colorBody: "#1A1B1E";
|
|
24
26
|
readonly colorSurface: "#1A1B1E";
|
|
25
27
|
readonly colorSurface2: "#25262B";
|
|
26
28
|
readonly colorBorder: "#373A40";
|
|
27
29
|
readonly colorPrimary: "#1971C2";
|
|
28
30
|
readonly colorPrimaryHover: "#1864AB";
|
|
31
|
+
readonly colorPrimaryFg: "#fefefe";
|
|
29
32
|
readonly colorPrimaryLight: "rgba(34, 139, 230, 0.15)";
|
|
30
33
|
readonly colorError: "#e03131";
|
|
31
34
|
readonly colorSuccess: "#326D5C";
|
|
@@ -39,6 +42,7 @@ export declare const tokenVars: {
|
|
|
39
42
|
readonly radius: "var(--civitai-radius)";
|
|
40
43
|
readonly colorText: "var(--civitai-color-text)";
|
|
41
44
|
readonly colorTextDimmed: "var(--civitai-color-text-dimmed)";
|
|
45
|
+
readonly colorBody: "var(--civitai-color-body)";
|
|
42
46
|
readonly colorSurface: "var(--civitai-color-surface)";
|
|
43
47
|
readonly colorSurface2: "var(--civitai-color-surface-2)";
|
|
44
48
|
readonly colorBorder: "var(--civitai-color-border)";
|
|
@@ -52,6 +56,6 @@ export declare const tokenVars: {
|
|
|
52
56
|
readonly colorInfo: "var(--civitai-color-info)";
|
|
53
57
|
};
|
|
54
58
|
/** The full `--civitai-*` stylesheet (`:root` + light/dark). Also emitted to dist/tokens.css. */
|
|
55
|
-
export declare const tokensCss = "/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.\n Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */\n@property --civitai-color-text {\n syntax: '<color>';\n inherits: true;\n initial-value: #222;\n}\n@property --civitai-color-text-dimmed {\n syntax: '<color>';\n inherits: true;\n initial-value: #868e96;\n}\n@property --civitai-color-surface {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-surface-2 {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-border {\n syntax: '<color>';\n inherits: true;\n initial-value: #ced4da;\n}\n@property --civitai-color-primary {\n syntax: '<color>';\n inherits: true;\n initial-value: #228BE6;\n}\n@property --civitai-color-primary-hover {\n syntax: '<color>';\n inherits: true;\n initial-value: #1C7ED6;\n}\n@property --civitai-color-primary-fg {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-primary-light {\n syntax: '<color>';\n inherits: true;\n initial-value: rgba(34, 139, 230, 0.1);\n}\n@property --civitai-color-error {\n syntax: '<color>';\n inherits: true;\n initial-value: #fa5252;\n}\n@property --civitai-color-success {\n syntax: '<color>';\n inherits: true;\n initial-value: #299C7A;\n}\n@property --civitai-color-warning {\n syntax: '<color>';\n inherits: true;\n initial-value: #fd7e14;\n}\n@property --civitai-color-info {\n syntax: '<color>';\n inherits: true;\n initial-value: #228BE6;\n}\n\n:root {\n --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n --civitai-radius: 0.25rem;\n --civitai-color-text: #222;\n --civitai-color-text-dimmed: #868e96;\n --civitai-color-surface: #fefefe;\n --civitai-color-surface-2: #fefefe;\n --civitai-color-border: #ced4da;\n --civitai-color-primary: #228BE6;\n --civitai-color-primary-hover: #1C7ED6;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n --civitai-color-error: #fa5252;\n --civitai-color-success: #299C7A;\n --civitai-color-warning: #fd7e14;\n --civitai-color-info: #228BE6;\n}\n\n[data-theme='light'] {\n --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n --civitai-radius: 0.25rem;\n --civitai-color-text: #222;\n --civitai-color-text-dimmed: #868e96;\n --civitai-color-surface: #fefefe;\n --civitai-color-surface-2: #fefefe;\n --civitai-color-border: #ced4da;\n --civitai-color-primary: #228BE6;\n --civitai-color-primary-hover: #1C7ED6;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n --civitai-color-error: #fa5252;\n --civitai-color-success: #299C7A;\n --civitai-color-warning: #fd7e14;\n --civitai-color-info: #228BE6;\n}\n\n[data-theme='dark'] {\n --civitai-color-text: #C1C2C5;\n --civitai-color-text-dimmed: #8c8fa3;\n --civitai-color-surface: #1A1B1E;\n --civitai-color-surface-2: #25262B;\n --civitai-color-border: #373A40;\n --civitai-color-primary: #1971C2;\n --civitai-color-primary-hover: #1864AB;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.15);\n --civitai-color-error: #e03131;\n --civitai-color-success: #326D5C;\n --civitai-color-warning: #e8590c;\n --civitai-color-info: #1971C2;\n}\n";
|
|
59
|
+
export declare const tokensCss = "/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.\n Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */\n@property --civitai-color-text {\n syntax: '<color>';\n inherits: true;\n initial-value: #222;\n}\n@property --civitai-color-text-dimmed {\n syntax: '<color>';\n inherits: true;\n initial-value: #868e96;\n}\n@property --civitai-color-body {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-surface {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-surface-2 {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-border {\n syntax: '<color>';\n inherits: true;\n initial-value: #ced4da;\n}\n@property --civitai-color-primary {\n syntax: '<color>';\n inherits: true;\n initial-value: #228BE6;\n}\n@property --civitai-color-primary-hover {\n syntax: '<color>';\n inherits: true;\n initial-value: #1C7ED6;\n}\n@property --civitai-color-primary-fg {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-primary-light {\n syntax: '<color>';\n inherits: true;\n initial-value: rgba(34, 139, 230, 0.1);\n}\n@property --civitai-color-error {\n syntax: '<color>';\n inherits: true;\n initial-value: #fa5252;\n}\n@property --civitai-color-success {\n syntax: '<color>';\n inherits: true;\n initial-value: #299C7A;\n}\n@property --civitai-color-warning {\n syntax: '<color>';\n inherits: true;\n initial-value: #fd7e14;\n}\n@property --civitai-color-info {\n syntax: '<color>';\n inherits: true;\n initial-value: #228BE6;\n}\n\n:root {\n --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n --civitai-radius: 0.25rem;\n --civitai-color-text: #222;\n --civitai-color-text-dimmed: #868e96;\n --civitai-color-body: #fefefe;\n --civitai-color-surface: #fefefe;\n --civitai-color-surface-2: #fefefe;\n --civitai-color-border: #ced4da;\n --civitai-color-primary: #228BE6;\n --civitai-color-primary-hover: #1C7ED6;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n --civitai-color-error: #fa5252;\n --civitai-color-success: #299C7A;\n --civitai-color-warning: #fd7e14;\n --civitai-color-info: #228BE6;\n}\n\n[data-theme='light'] {\n --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n --civitai-radius: 0.25rem;\n --civitai-color-text: #222;\n --civitai-color-text-dimmed: #868e96;\n --civitai-color-body: #fefefe;\n --civitai-color-surface: #fefefe;\n --civitai-color-surface-2: #fefefe;\n --civitai-color-border: #ced4da;\n --civitai-color-primary: #228BE6;\n --civitai-color-primary-hover: #1C7ED6;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n --civitai-color-error: #fa5252;\n --civitai-color-success: #299C7A;\n --civitai-color-warning: #fd7e14;\n --civitai-color-info: #228BE6;\n}\n\n[data-theme='dark'] {\n --civitai-color-text: #C1C2C5;\n --civitai-color-text-dimmed: #8c8fa3;\n --civitai-color-body: #1A1B1E;\n --civitai-color-surface: #1A1B1E;\n --civitai-color-surface-2: #25262B;\n --civitai-color-border: #373A40;\n --civitai-color-primary: #1971C2;\n --civitai-color-primary-hover: #1864AB;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.15);\n --civitai-color-error: #e03131;\n --civitai-color-success: #326D5C;\n --civitai-color-warning: #e8590c;\n --civitai-color-info: #1971C2;\n}\n";
|
|
56
60
|
export type TokenName = keyof typeof tokens;
|
|
57
61
|
//# sourceMappingURL=tokens.generated.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.generated.d.ts","sourceRoot":"","sources":["../src/tokens.generated.ts"],"names":[],"mappings":"AAGA,iEAAiE;AACjE,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"tokens.generated.d.ts","sourceRoot":"","sources":["../src/tokens.generated.ts"],"names":[],"mappings":"AAGA,iEAAiE;AACjE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;CAkBT,CAAC;AAEX,kEAAkE;AAClE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CAeb,CAAC;AAEX,kEAAkE;AAClE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAkBZ,CAAC;AAEX,iGAAiG;AACjG,eAAO,MAAM,SAAS,s4HAAs4H,CAAC;AAE75H,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,MAAM,CAAC"}
|
package/dist/tokens.generated.js
CHANGED
|
@@ -7,6 +7,7 @@ export const tokens = {
|
|
|
7
7
|
"radius": "0.25rem",
|
|
8
8
|
"colorText": "#222",
|
|
9
9
|
"colorTextDimmed": "#868e96",
|
|
10
|
+
"colorBody": "#fefefe",
|
|
10
11
|
"colorSurface": "#fefefe",
|
|
11
12
|
"colorSurface2": "#fefefe",
|
|
12
13
|
"colorBorder": "#ced4da",
|
|
@@ -23,11 +24,13 @@ export const tokens = {
|
|
|
23
24
|
export const darkTokens = {
|
|
24
25
|
"colorText": "#C1C2C5",
|
|
25
26
|
"colorTextDimmed": "#8c8fa3",
|
|
27
|
+
"colorBody": "#1A1B1E",
|
|
26
28
|
"colorSurface": "#1A1B1E",
|
|
27
29
|
"colorSurface2": "#25262B",
|
|
28
30
|
"colorBorder": "#373A40",
|
|
29
31
|
"colorPrimary": "#1971C2",
|
|
30
32
|
"colorPrimaryHover": "#1864AB",
|
|
33
|
+
"colorPrimaryFg": "#fefefe",
|
|
31
34
|
"colorPrimaryLight": "rgba(34, 139, 230, 0.15)",
|
|
32
35
|
"colorError": "#e03131",
|
|
33
36
|
"colorSuccess": "#326D5C",
|
|
@@ -41,6 +44,7 @@ export const tokenVars = {
|
|
|
41
44
|
"radius": "var(--civitai-radius)",
|
|
42
45
|
"colorText": "var(--civitai-color-text)",
|
|
43
46
|
"colorTextDimmed": "var(--civitai-color-text-dimmed)",
|
|
47
|
+
"colorBody": "var(--civitai-color-body)",
|
|
44
48
|
"colorSurface": "var(--civitai-color-surface)",
|
|
45
49
|
"colorSurface2": "var(--civitai-color-surface-2)",
|
|
46
50
|
"colorBorder": "var(--civitai-color-border)",
|
|
@@ -54,5 +58,5 @@ export const tokenVars = {
|
|
|
54
58
|
"colorInfo": "var(--civitai-color-info)"
|
|
55
59
|
};
|
|
56
60
|
/** The full `--civitai-*` stylesheet (`:root` + light/dark). Also emitted to dist/tokens.css. */
|
|
57
|
-
export const tokensCss = "/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.\n Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */\n@property --civitai-color-text {\n syntax: '<color>';\n inherits: true;\n initial-value: #222;\n}\n@property --civitai-color-text-dimmed {\n syntax: '<color>';\n inherits: true;\n initial-value: #868e96;\n}\n@property --civitai-color-surface {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-surface-2 {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-border {\n syntax: '<color>';\n inherits: true;\n initial-value: #ced4da;\n}\n@property --civitai-color-primary {\n syntax: '<color>';\n inherits: true;\n initial-value: #228BE6;\n}\n@property --civitai-color-primary-hover {\n syntax: '<color>';\n inherits: true;\n initial-value: #1C7ED6;\n}\n@property --civitai-color-primary-fg {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-primary-light {\n syntax: '<color>';\n inherits: true;\n initial-value: rgba(34, 139, 230, 0.1);\n}\n@property --civitai-color-error {\n syntax: '<color>';\n inherits: true;\n initial-value: #fa5252;\n}\n@property --civitai-color-success {\n syntax: '<color>';\n inherits: true;\n initial-value: #299C7A;\n}\n@property --civitai-color-warning {\n syntax: '<color>';\n inherits: true;\n initial-value: #fd7e14;\n}\n@property --civitai-color-info {\n syntax: '<color>';\n inherits: true;\n initial-value: #228BE6;\n}\n\n:root {\n --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n --civitai-radius: 0.25rem;\n --civitai-color-text: #222;\n --civitai-color-text-dimmed: #868e96;\n --civitai-color-surface: #fefefe;\n --civitai-color-surface-2: #fefefe;\n --civitai-color-border: #ced4da;\n --civitai-color-primary: #228BE6;\n --civitai-color-primary-hover: #1C7ED6;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n --civitai-color-error: #fa5252;\n --civitai-color-success: #299C7A;\n --civitai-color-warning: #fd7e14;\n --civitai-color-info: #228BE6;\n}\n\n[data-theme='light'] {\n --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n --civitai-radius: 0.25rem;\n --civitai-color-text: #222;\n --civitai-color-text-dimmed: #868e96;\n --civitai-color-surface: #fefefe;\n --civitai-color-surface-2: #fefefe;\n --civitai-color-border: #ced4da;\n --civitai-color-primary: #228BE6;\n --civitai-color-primary-hover: #1C7ED6;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n --civitai-color-error: #fa5252;\n --civitai-color-success: #299C7A;\n --civitai-color-warning: #fd7e14;\n --civitai-color-info: #228BE6;\n}\n\n[data-theme='dark'] {\n --civitai-color-text: #C1C2C5;\n --civitai-color-text-dimmed: #8c8fa3;\n --civitai-color-surface: #1A1B1E;\n --civitai-color-surface-2: #25262B;\n --civitai-color-border: #373A40;\n --civitai-color-primary: #1971C2;\n --civitai-color-primary-hover: #1864AB;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.15);\n --civitai-color-error: #e03131;\n --civitai-color-success: #326D5C;\n --civitai-color-warning: #e8590c;\n --civitai-color-info: #1971C2;\n}\n";
|
|
61
|
+
export const tokensCss = "/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.\n Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */\n@property --civitai-color-text {\n syntax: '<color>';\n inherits: true;\n initial-value: #222;\n}\n@property --civitai-color-text-dimmed {\n syntax: '<color>';\n inherits: true;\n initial-value: #868e96;\n}\n@property --civitai-color-body {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-surface {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-surface-2 {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-border {\n syntax: '<color>';\n inherits: true;\n initial-value: #ced4da;\n}\n@property --civitai-color-primary {\n syntax: '<color>';\n inherits: true;\n initial-value: #228BE6;\n}\n@property --civitai-color-primary-hover {\n syntax: '<color>';\n inherits: true;\n initial-value: #1C7ED6;\n}\n@property --civitai-color-primary-fg {\n syntax: '<color>';\n inherits: true;\n initial-value: #fefefe;\n}\n@property --civitai-color-primary-light {\n syntax: '<color>';\n inherits: true;\n initial-value: rgba(34, 139, 230, 0.1);\n}\n@property --civitai-color-error {\n syntax: '<color>';\n inherits: true;\n initial-value: #fa5252;\n}\n@property --civitai-color-success {\n syntax: '<color>';\n inherits: true;\n initial-value: #299C7A;\n}\n@property --civitai-color-warning {\n syntax: '<color>';\n inherits: true;\n initial-value: #fd7e14;\n}\n@property --civitai-color-info {\n syntax: '<color>';\n inherits: true;\n initial-value: #228BE6;\n}\n\n:root {\n --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n --civitai-radius: 0.25rem;\n --civitai-color-text: #222;\n --civitai-color-text-dimmed: #868e96;\n --civitai-color-body: #fefefe;\n --civitai-color-surface: #fefefe;\n --civitai-color-surface-2: #fefefe;\n --civitai-color-border: #ced4da;\n --civitai-color-primary: #228BE6;\n --civitai-color-primary-hover: #1C7ED6;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n --civitai-color-error: #fa5252;\n --civitai-color-success: #299C7A;\n --civitai-color-warning: #fd7e14;\n --civitai-color-info: #228BE6;\n}\n\n[data-theme='light'] {\n --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n --civitai-radius: 0.25rem;\n --civitai-color-text: #222;\n --civitai-color-text-dimmed: #868e96;\n --civitai-color-body: #fefefe;\n --civitai-color-surface: #fefefe;\n --civitai-color-surface-2: #fefefe;\n --civitai-color-border: #ced4da;\n --civitai-color-primary: #228BE6;\n --civitai-color-primary-hover: #1C7ED6;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n --civitai-color-error: #fa5252;\n --civitai-color-success: #299C7A;\n --civitai-color-warning: #fd7e14;\n --civitai-color-info: #228BE6;\n}\n\n[data-theme='dark'] {\n --civitai-color-text: #C1C2C5;\n --civitai-color-text-dimmed: #8c8fa3;\n --civitai-color-body: #1A1B1E;\n --civitai-color-surface: #1A1B1E;\n --civitai-color-surface-2: #25262B;\n --civitai-color-border: #373A40;\n --civitai-color-primary: #1971C2;\n --civitai-color-primary-hover: #1864AB;\n --civitai-color-primary-fg: #fefefe;\n --civitai-color-primary-light: rgba(34, 139, 230, 0.15);\n --civitai-color-error: #e03131;\n --civitai-color-success: #326D5C;\n --civitai-color-warning: #e8590c;\n --civitai-color-info: #1971C2;\n}\n";
|
|
58
62
|
//# sourceMappingURL=tokens.generated.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.generated.js","sourceRoot":"","sources":["../src/tokens.generated.ts"],"names":[],"mappings":"AAAA;wFACwF;AAExF,iEAAiE;AACjE,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM,EAAE,sHAAsH;IAC9H,UAAU,EAAE,gGAAgG;IAC5G,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,MAAM;IACnB,iBAAiB,EAAE,SAAS;IAC5B,cAAc,EAAE,SAAS;IACzB,eAAe,EAAE,SAAS;IAC1B,aAAa,EAAE,SAAS;IACxB,cAAc,EAAE,SAAS;IACzB,mBAAmB,EAAE,SAAS;IAC9B,gBAAgB,EAAE,SAAS;IAC3B,mBAAmB,EAAE,yBAAyB;IAC9C,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,WAAW,EAAE,SAAS;CACd,CAAC;AAEX,kEAAkE;AAClE,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,WAAW,EAAE,SAAS;IACtB,iBAAiB,EAAE,SAAS;IAC5B,cAAc,EAAE,SAAS;IACzB,eAAe,EAAE,SAAS;IAC1B,aAAa,EAAE,SAAS;IACxB,cAAc,EAAE,SAAS;IACzB,mBAAmB,EAAE,SAAS;IAC9B,mBAAmB,EAAE,0BAA0B;IAC/C,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,WAAW,EAAE,SAAS;CACd,CAAC;AAEX,kEAAkE;AAClE,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE,qBAAqB;IAC7B,UAAU,EAAE,0BAA0B;IACtC,QAAQ,EAAE,uBAAuB;IACjC,WAAW,EAAE,2BAA2B;IACxC,iBAAiB,EAAE,kCAAkC;IACrD,cAAc,EAAE,8BAA8B;IAC9C,eAAe,EAAE,gCAAgC;IACjD,aAAa,EAAE,6BAA6B;IAC5C,cAAc,EAAE,8BAA8B;IAC9C,mBAAmB,EAAE,oCAAoC;IACzD,gBAAgB,EAAE,iCAAiC;IACnD,mBAAmB,EAAE,oCAAoC;IACzD,YAAY,EAAE,4BAA4B;IAC1C,cAAc,EAAE,8BAA8B;IAC9C,cAAc,EAAE,8BAA8B;IAC9C,WAAW,EAAE,2BAA2B;CAChC,CAAC;AAEX,iGAAiG;AACjG,MAAM,CAAC,MAAM,SAAS,GAAG,
|
|
1
|
+
{"version":3,"file":"tokens.generated.js","sourceRoot":"","sources":["../src/tokens.generated.ts"],"names":[],"mappings":"AAAA;wFACwF;AAExF,iEAAiE;AACjE,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM,EAAE,sHAAsH;IAC9H,UAAU,EAAE,gGAAgG;IAC5G,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,MAAM;IACnB,iBAAiB,EAAE,SAAS;IAC5B,WAAW,EAAE,SAAS;IACtB,cAAc,EAAE,SAAS;IACzB,eAAe,EAAE,SAAS;IAC1B,aAAa,EAAE,SAAS;IACxB,cAAc,EAAE,SAAS;IACzB,mBAAmB,EAAE,SAAS;IAC9B,gBAAgB,EAAE,SAAS;IAC3B,mBAAmB,EAAE,yBAAyB;IAC9C,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,WAAW,EAAE,SAAS;CACd,CAAC;AAEX,kEAAkE;AAClE,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,WAAW,EAAE,SAAS;IACtB,iBAAiB,EAAE,SAAS;IAC5B,WAAW,EAAE,SAAS;IACtB,cAAc,EAAE,SAAS;IACzB,eAAe,EAAE,SAAS;IAC1B,aAAa,EAAE,SAAS;IACxB,cAAc,EAAE,SAAS;IACzB,mBAAmB,EAAE,SAAS;IAC9B,gBAAgB,EAAE,SAAS;IAC3B,mBAAmB,EAAE,0BAA0B;IAC/C,YAAY,EAAE,SAAS;IACvB,cAAc,EAAE,SAAS;IACzB,cAAc,EAAE,SAAS;IACzB,WAAW,EAAE,SAAS;CACd,CAAC;AAEX,kEAAkE;AAClE,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE,qBAAqB;IAC7B,UAAU,EAAE,0BAA0B;IACtC,QAAQ,EAAE,uBAAuB;IACjC,WAAW,EAAE,2BAA2B;IACxC,iBAAiB,EAAE,kCAAkC;IACrD,WAAW,EAAE,2BAA2B;IACxC,cAAc,EAAE,8BAA8B;IAC9C,eAAe,EAAE,gCAAgC;IACjD,aAAa,EAAE,6BAA6B;IAC5C,cAAc,EAAE,8BAA8B;IAC9C,mBAAmB,EAAE,oCAAoC;IACzD,gBAAgB,EAAE,iCAAiC;IACnD,mBAAmB,EAAE,oCAAoC;IACzD,YAAY,EAAE,4BAA4B;IAC1C,cAAc,EAAE,8BAA8B;IAC9C,cAAc,EAAE,8BAA8B;IAC9C,WAAW,EAAE,2BAA2B;CAChC,CAAC;AAEX,iGAAiG;AACjG,MAAM,CAAC,MAAM,SAAS,GAAG,m4HAAm4H,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@civitai/theme",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "Framework-agnostic --civitai-* design tokens, derived build-time from civitai's real Mantine theme. CSS + typed JS + W3C DTCG.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
},
|
|
17
17
|
"files": [
|
|
18
18
|
"dist",
|
|
19
|
+
"styles.css",
|
|
19
20
|
"README.md"
|
|
20
21
|
],
|
|
21
22
|
"engines": {
|
package/styles.css
ADDED
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.
|
|
2
|
+
Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */
|
|
3
|
+
@property --civitai-color-text {
|
|
4
|
+
syntax: '<color>';
|
|
5
|
+
inherits: true;
|
|
6
|
+
initial-value: #222;
|
|
7
|
+
}
|
|
8
|
+
@property --civitai-color-text-dimmed {
|
|
9
|
+
syntax: '<color>';
|
|
10
|
+
inherits: true;
|
|
11
|
+
initial-value: #868e96;
|
|
12
|
+
}
|
|
13
|
+
@property --civitai-color-body {
|
|
14
|
+
syntax: '<color>';
|
|
15
|
+
inherits: true;
|
|
16
|
+
initial-value: #fefefe;
|
|
17
|
+
}
|
|
18
|
+
@property --civitai-color-surface {
|
|
19
|
+
syntax: '<color>';
|
|
20
|
+
inherits: true;
|
|
21
|
+
initial-value: #fefefe;
|
|
22
|
+
}
|
|
23
|
+
@property --civitai-color-surface-2 {
|
|
24
|
+
syntax: '<color>';
|
|
25
|
+
inherits: true;
|
|
26
|
+
initial-value: #fefefe;
|
|
27
|
+
}
|
|
28
|
+
@property --civitai-color-border {
|
|
29
|
+
syntax: '<color>';
|
|
30
|
+
inherits: true;
|
|
31
|
+
initial-value: #ced4da;
|
|
32
|
+
}
|
|
33
|
+
@property --civitai-color-primary {
|
|
34
|
+
syntax: '<color>';
|
|
35
|
+
inherits: true;
|
|
36
|
+
initial-value: #228BE6;
|
|
37
|
+
}
|
|
38
|
+
@property --civitai-color-primary-hover {
|
|
39
|
+
syntax: '<color>';
|
|
40
|
+
inherits: true;
|
|
41
|
+
initial-value: #1C7ED6;
|
|
42
|
+
}
|
|
43
|
+
@property --civitai-color-primary-fg {
|
|
44
|
+
syntax: '<color>';
|
|
45
|
+
inherits: true;
|
|
46
|
+
initial-value: #fefefe;
|
|
47
|
+
}
|
|
48
|
+
@property --civitai-color-primary-light {
|
|
49
|
+
syntax: '<color>';
|
|
50
|
+
inherits: true;
|
|
51
|
+
initial-value: rgba(34, 139, 230, 0.1);
|
|
52
|
+
}
|
|
53
|
+
@property --civitai-color-error {
|
|
54
|
+
syntax: '<color>';
|
|
55
|
+
inherits: true;
|
|
56
|
+
initial-value: #fa5252;
|
|
57
|
+
}
|
|
58
|
+
@property --civitai-color-success {
|
|
59
|
+
syntax: '<color>';
|
|
60
|
+
inherits: true;
|
|
61
|
+
initial-value: #299C7A;
|
|
62
|
+
}
|
|
63
|
+
@property --civitai-color-warning {
|
|
64
|
+
syntax: '<color>';
|
|
65
|
+
inherits: true;
|
|
66
|
+
initial-value: #fd7e14;
|
|
67
|
+
}
|
|
68
|
+
@property --civitai-color-info {
|
|
69
|
+
syntax: '<color>';
|
|
70
|
+
inherits: true;
|
|
71
|
+
initial-value: #228BE6;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
:root {
|
|
75
|
+
--civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
|
|
76
|
+
--civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
|
|
77
|
+
--civitai-radius: 0.25rem;
|
|
78
|
+
--civitai-color-text: #222;
|
|
79
|
+
--civitai-color-text-dimmed: #868e96;
|
|
80
|
+
--civitai-color-body: #fefefe;
|
|
81
|
+
--civitai-color-surface: #fefefe;
|
|
82
|
+
--civitai-color-surface-2: #fefefe;
|
|
83
|
+
--civitai-color-border: #ced4da;
|
|
84
|
+
--civitai-color-primary: #228BE6;
|
|
85
|
+
--civitai-color-primary-hover: #1C7ED6;
|
|
86
|
+
--civitai-color-primary-fg: #fefefe;
|
|
87
|
+
--civitai-color-primary-light: rgba(34, 139, 230, 0.1);
|
|
88
|
+
--civitai-color-error: #fa5252;
|
|
89
|
+
--civitai-color-success: #299C7A;
|
|
90
|
+
--civitai-color-warning: #fd7e14;
|
|
91
|
+
--civitai-color-info: #228BE6;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
[data-theme='light'] {
|
|
95
|
+
--civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
|
|
96
|
+
--civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
|
|
97
|
+
--civitai-radius: 0.25rem;
|
|
98
|
+
--civitai-color-text: #222;
|
|
99
|
+
--civitai-color-text-dimmed: #868e96;
|
|
100
|
+
--civitai-color-body: #fefefe;
|
|
101
|
+
--civitai-color-surface: #fefefe;
|
|
102
|
+
--civitai-color-surface-2: #fefefe;
|
|
103
|
+
--civitai-color-border: #ced4da;
|
|
104
|
+
--civitai-color-primary: #228BE6;
|
|
105
|
+
--civitai-color-primary-hover: #1C7ED6;
|
|
106
|
+
--civitai-color-primary-fg: #fefefe;
|
|
107
|
+
--civitai-color-primary-light: rgba(34, 139, 230, 0.1);
|
|
108
|
+
--civitai-color-error: #fa5252;
|
|
109
|
+
--civitai-color-success: #299C7A;
|
|
110
|
+
--civitai-color-warning: #fd7e14;
|
|
111
|
+
--civitai-color-info: #228BE6;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
[data-theme='dark'] {
|
|
115
|
+
--civitai-color-text: #C1C2C5;
|
|
116
|
+
--civitai-color-text-dimmed: #8c8fa3;
|
|
117
|
+
--civitai-color-body: #1A1B1E;
|
|
118
|
+
--civitai-color-surface: #1A1B1E;
|
|
119
|
+
--civitai-color-surface-2: #25262B;
|
|
120
|
+
--civitai-color-border: #373A40;
|
|
121
|
+
--civitai-color-primary: #1971C2;
|
|
122
|
+
--civitai-color-primary-hover: #1864AB;
|
|
123
|
+
--civitai-color-primary-fg: #fefefe;
|
|
124
|
+
--civitai-color-primary-light: rgba(34, 139, 230, 0.15);
|
|
125
|
+
--civitai-color-error: #e03131;
|
|
126
|
+
--civitai-color-success: #326D5C;
|
|
127
|
+
--civitai-color-warning: #e8590c;
|
|
128
|
+
--civitai-color-info: #1971C2;
|
|
129
|
+
}
|