@timmo001/docs-kit 0.1.2 → 0.2.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.
Files changed (8) hide show
  1. package/README.md +14 -1
  2. package/package.json +7 -6
  3. package/src/blume/themes/base.css +57 -0
  4. package/src/blume/themes/bridge.css +57 -0
  5. package/src/blume/themes/glazing.css +57 -0
  6. package/src/blume/themes/slate.css +57 -0
  7. package/src/blume/themes/snag.css +57 -0
  8. package/src/blume/themes/survey.css +57 -0
package/README.md CHANGED
@@ -91,6 +91,19 @@ This widens the content column on large screens and keeps the "On this page"
91
91
  rail next to the content. The banner's full-width layout relies on these
92
92
  columns.
93
93
 
94
+ Then import the Groundwork theme of the app the site documents, such as Base,
95
+ Glazing, Survey, Slate, Bridge or Snag:
96
+
97
+ ```css
98
+ @import "@timmo001/docs-kit/blume/themes/bridge.css";
99
+ ```
100
+
101
+ It sets Blume's colours, radius and fonts from the theme in light and dark, so
102
+ leave `theme.accent` out of `blume.config.ts`. The fonts are stacks, so load
103
+ the theme's font files in `theme.css` too, for example with
104
+ `@import "@fontsource-variable/inter";`. Use Base until the app has a theme of
105
+ its own.
106
+
94
107
  Set these in `theme.css` to change the banner:
95
108
 
