@voidzero-dev/vitepress-theme 3.3.1 → 4.0.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 (4) hide show
  1. package/README.md +24 -0
  2. package/package.json +1 -1
  3. package/src/index.ts +0 -2
  4. package/src/styles/index.css +0 -43
package/README.md CHANGED
@@ -45,9 +45,33 @@ In your `.vitepress/theme/index.ts`:
45
45
  ```ts
46
46
  import type { Theme } from 'vitepress'
47
47
  import Theme from '@voidzero-dev/vitepress-theme'
48
+ import './styles.css'
48
49
 
49
50
  export default {
50
51
  extends: BaseTheme as unknown as Theme,
51
52
  Layout
52
53
  } satisfies Theme
53
54
  ```
55
+
56
+ In the CSS, import the CSS from theme (which imports tailwind):
57
+
58
+ ```css
59
+ /* styles.css */
60
+ @import "@voidzero-dev/vitepress-theme/src/styles/index.css";
61
+
62
+ @source "./**/*.vue";
63
+
64
+ /* Project specific branding colors */
65
+ :root[data-variant="vite"] {
66
+ --color-brand: #6B1EB9;
67
+ }
68
+
69
+ :root.dark:not([data-theme])[data-variant="vite"],
70
+ :root[data-theme="dark"][data-variant="vite"] {
71
+ --color-brand: var(--color-vite);
72
+ }
73
+
74
+ :root[data-theme="light"][data-variant="vite"] {
75
+ --color-brand: #6B1EB9;
76
+ }
77
+ ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@voidzero-dev/vitepress-theme",
3
- "version": "3.3.1",
3
+ "version": "4.0.0",
4
4
  "description": "Shared VitePress theme for VoidZero projects",
5
5
  "type": "module",
6
6
  "license": "UNLICENSED",
package/src/index.ts CHANGED
@@ -15,8 +15,6 @@
15
15
 
16
16
  // Unified design system - single import
17
17
  // Contains: tokens → base → docs → marketing (in that order)
18
- import "./styles/index.css";
19
-
20
18
  import type { Theme } from "vitepress";
21
19
  import { watch } from "vue";
22
20
 
package/src/styles/index.css CHANGED
@@ -49,35 +49,6 @@
49
49
  --color-brand: var(--color-electric);
50
50
  }
51
51
 
52
- /* Vite */
53
- :root[data-variant="vite"] {
54
- --color-brand: #6B1EB9;
55
- }
56
-
57
- :root.dark:not([data-theme])[data-variant="vite"],
58
- :root[data-theme="dark"][data-variant="vite"] {
59
- --color-brand: var(--color-vite);
60
- }
61
-
62
- /* Forced light mode brand for Vite */
63
- :root[data-theme="light"][data-variant="vite"] {
64
- --color-brand: #6B1EB9;
65
- }
66
-
67
- /* Vitest */
68
- :root[data-variant="vitest"] {
69
- --color-brand: #008039;
70
- }
71
-
72
- :root.dark:not([data-theme])[data-variant="vitest"],
73
- :root[data-theme="dark"][data-variant="vitest"] {
74
- --color-brand: var(--color-zest);
75
- }
76
-
77
- :root[data-theme="light"][data-variant="vitest"] {
78
- --color-brand: #008039;
79
- }
80
-
81
52
  /* Rolldown */
82
53
  :root[data-variant="rolldown"] {
83
54
  --color-brand: #D44803;
@@ -91,17 +62,3 @@
91
62
  :root[data-theme="light"][data-variant="rolldown"] {
92
63
  --color-brand: #D44803;
93
64
  }
94
-
95
- /* OXC */
96
- :root[data-variant="oxc"] {
97
- --color-brand: #0D6A73;
98
- }
99
-
100
- :root.dark:not([data-theme])[data-variant="oxc"],
101
- :root[data-theme="dark"][data-variant="oxc"] {
102
- --color-brand: var(--color-aqua);
103
- }
104
-
105
- :root[data-theme="light"][data-variant="oxc"] {
106
- --color-brand: #0D6A73;
107
- }