@timmo001/docs-kit 0.1.3 → 0.3.0
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 +39 -1
- package/package.json +5 -1
- package/src/blume/config.ts +18 -5
- package/src/blume/header-search.astro +9 -1
- package/src/blume/home-banner.astro +1 -1
- package/src/blume/theme-picker.astro +226 -0
- package/src/blume/theme.css +1 -1
- package/src/blume/themes/all.css +475 -0
- package/src/blume/themes/base.css +82 -0
- package/src/blume/themes/bridge.css +82 -0
- package/src/blume/themes/glazing.css +82 -0
- package/src/blume/themes/slate.css +82 -0
- package/src/blume/themes/snag.css +82 -0
- package/src/blume/themes/survey.css +82 -0
- package/src/brand-images.ts +2 -2
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
/* Generated by `mise run gen` from packages/tokens. Don't edit. */
|
|
2
|
+
|
|
3
|
+
/* Glazing: Cool periwinkle, like glass and Tokyo Night. Large radii, faint borders and a glassy sheen. */
|
|
4
|
+
|
|
5
|
+
:root {
|
|
6
|
+
--blume-radius: 16px;
|
|
7
|
+
--blume-font-body: "Inter Variable", "Inter", system-ui, sans-serif;
|
|
8
|
+
--blume-font-display: "Inter Variable", "Inter", system-ui, sans-serif;
|
|
9
|
+
--blume-font-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, monospace;
|
|
10
|
+
--blume-background: oklch(97.5% 0.0118 277.09);
|
|
11
|
+
--blume-foreground: oklch(37.06% 0.0093 277.09);
|
|
12
|
+
--blume-muted: oklch(96.3% 0.014 277.09);
|
|
13
|
+
--blume-muted-foreground: oklch(52.76% 0.0093 277.09);
|
|
14
|
+
--blume-border: oklch(89.5% 0.014 277.09);
|
|
15
|
+
--blume-accent: oklch(51.18% 0.13 264.2);
|
|
16
|
+
--blume-accent-foreground: oklch(100% 0 0);
|
|
17
|
+
--blume-action: oklch(24% 0.0093 277.09);
|
|
18
|
+
--blume-action-foreground: oklch(99.5% 0.0024 277.09);
|
|
19
|
+
--blume-code-background: oklch(99.5% 0.0024 277.09);
|
|
20
|
+
--blume-code-highlight: oklch(51.8% 0.1197 249.65 / 0.14);
|
|
21
|
+
--blume-code-highlight-border: oklch(51.8% 0.1197 249.65 / 0.45);
|
|
22
|
+
--blume-code-add: oklch(50.48% 0.1299 150.03 / 0.14);
|
|
23
|
+
--blume-code-add-border: oklch(50.48% 0.1299 150.03 / 0.45);
|
|
24
|
+
--blume-code-remove: oklch(53.41% 0.13 25.52 / 0.14);
|
|
25
|
+
--blume-code-remove-border: oklch(53.41% 0.13 25.52 / 0.45);
|
|
26
|
+
--blume-code-error: oklch(53.41% 0.13 25.52 / 0.14);
|
|
27
|
+
--blume-code-error-border: oklch(53.41% 0.13 25.52 / 0.45);
|
|
28
|
+
--blume-code-warning: oklch(52.09% 0.1082 80 / 0.14);
|
|
29
|
+
--blume-code-warning-border: oklch(52.09% 0.1082 80 / 0.45);
|
|
30
|
+
--blume-code-word: oklch(51.8% 0.1197 249.65 / 0.14);
|
|
31
|
+
--blume-code-word-border: oklch(51.8% 0.1197 249.65 / 0.45);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
:root[data-theme="dark"] {
|
|
35
|
+
--blume-background: oklch(20.44% 0.0233 277.09);
|
|
36
|
+
--blume-foreground: oklch(85.39% 0.0093 277.09);
|
|
37
|
+
--blume-muted: oklch(18.94% 0.0233 277.09);
|
|
38
|
+
--blume-muted-foreground: oklch(66.58% 0.0093 277.09);
|
|
39
|
+
--blume-border: oklch(34.44% 0.0233 277.09);
|
|
40
|
+
--blume-accent: oklch(69.64% 0.13 264.2);
|
|
41
|
+
--blume-accent-foreground: oklch(15% 0 0);
|
|
42
|
+
--blume-action: oklch(93% 0.0093 277.09);
|
|
43
|
+
--blume-action-foreground: oklch(20.44% 0.0233 277.09);
|
|
44
|
+
--blume-code-background: oklch(25.44% 0.0233 277.09);
|
|
45
|
+
--blume-code-highlight: oklch(68.29% 0.1197 249.65 / 0.14);
|
|
46
|
+
--blume-code-highlight-border: oklch(68.29% 0.1197 249.65 / 0.45);
|
|
47
|
+
--blume-code-add: oklch(66.92% 0.1299 150.03 / 0.14);
|
|
48
|
+
--blume-code-add-border: oklch(66.92% 0.1299 150.03 / 0.45);
|
|
49
|
+
--blume-code-remove: oklch(70.02% 0.13 25.52 / 0.14);
|
|
50
|
+
--blume-code-remove-border: oklch(70.02% 0.13 25.52 / 0.45);
|
|
51
|
+
--blume-code-error: oklch(70.02% 0.13 25.52 / 0.14);
|
|
52
|
+
--blume-code-error-border: oklch(70.02% 0.13 25.52 / 0.45);
|
|
53
|
+
--blume-code-warning: oklch(68.66% 0.1299 80 / 0.14);
|
|
54
|
+
--blume-code-warning-border: oklch(68.66% 0.1299 80 / 0.45);
|
|
55
|
+
--blume-code-word: oklch(68.29% 0.1197 249.65 / 0.14);
|
|
56
|
+
--blume-code-word-border: oklch(68.29% 0.1197 249.65 / 0.45);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
:root[data-theme="dark"][data-gw-darker] {
|
|
60
|
+
--blume-background: oklch(18.94% 0.0233 277.09);
|
|
61
|
+
--blume-foreground: oklch(85.39% 0.0093 277.09);
|
|
62
|
+
--blume-muted: oklch(17.44% 0.0233 277.09);
|
|
63
|
+
--blume-muted-foreground: oklch(66.58% 0.0093 277.09);
|
|
64
|
+
--blume-border: oklch(42.44% 0.0233 277.09);
|
|
65
|
+
--blume-accent: oklch(69.64% 0.13 264.2);
|
|
66
|
+
--blume-accent-foreground: oklch(15% 0 0);
|
|
67
|
+
--blume-action: oklch(93% 0.0093 277.09);
|
|
68
|
+
--blume-action-foreground: oklch(18.94% 0.0233 277.09);
|
|
69
|
+
--blume-code-background: oklch(23.94% 0.0233 277.09);
|
|
70
|
+
--blume-code-highlight: oklch(68.29% 0.1197 249.65 / 0.14);
|
|
71
|
+
--blume-code-highlight-border: oklch(68.29% 0.1197 249.65 / 0.45);
|
|
72
|
+
--blume-code-add: oklch(66.92% 0.1299 150.03 / 0.14);
|
|
73
|
+
--blume-code-add-border: oklch(66.92% 0.1299 150.03 / 0.45);
|
|
74
|
+
--blume-code-remove: oklch(70.02% 0.13 25.52 / 0.14);
|
|
75
|
+
--blume-code-remove-border: oklch(70.02% 0.13 25.52 / 0.45);
|
|
76
|
+
--blume-code-error: oklch(70.02% 0.13 25.52 / 0.14);
|
|
77
|
+
--blume-code-error-border: oklch(70.02% 0.13 25.52 / 0.45);
|
|
78
|
+
--blume-code-warning: oklch(68.66% 0.1299 80 / 0.14);
|
|
79
|
+
--blume-code-warning-border: oklch(68.66% 0.1299 80 / 0.45);
|
|
80
|
+
--blume-code-word: oklch(68.29% 0.1197 249.65 / 0.14);
|
|
81
|
+
--blume-code-word-border: oklch(68.29% 0.1197 249.65 / 0.45);
|
|
82
|
+
}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
/* Generated by `mise run gen` from packages/tokens. Don't edit. */
|
|
2
|
+
|
|
3
|
+
/* Slate: Welsh slate's purple-gray with a mauve accent. Round, with pill buttons and soft borders. */
|
|
4
|
+
|
|
5
|
+
:root {
|
|
6
|
+
--blume-radius: 20px;
|
|
7
|
+
--blume-font-body: "Mona Sans Variable", "Mona Sans", system-ui, sans-serif;
|
|
8
|
+
--blume-font-display: "Mona Sans Variable", "Mona Sans", system-ui, sans-serif;
|
|
9
|
+
--blume-font-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, monospace;
|
|
10
|
+
--blume-background: oklch(97.5% 0.0129 315.69);
|
|
11
|
+
--blume-foreground: oklch(37.05% 0.0086 315.69);
|
|
12
|
+
--blume-muted: oklch(96.3% 0.0129 315.69);
|
|
13
|
+
--blume-muted-foreground: oklch(52.72% 0.0086 315.69);
|
|
14
|
+
--blume-border: oklch(89.5% 0.0129 315.69);
|
|
15
|
+
--blume-accent: oklch(52.13% 0.1205 310.02);
|
|
16
|
+
--blume-accent-foreground: oklch(100% 0 0);
|
|
17
|
+
--blume-action: oklch(24% 0.0086 315.69);
|
|
18
|
+
--blume-action-foreground: oklch(99.5% 0.004 315.69);
|
|
19
|
+
--blume-code-background: oklch(99.5% 0.004 315.69);
|
|
20
|
+
--blume-code-highlight: oklch(51.7% 0.1197 249.65 / 0.14);
|
|
21
|
+
--blume-code-highlight-border: oklch(51.7% 0.1197 249.65 / 0.45);
|
|
22
|
+
--blume-code-add: oklch(50.22% 0.1299 150.03 / 0.14);
|
|
23
|
+
--blume-code-add-border: oklch(50.22% 0.1299 150.03 / 0.45);
|
|
24
|
+
--blume-code-remove: oklch(53.15% 0.13 25.52 / 0.14);
|
|
25
|
+
--blume-code-remove-border: oklch(53.15% 0.13 25.52 / 0.45);
|
|
26
|
+
--blume-code-error: oklch(53.15% 0.13 25.52 / 0.14);
|
|
27
|
+
--blume-code-error-border: oklch(53.15% 0.13 25.52 / 0.45);
|
|
28
|
+
--blume-code-warning: oklch(52.09% 0.1082 80 / 0.14);
|
|
29
|
+
--blume-code-warning-border: oklch(52.09% 0.1082 80 / 0.45);
|
|
30
|
+
--blume-code-word: oklch(51.7% 0.1197 249.65 / 0.14);
|
|
31
|
+
--blume-code-word-border: oklch(51.7% 0.1197 249.65 / 0.45);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
:root[data-theme="dark"] {
|
|
35
|
+
--blume-background: oklch(20.48% 0.0215 315.69);
|
|
36
|
+
--blume-foreground: oklch(85.45% 0.0086 315.69);
|
|
37
|
+
--blume-muted: oklch(18.98% 0.0215 315.69);
|
|
38
|
+
--blume-muted-foreground: oklch(66.63% 0.0086 315.69);
|
|
39
|
+
--blume-border: oklch(34.48% 0.0215 315.69);
|
|
40
|
+
--blume-accent: oklch(70.51% 0.1205 310.02);
|
|
41
|
+
--blume-accent-foreground: oklch(15% 0 0);
|
|
42
|
+
--blume-action: oklch(93% 0.0086 315.69);
|
|
43
|
+
--blume-action-foreground: oklch(20.48% 0.0215 315.69);
|
|
44
|
+
--blume-code-background: oklch(25.48% 0.0215 315.69);
|
|
45
|
+
--blume-code-highlight: oklch(68.29% 0.1197 249.65 / 0.14);
|
|
46
|
+
--blume-code-highlight-border: oklch(68.29% 0.1197 249.65 / 0.45);
|
|
47
|
+
--blume-code-add: oklch(66.92% 0.1299 150.03 / 0.14);
|
|
48
|
+
--blume-code-add-border: oklch(66.92% 0.1299 150.03 / 0.45);
|
|
49
|
+
--blume-code-remove: oklch(70.02% 0.13 25.52 / 0.14);
|
|
50
|
+
--blume-code-remove-border: oklch(70.02% 0.13 25.52 / 0.45);
|
|
51
|
+
--blume-code-error: oklch(70.02% 0.13 25.52 / 0.14);
|
|
52
|
+
--blume-code-error-border: oklch(70.02% 0.13 25.52 / 0.45);
|
|
53
|
+
--blume-code-warning: oklch(68.66% 0.1299 80 / 0.14);
|
|
54
|
+
--blume-code-warning-border: oklch(68.66% 0.1299 80 / 0.45);
|
|
55
|
+
--blume-code-word: oklch(68.29% 0.1197 249.65 / 0.14);
|
|
56
|
+
--blume-code-word-border: oklch(68.29% 0.1197 249.65 / 0.45);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
:root[data-theme="dark"][data-gw-darker] {
|
|
60
|
+
--blume-background: oklch(18.98% 0.0215 315.69);
|
|
61
|
+
--blume-foreground: oklch(85.45% 0.0086 315.69);
|
|
62
|
+
--blume-muted: oklch(17.48% 0.0215 315.69);
|
|
63
|
+
--blume-muted-foreground: oklch(66.63% 0.0086 315.69);
|
|
64
|
+
--blume-border: oklch(42.48% 0.0215 315.69);
|
|
65
|
+
--blume-accent: oklch(70.51% 0.1205 310.02);
|
|
66
|
+
--blume-accent-foreground: oklch(15% 0 0);
|
|
67
|
+
--blume-action: oklch(93% 0.0086 315.69);
|
|
68
|
+
--blume-action-foreground: oklch(18.98% 0.0215 315.69);
|
|
69
|
+
--blume-code-background: oklch(23.98% 0.0215 315.69);
|
|
70
|
+
--blume-code-highlight: oklch(68.29% 0.1197 249.65 / 0.14);
|
|
71
|
+
--blume-code-highlight-border: oklch(68.29% 0.1197 249.65 / 0.45);
|
|
72
|
+
--blume-code-add: oklch(66.92% 0.1299 150.03 / 0.14);
|
|
73
|
+
--blume-code-add-border: oklch(66.92% 0.1299 150.03 / 0.45);
|
|
74
|
+
--blume-code-remove: oklch(70.02% 0.13 25.52 / 0.14);
|
|
75
|
+
--blume-code-remove-border: oklch(70.02% 0.13 25.52 / 0.45);
|
|
76
|
+
--blume-code-error: oklch(70.02% 0.13 25.52 / 0.14);
|
|
77
|
+
--blume-code-error-border: oklch(70.02% 0.13 25.52 / 0.45);
|
|
78
|
+
--blume-code-warning: oklch(68.66% 0.1299 80 / 0.14);
|
|
79
|
+
--blume-code-warning-border: oklch(68.66% 0.1299 80 / 0.45);
|
|
80
|
+
--blume-code-word: oklch(68.29% 0.1197 249.65 / 0.14);
|
|
81
|
+
--blume-code-word-border: oklch(68.29% 0.1197 249.65 / 0.45);
|
|
82
|
+
}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
/* Generated by `mise run gen` from packages/tokens. Don't edit. */
|
|
2
|
+
|
|
3
|
+
/* Snag: Warm amber on near-black. Compact and table-first, with square badges. */
|
|
4
|
+
|
|
5
|
+
:root {
|
|
6
|
+
--blume-radius: 6px;
|
|
7
|
+
--blume-font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
8
|
+
--blume-font-display: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
9
|
+
--blume-font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, monospace;
|
|
10
|
+
--blume-background: oklch(97.5% 0.0023 286.11);
|
|
11
|
+
--blume-foreground: oklch(36.99% 0.0015 286.11);
|
|
12
|
+
--blume-muted: oklch(96.3% 0.0023 286.11);
|
|
13
|
+
--blume-muted-foreground: oklch(52.64% 0.0015 286.11);
|
|
14
|
+
--blume-border: oklch(89.5% 0.0023 286.11);
|
|
15
|
+
--blume-accent: oklch(51.15% 0.1082 75.57);
|
|
16
|
+
--blume-accent-foreground: oklch(100% 0 0);
|
|
17
|
+
--blume-action: oklch(24% 0.0015 286.11);
|
|
18
|
+
--blume-action-foreground: oklch(99.5% 0.0011 286.11);
|
|
19
|
+
--blume-code-background: oklch(99.5% 0.0011 286.11);
|
|
20
|
+
--blume-code-highlight: oklch(51.8% 0.1197 249.65 / 0.14);
|
|
21
|
+
--blume-code-highlight-border: oklch(51.8% 0.1197 249.65 / 0.45);
|
|
22
|
+
--blume-code-add: oklch(50.26% 0.1299 150.03 / 0.14);
|
|
23
|
+
--blume-code-add-border: oklch(50.26% 0.1299 150.03 / 0.45);
|
|
24
|
+
--blume-code-remove: oklch(53.41% 0.13 25.52 / 0.14);
|
|
25
|
+
--blume-code-remove-border: oklch(53.41% 0.13 25.52 / 0.45);
|
|
26
|
+
--blume-code-error: oklch(53.41% 0.13 25.52 / 0.14);
|
|
27
|
+
--blume-code-error-border: oklch(53.41% 0.13 25.52 / 0.45);
|
|
28
|
+
--blume-code-warning: oklch(52.09% 0.1082 80 / 0.14);
|
|
29
|
+
--blume-code-warning-border: oklch(52.09% 0.1082 80 / 0.45);
|
|
30
|
+
--blume-code-word: oklch(51.8% 0.1197 249.65 / 0.14);
|
|
31
|
+
--blume-code-word-border: oklch(51.8% 0.1197 249.65 / 0.45);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
:root[data-theme="dark"] {
|
|
35
|
+
--blume-background: oklch(20.59% 0.0038 286.11);
|
|
36
|
+
--blume-foreground: oklch(85.64% 0.0015 286.11);
|
|
37
|
+
--blume-muted: oklch(19.09% 0.0038 286.11);
|
|
38
|
+
--blume-muted-foreground: oklch(66.85% 0.0015 286.11);
|
|
39
|
+
--blume-border: oklch(34.59% 0.0038 286.11);
|
|
40
|
+
--blume-accent: oklch(69.53% 0.1239 75.57);
|
|
41
|
+
--blume-accent-foreground: oklch(15% 0 0);
|
|
42
|
+
--blume-action: oklch(93% 0.0015 286.11);
|
|
43
|
+
--blume-action-foreground: oklch(20.59% 0.0038 286.11);
|
|
44
|
+
--blume-code-background: oklch(25.59% 0.0038 286.11);
|
|
45
|
+
--blume-code-highlight: oklch(68.29% 0.1197 249.65 / 0.14);
|
|
46
|
+
--blume-code-highlight-border: oklch(68.29% 0.1197 249.65 / 0.45);
|
|
47
|
+
--blume-code-add: oklch(66.92% 0.1299 150.03 / 0.14);
|
|
48
|
+
--blume-code-add-border: oklch(66.92% 0.1299 150.03 / 0.45);
|
|
49
|
+
--blume-code-remove: oklch(70.02% 0.13 25.52 / 0.14);
|
|
50
|
+
--blume-code-remove-border: oklch(70.02% 0.13 25.52 / 0.45);
|
|
51
|
+
--blume-code-error: oklch(70.02% 0.13 25.52 / 0.14);
|
|
52
|
+
--blume-code-error-border: oklch(70.02% 0.13 25.52 / 0.45);
|
|
53
|
+
--blume-code-warning: oklch(68.66% 0.1299 80 / 0.14);
|
|
54
|
+
--blume-code-warning-border: oklch(68.66% 0.1299 80 / 0.45);
|
|
55
|
+
--blume-code-word: oklch(68.29% 0.1197 249.65 / 0.14);
|
|
56
|
+
--blume-code-word-border: oklch(68.29% 0.1197 249.65 / 0.45);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
:root[data-theme="dark"][data-gw-darker] {
|
|
60
|
+
--blume-background: oklch(19.09% 0.0038 286.11);
|
|
61
|
+
--blume-foreground: oklch(85.64% 0.0015 286.11);
|
|
62
|
+
--blume-muted: oklch(17.59% 0.0038 286.11);
|
|
63
|
+
--blume-muted-foreground: oklch(66.85% 0.0015 286.11);
|
|
64
|
+
--blume-border: oklch(42.59% 0.0038 286.11);
|
|
65
|
+
--blume-accent: oklch(69.53% 0.1239 75.57);
|
|
66
|
+
--blume-accent-foreground: oklch(15% 0 0);
|
|
67
|
+
--blume-action: oklch(93% 0.0015 286.11);
|
|
68
|
+
--blume-action-foreground: oklch(19.09% 0.0038 286.11);
|
|
69
|
+
--blume-code-background: oklch(24.09% 0.0038 286.11);
|
|
70
|
+
--blume-code-highlight: oklch(68.29% 0.1197 249.65 / 0.14);
|
|
71
|
+
--blume-code-highlight-border: oklch(68.29% 0.1197 249.65 / 0.45);
|
|
72
|
+
--blume-code-add: oklch(66.92% 0.1299 150.03 / 0.14);
|
|
73
|
+
--blume-code-add-border: oklch(66.92% 0.1299 150.03 / 0.45);
|
|
74
|
+
--blume-code-remove: oklch(70.02% 0.13 25.52 / 0.14);
|
|
75
|
+
--blume-code-remove-border: oklch(70.02% 0.13 25.52 / 0.45);
|
|
76
|
+
--blume-code-error: oklch(70.02% 0.13 25.52 / 0.14);
|
|
77
|
+
--blume-code-error-border: oklch(70.02% 0.13 25.52 / 0.45);
|
|
78
|
+
--blume-code-warning: oklch(68.66% 0.1299 80 / 0.14);
|
|
79
|
+
--blume-code-warning-border: oklch(68.66% 0.1299 80 / 0.45);
|
|
80
|
+
--blume-code-word: oklch(68.29% 0.1197 249.65 / 0.14);
|
|
81
|
+
--blume-code-word-border: oklch(68.29% 0.1197 249.65 / 0.45);
|
|
82
|
+
}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
/* Generated by `mise run gen` from packages/tokens. Don't edit. */
|
|
2
|
+
|
|
3
|
+
/* Survey: Charcoal with surveyor's marker pink. Boxy, thick borders, bold weights and a marker bar. */
|
|
4
|
+
|
|
5
|
+
:root {
|
|
6
|
+
--blume-radius: 2px;
|
|
7
|
+
--blume-font-body: "Geist Variable", "Geist", system-ui, sans-serif;
|
|
8
|
+
--blume-font-display: "Geist Variable", "Geist", system-ui, sans-serif;
|
|
9
|
+
--blume-font-mono: "Geist Mono Variable", "Geist Mono", ui-monospace, monospace;
|
|
10
|
+
--blume-background: oklch(97.5% 0.005 264.4);
|
|
11
|
+
--blume-foreground: oklch(36.94% 0.0033 264.4);
|
|
12
|
+
--blume-muted: oklch(96.3% 0.005 264.4);
|
|
13
|
+
--blume-muted-foreground: oklch(52.93% 0.0033 264.4);
|
|
14
|
+
--blume-border: oklch(89.5% 0.005 264.4);
|
|
15
|
+
--blume-accent: oklch(52.9% 0.1603 349.67);
|
|
16
|
+
--blume-accent-foreground: oklch(100% 0 0);
|
|
17
|
+
--blume-action: oklch(24% 0.0033 264.4);
|
|
18
|
+
--blume-action-foreground: oklch(99.5% 0.0023 264.4);
|
|
19
|
+
--blume-code-background: oklch(99.5% 0.0023 264.4);
|
|
20
|
+
--blume-code-highlight: oklch(51.8% 0.1197 249.65 / 0.14);
|
|
21
|
+
--blume-code-highlight-border: oklch(51.8% 0.1197 249.65 / 0.45);
|
|
22
|
+
--blume-code-add: oklch(50.22% 0.1299 150.03 / 0.14);
|
|
23
|
+
--blume-code-add-border: oklch(50.22% 0.1299 150.03 / 0.45);
|
|
24
|
+
--blume-code-remove: oklch(53.41% 0.13 25.52 / 0.14);
|
|
25
|
+
--blume-code-remove-border: oklch(53.41% 0.13 25.52 / 0.45);
|
|
26
|
+
--blume-code-error: oklch(53.41% 0.13 25.52 / 0.14);
|
|
27
|
+
--blume-code-error-border: oklch(53.41% 0.13 25.52 / 0.45);
|
|
28
|
+
--blume-code-warning: oklch(52.09% 0.1082 80 / 0.14);
|
|
29
|
+
--blume-code-warning-border: oklch(52.09% 0.1082 80 / 0.45);
|
|
30
|
+
--blume-code-word: oklch(51.8% 0.1197 249.65 / 0.14);
|
|
31
|
+
--blume-code-word-border: oklch(51.8% 0.1197 249.65 / 0.45);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
:root[data-theme="dark"] {
|
|
35
|
+
--blume-background: oklch(20.46% 0.0083 264.4);
|
|
36
|
+
--blume-foreground: oklch(85.58% 0.0033 264.4);
|
|
37
|
+
--blume-muted: oklch(18.96% 0.0083 264.4);
|
|
38
|
+
--blume-muted-foreground: oklch(66.48% 0.0033 264.4);
|
|
39
|
+
--blume-border: oklch(34.46% 0.0083 264.4);
|
|
40
|
+
--blume-accent: oklch(71.31% 0.1603 349.67);
|
|
41
|
+
--blume-accent-foreground: oklch(15% 0 0);
|
|
42
|
+
--blume-action: oklch(93% 0.0033 264.4);
|
|
43
|
+
--blume-action-foreground: oklch(20.46% 0.0083 264.4);
|
|
44
|
+
--blume-code-background: oklch(25.46% 0.0083 264.4);
|
|
45
|
+
--blume-code-highlight: oklch(68.29% 0.1197 249.65 / 0.14);
|
|
46
|
+
--blume-code-highlight-border: oklch(68.29% 0.1197 249.65 / 0.45);
|
|
47
|
+
--blume-code-add: oklch(66.92% 0.1299 150.03 / 0.14);
|
|
48
|
+
--blume-code-add-border: oklch(66.92% 0.1299 150.03 / 0.45);
|
|
49
|
+
--blume-code-remove: oklch(70.02% 0.13 25.52 / 0.14);
|
|
50
|
+
--blume-code-remove-border: oklch(70.02% 0.13 25.52 / 0.45);
|
|
51
|
+
--blume-code-error: oklch(70.02% 0.13 25.52 / 0.14);
|
|
52
|
+
--blume-code-error-border: oklch(70.02% 0.13 25.52 / 0.45);
|
|
53
|
+
--blume-code-warning: oklch(68.66% 0.1299 80 / 0.14);
|
|
54
|
+
--blume-code-warning-border: oklch(68.66% 0.1299 80 / 0.45);
|
|
55
|
+
--blume-code-word: oklch(68.29% 0.1197 249.65 / 0.14);
|
|
56
|
+
--blume-code-word-border: oklch(68.29% 0.1197 249.65 / 0.45);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
:root[data-theme="dark"][data-gw-darker] {
|
|
60
|
+
--blume-background: oklch(18.96% 0.0083 264.4);
|
|
61
|
+
--blume-foreground: oklch(85.58% 0.0033 264.4);
|
|
62
|
+
--blume-muted: oklch(17.46% 0.0083 264.4);
|
|
63
|
+
--blume-muted-foreground: oklch(66.48% 0.0033 264.4);
|
|
64
|
+
--blume-border: oklch(42.46% 0.0083 264.4);
|
|
65
|
+
--blume-accent: oklch(71.31% 0.1603 349.67);
|
|
66
|
+
--blume-accent-foreground: oklch(15% 0 0);
|
|
67
|
+
--blume-action: oklch(93% 0.0033 264.4);
|
|
68
|
+
--blume-action-foreground: oklch(18.96% 0.0083 264.4);
|
|
69
|
+
--blume-code-background: oklch(23.96% 0.0083 264.4);
|
|
70
|
+
--blume-code-highlight: oklch(68.29% 0.1197 249.65 / 0.14);
|
|
71
|
+
--blume-code-highlight-border: oklch(68.29% 0.1197 249.65 / 0.45);
|
|
72
|
+
--blume-code-add: oklch(66.92% 0.1299 150.03 / 0.14);
|
|
73
|
+
--blume-code-add-border: oklch(66.92% 0.1299 150.03 / 0.45);
|
|
74
|
+
--blume-code-remove: oklch(70.02% 0.13 25.52 / 0.14);
|
|
75
|
+
--blume-code-remove-border: oklch(70.02% 0.13 25.52 / 0.45);
|
|
76
|
+
--blume-code-error: oklch(70.02% 0.13 25.52 / 0.14);
|
|
77
|
+
--blume-code-error-border: oklch(70.02% 0.13 25.52 / 0.45);
|
|
78
|
+
--blume-code-warning: oklch(68.66% 0.1299 80 / 0.14);
|
|
79
|
+
--blume-code-warning-border: oklch(68.66% 0.1299 80 / 0.45);
|
|
80
|
+
--blume-code-word: oklch(68.29% 0.1197 249.65 / 0.14);
|
|
81
|
+
--blume-code-word-border: oklch(68.29% 0.1197 249.65 / 0.45);
|
|
82
|
+
}
|
package/src/brand-images.ts
CHANGED
|
@@ -24,9 +24,9 @@ export interface BrandImagesOptions {
|
|
|
24
24
|
tagline: readonly string[];
|
|
25
25
|
/** Site address shown under the tagline. */
|
|
26
26
|
site: string;
|
|
27
|
-
/** Card and icon background
|
|
27
|
+
/** Card and icon background color. */
|
|
28
28
|
background: string;
|
|
29
|
-
/**
|
|
29
|
+
/** Color of the top strip and the site address. */
|
|
30
30
|
accent: string;
|
|
31
31
|
outputs: BrandImageOutputs;
|
|
32
32
|
}
|