96
109
  ```css
@@ -132,4 +145,4 @@ repository; upload it under the repository settings.
132
145
 
133
146
  ## Development
134
147
 
135
- See the [repository README](https://github.com/timmo001/docs-kit#development).
148
+ See the [repository README](https://github.com/timmo001/groundwork#development).
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timmo001/docs-kit",
3
- "version": "0.1.2",
3
+ "version": "0.2.0",
4
4
  "description": "Shared branding, layout and config for timmo001 documentation sites",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
@@ -10,6 +10,7 @@
10
10
  "./blume/header-search.astro": "./src/blume/header-search.astro",
11
11
  "./blume/home-banner.astro": "./src/blume/home-banner.astro",
12
12
  "./blume/theme.css": "./src/blume/theme.css",
13
+ "./blume/themes/*.css": "./src/blume/themes/*.css",
13
14
  "./package.json": "./package.json"
14
15
  },
15
16
  "files": [
@@ -26,7 +27,7 @@
26
27
  },
27
28
  "repository": {
28
29
  "type": "git",
29
- "url": "git+https://github.com/timmo001/docs-kit.git",
30
+ "url": "git+https://github.com/timmo001/groundwork.git",
30
31
  "directory": "packages/docs-kit"
31
32
  },
32
33
  "scripts": {
@@ -40,14 +41,14 @@
40
41
  "sharp": "0.35.5"
41
42
  },
42
43
  "peerDependencies": {
43
- "blume": "2.2.4"
44
+ "blume": "2.2.6"
44
45
  },
45
46
  "devDependencies": {
46
- "@oxlint/plugins": "1.89.0",
47
+ "@oxlint/plugins": "1.90.0",
47
48
  "@timmo001/oxlint-rules": "0.6.3",
48
49
  "@types/bun": "1.4.4",
49
- "blume": "2.2.4",
50
- "oxlint": "1.89.0",
50
+ "blume": "2.2.6",
51
+ "oxlint": "1.90.0",
51
52
  "oxlint-tsgolint": "7.0.2005",
52
53
  "prettier": "3.9.10",
53
54
  "typescript": "7.0.2"
package/src/blume/themes/base.css ADDED
@@ -0,0 +1,57 @@
1
+ /* Generated by `mise run gen` from packages/tokens. Don't edit. */
2
+
3
+ /* Base: Neutral surfaces with a slight blue-grey tint, black and white primaries, and links as strong text. What every theme builds on. */
4
+
5
+ :root {
6
+ --blume-radius: 10px;
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.0064 260.69);
11
+ --blume-foreground: oklch(40.07% 0.0043 260.69);
12
+ --blume-muted: oklch(96.3% 0.0064 260.69);
13
+ --blume-muted-foreground: oklch(55.85% 0.0043 260.69);
14
+ --blume-border: oklch(89.5% 0.0064 260.69);
15
+ --blume-accent: oklch(24% 0.0043 260.69);
16
+ --blume-accent-foreground: oklch(100% 0 0);
17
+ --blume-action: oklch(24% 0.0043 260.69);
18
+ --blume-action-foreground: oklch(99.5% 0.0023 260.69);
19
+ --blume-code-background: oklch(99.5% 0.0023 260.69);
20
+ --blume-code-highlight: oklch(54.8% 0.1197 249.65 / 0.14);
21
+ --blume-code-highlight-border: oklch(54.8% 0.1197 249.65 / 0.45);
22
+ --blume-code-add: oklch(53.54% 0.1299 150.03 / 0.14);
23
+ --blume-code-add-border: oklch(53.54% 0.1299 150.03 / 0.45);
24
+ --blume-code-remove: oklch(56.39% 0.13 25.52 / 0.14);
25
+ --blume-code-remove-border: oklch(56.39% 0.13 25.52 / 0.45);
26
+ --blume-code-error: oklch(56.39% 0.13 25.52 / 0.14);
27
+ --blume-code-error-border: oklch(56.39% 0.13 25.52 / 0.45);
28
+ --blume-code-warning: oklch(55.26% 0.1147 80 / 0.14);
29
+ --blume-code-warning-border: oklch(55.26% 0.1147 80 / 0.45);
30
+ --blume-code-word: oklch(54.8% 0.1197 249.65 / 0.14);
31
+ --blume-code-word-border: oklch(54.8% 0.1197 249.65 / 0.45);
32
+ }
33
+
34
+ :root[data-theme="dark"] {
35
+ --blume-background: oklch(23.41% 0.0106 260.69);
36
+ --blume-foreground: oklch(82.66% 0.0043 260.69);
37
+ --blume-muted: oklch(22.21% 0.0106 260.69);
38
+ --blume-muted-foreground: oklch(64.13% 0.0043 260.69);
39
+ --blume-border: oklch(33.41% 0.0106 260.69);
40
+ --blume-accent: oklch(93% 0.0043 260.69);
41
+ --blume-accent-foreground: oklch(15% 0 0);
42
+ --blume-action: oklch(93% 0.0043 260.69);
43
+ --blume-action-foreground: oklch(23.41% 0.0106 260.69);
44
+ --blume-code-background: oklch(26.41% 0.0106 260.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
+ }
package/src/blume/themes/bridge.css ADDED
@@ -0,0 +1,57 @@
1
+ /* Generated by `mise run gen` from packages/tokens. Don't edit. */
2
+
3
+ /* Bridge: A clear, bright blue on neutral charcoal. Medium radii, soft borders and pill chips. */
4
+
5
+ :root {
6
+ --blume-radius: 12px;
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: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, monospace;
10
+ --blume-background: oklch(97.5% 0.0046 285.81);
11
+ --blume-foreground: oklch(40.05% 0.003 285.81);
12
+ --blume-muted: oklch(96.3% 0.0046 285.81);
13
+ --blume-muted-foreground: oklch(55.8% 0.003 285.81);
14
+ --blume-border: oklch(89.5% 0.0046 285.81);
15
+ --blume-accent: oklch(54.2% 0.1501 253.89);
16
+ --blume-accent-foreground: oklch(100% 0 0);
17
+ --blume-action: oklch(24% 0.003 285.81);
18
+ --blume-action-foreground: oklch(99.5% 0.0023 285.81);
19
+ --blume-code-background: oklch(99.5% 0.0023 285.81);
20
+ --blume-code-highlight: oklch(54.8% 0.1197 249.65 / 0.14);
21
+ --blume-code-highlight-border: oklch(54.8% 0.1197 249.65 / 0.45);
22
+ --blume-code-add: oklch(53.54% 0.1299 150.03 / 0.14);
23
+ --blume-code-add-border: oklch(53.54% 0.1299 150.03 / 0.45);
24
+ --blume-code-remove: oklch(56.4% 0.13 25.52 / 0.14);
25
+ --blume-code-remove-border: oklch(56.4% 0.13 25.52 / 0.45);
26
+ --blume-code-error: oklch(56.4% 0.13 25.52 / 0.14);
27
+ --blume-code-error-border: oklch(56.4% 0.13 25.52 / 0.45);
28
+ --blume-code-warning: oklch(55.26% 0.1147 80 / 0.14);
29
+ --blume-code-warning-border: oklch(55.26% 0.1147 80 / 0.45);
30
+ --blume-code-word: oklch(54.8% 0.1197 249.65 / 0.14);
31
+ --blume-code-word-border: oklch(54.8% 0.1197 249.65 / 0.45);
32
+ }
33
+
34
+ :root[data-theme="dark"] {
35
+ --blume-background: oklch(23.67% 0.0076 285.81);
36
+ --blume-foreground: oklch(82.87% 0.003 285.81);
37
+ --blume-muted: oklch(22.47% 0.0076 285.81);
38
+ --blume-muted-foreground: oklch(64.25% 0.003 285.81);
39
+ --blume-border: oklch(33.67% 0.0076 285.81);
40
+ --blume-accent: oklch(69.42% 0.1501 253.89);
41
+ --blume-accent-foreground: oklch(15% 0 0);
42
+ --blume-action: oklch(93% 0.003 285.81);
43
+ --blume-action-foreground: oklch(23.67% 0.0076 285.81);
44
+ --blume-code-background: oklch(26.67% 0.0076 285.81);
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
+ }
package/src/blume/themes/glazing.css ADDED
@@ -0,0 +1,57 @@
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(40.11% 0.0093 277.09);
12
+ --blume-muted: oklch(96.3% 0.014 277.09);
13
+ --blume-muted-foreground: oklch(55.82% 0.0093 277.09);
14
+ --blume-border: oklch(89.5% 0.014 277.09);
15
+ --blume-accent: oklch(54.24% 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(54.8% 0.1197 249.65 / 0.14);
21
+ --blume-code-highlight-border: oklch(54.8% 0.1197 249.65 / 0.45);
22
+ --blume-code-add: oklch(53.54% 0.1299 150.03 / 0.14);
23
+ --blume-code-add-border: oklch(53.54% 0.1299 150.03 / 0.45);
24
+ --blume-code-remove: oklch(56.4% 0.13 25.52 / 0.14);
25
+ --blume-code-remove-border: oklch(56.4% 0.13 25.52 / 0.45);
26
+ --blume-code-error: oklch(56.4% 0.13 25.52 / 0.14);
27
+ --blume-code-error-border: oklch(56.4% 0.13 25.52 / 0.45);
28
+ --blume-code-warning: oklch(55.26% 0.1147 80 / 0.14);
29
+ --blume-code-warning-border: oklch(55.26% 0.1147 80 / 0.45);
30
+ --blume-code-word: oklch(54.8% 0.1197 249.65 / 0.14);
31
+ --blume-code-word-border: oklch(54.8% 0.1197 249.65 / 0.45);
32
+ }
33
+
34
+ :root[data-theme="dark"] {
35
+ --blume-background: oklch(23.44% 0.0233 277.09);
36
+ --blume-foreground: oklch(82.59% 0.0093 277.09);
37
+ --blume-muted: oklch(22.24% 0.0233 277.09);
38
+ --blume-muted-foreground: oklch(64.27% 0.0093 277.09);
39
+ --blume-border: oklch(33.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(23.44% 0.0233 277.09);
44
+ --blume-code-background: oklch(26.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
+ }
package/src/blume/themes/slate.css ADDED
@@ -0,0 +1,57 @@
1
+ /* Generated by `mise run gen` from packages/tokens. Don't edit. */
2
+
3
+ /* Slate: Welsh slate's purple-grey 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(40.08% 0.0086 315.69);
12
+ --blume-muted: oklch(96.3% 0.0129 315.69);
13
+ --blume-muted-foreground: oklch(55.85% 0.0086 315.69);
14
+ --blume-border: oklch(89.5% 0.0129 315.69);
15
+ --blume-accent: oklch(55.14% 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(54.8% 0.1197 249.65 / 0.14);
21
+ --blume-code-highlight-border: oklch(54.8% 0.1197 249.65 / 0.45);
22
+ --blume-code-add: oklch(53.54% 0.1299 150.03 / 0.14);
23
+ --blume-code-add-border: oklch(53.54% 0.1299 150.03 / 0.45);
24
+ --blume-code-remove: oklch(56.39% 0.13 25.52 / 0.14);
25
+ --blume-code-remove-border: oklch(56.39% 0.13 25.52 / 0.45);
26
+ --blume-code-error: oklch(56.39% 0.13 25.52 / 0.14);
27
+ --blume-code-error-border: oklch(56.39% 0.13 25.52 / 0.45);
28
+ --blume-code-warning: oklch(55.05% 0.1143 80 / 0.14);
29
+ --blume-code-warning-border: oklch(55.05% 0.1143 80 / 0.45);
30
+ --blume-code-word: oklch(54.8% 0.1197 249.65 / 0.14);
31
+ --blume-code-word-border: oklch(54.8% 0.1197 249.65 / 0.45);
32
+ }
33
+
34
+ :root[data-theme="dark"] {
35
+ --blume-background: oklch(23.48% 0.0215 315.69);
36
+ --blume-foreground: oklch(82.65% 0.0086 315.69);
37
+ --blume-muted: oklch(22.28% 0.0215 315.69);
38
+ --blume-muted-foreground: oklch(64.12% 0.0086 315.69);
39
+ --blume-border: oklch(33.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(23.48% 0.0215 315.69);
44
+ --blume-code-background: oklch(26.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
+ }
package/src/blume/themes/snag.css ADDED
@@ -0,0 +1,57 @@
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(40.01% 0.0015 286.11);
12
+ --blume-muted: oklch(96.3% 0.0023 286.11);
13
+ --blume-muted-foreground: oklch(55.76% 0.0015 286.11);
14
+ --blume-border: oklch(89.5% 0.0023 286.11);
15
+ --blume-accent: oklch(54.44% 0.1149 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(54.8% 0.1197 249.65 / 0.14);
21
+ --blume-code-highlight-border: oklch(54.8% 0.1197 249.65 / 0.45);
22
+ --blume-code-add: oklch(53.54% 0.1299 150.03 / 0.14);
23
+ --blume-code-add-border: oklch(53.54% 0.1299 150.03 / 0.45);
24
+ --blume-code-remove: oklch(56.4% 0.13 25.52 / 0.14);
25
+ --blume-code-remove-border: oklch(56.4% 0.13 25.52 / 0.45);
26
+ --blume-code-error: oklch(56.4% 0.13 25.52 / 0.14);
27
+ --blume-code-error-border: oklch(56.4% 0.13 25.52 / 0.45);
28
+ --blume-code-warning: oklch(55.26% 0.1147 80 / 0.14);
29
+ --blume-code-warning-border: oklch(55.26% 0.1147 80 / 0.45);
30
+ --blume-code-word: oklch(54.8% 0.1197 249.65 / 0.14);
31
+ --blume-code-word-border: oklch(54.8% 0.1197 249.65 / 0.45);
32
+ }
33
+
34
+ :root[data-theme="dark"] {
35
+ --blume-background: oklch(23.59% 0.0038 286.11);
36
+ --blume-foreground: oklch(82.84% 0.0015 286.11);
37
+ --blume-muted: oklch(22.39% 0.0038 286.11);
38
+ --blume-muted-foreground: oklch(64.21% 0.0015 286.11);
39
+ --blume-border: oklch(33.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(23.59% 0.0038 286.11);
44
+ --blume-code-background: oklch(26.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
+ }
package/src/blume/themes/survey.css ADDED
@@ -0,0 +1,57 @@
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(40.3% 0.0033 264.4);
12
+ --blume-muted: oklch(96.3% 0.005 264.4);
13
+ --blume-muted-foreground: oklch(56.05% 0.0033 264.4);
14
+ --blume-border: oklch(89.5% 0.005 264.4);
15
+ --blume-accent: oklch(56.04% 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(54.8% 0.1197 249.65 / 0.14);
21
+ --blume-code-highlight-border: oklch(54.8% 0.1197 249.65 / 0.45);
22
+ --blume-code-add: oklch(53.54% 0.1299 150.03 / 0.14);
23
+ --blume-code-add-border: oklch(53.54% 0.1299 150.03 / 0.45);
24
+ --blume-code-remove: oklch(56.4% 0.13 25.52 / 0.14);
25
+ --blume-code-remove-border: oklch(56.4% 0.13 25.52 / 0.45);
26
+ --blume-code-error: oklch(56.4% 0.13 25.52 / 0.14);
27
+ --blume-code-error-border: oklch(56.4% 0.13 25.52 / 0.45);
28
+ --blume-code-warning: oklch(55.26% 0.1147 80 / 0.14);
29
+ --blume-code-warning-border: oklch(55.26% 0.1147 80 / 0.45);
30
+ --blume-code-word: oklch(54.8% 0.1197 249.65 / 0.14);
31
+ --blume-code-word-border: oklch(54.8% 0.1197 249.65 / 0.45);
32
+ }
33
+
34
+ :root[data-theme="dark"] {
35
+ --blume-background: oklch(23.46% 0.0083 264.4);
36
+ --blume-foreground: oklch(82.79% 0.0033 264.4);
37
+ --blume-muted: oklch(22.26% 0.0083 264.4);
38
+ --blume-muted-foreground: oklch(64.15% 0.0033 264.4);
39
+ --blume-border: oklch(33.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(23.46% 0.0083 264.4);
44
+ --blume-code-background: oklch(26.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
+ }