@publier/shell 3.1.5

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 (140) hide show
  1. package/README.md +1 -0
  2. package/dist/build-integration.d.mts +7 -0
  3. package/dist/build-integration.mjs +1 -0
  4. package/dist/image-zoom-runtime-Cr8vBrXH.mjs +1 -0
  5. package/dist/index-Bc-beOEe.d.mts +1033 -0
  6. package/dist/index.d.mts +33 -0
  7. package/dist/index.mjs +1 -0
  8. package/dist/integration-6L__3wwu.mjs +102 -0
  9. package/dist/integration-DKTmdCWN.d.mts +203 -0
  10. package/dist/integration.d.mts +2 -0
  11. package/dist/integration.mjs +1 -0
  12. package/dist/loaders/index.d.mts +54 -0
  13. package/dist/loaders/index.mjs +1 -0
  14. package/dist/plugins/remark-asides.d.mts +8 -0
  15. package/dist/plugins/remark-asides.mjs +2 -0
  16. package/dist/plugins/remark-snippets.d.mts +11 -0
  17. package/dist/plugins/remark-snippets.mjs +1 -0
  18. package/dist/plugins/remark-structure.d.mts +13 -0
  19. package/dist/plugins/remark-structure.mjs +1 -0
  20. package/dist/plugins/remark-vars.d.mts +7 -0
  21. package/dist/plugins/remark-vars.mjs +1 -0
  22. package/dist/presets-DL0qjtya.mjs +1 -0
  23. package/dist/presets-RGpZ_X1B.d.mts +16 -0
  24. package/dist/runtime/code-group-sync.d.mts +30 -0
  25. package/dist/runtime/code-group-sync.mjs +103 -0
  26. package/dist/runtime/lazy-upgrade-registry.d.mts +41 -0
  27. package/dist/runtime/lazy-upgrade-registry.mjs +1 -0
  28. package/dist/runtime/tabs-sync.d.mts +25 -0
  29. package/dist/runtime/tabs-sync.mjs +106 -0
  30. package/dist/search/index.d.mts +92 -0
  31. package/dist/search/index.mjs +1 -0
  32. package/dist/tailwind/css-plugin.d.mts +16 -0
  33. package/dist/tailwind/css-plugin.mjs +1 -0
  34. package/dist/tailwind/index.d.mts +6 -0
  35. package/dist/tailwind/index.mjs +1 -0
  36. package/dist/tailwind/loader.d.mts +94 -0
  37. package/dist/tailwind/loader.mjs +2 -0
  38. package/dist/theme-toggle-element-DzFjxwpS.mjs +1 -0
  39. package/dist/themes/almond.css +115 -0
  40. package/dist/themes/aspen.css +95 -0
  41. package/dist/themes/catppuccin.css +98 -0
  42. package/dist/themes/dark.css +98 -0
  43. package/dist/themes/dusk.css +98 -0
  44. package/dist/themes/emerald.css +95 -0
  45. package/dist/themes/light.css +95 -0
  46. package/dist/themes/maple.css +119 -0
  47. package/dist/themes/neutral.css +73 -0
  48. package/dist/themes/ocean.css +98 -0
  49. package/dist/themes/purple.css +95 -0
  50. package/dist/themes/ruby.css +95 -0
  51. package/dist/themes/solar.css +98 -0
  52. package/dist/themes/vitepress.css +95 -0
  53. package/package.json +178 -0
  54. package/src/astro-modules.d.ts +20 -0
  55. package/src/components/LastModified.astro +25 -0
  56. package/src/components/announcement-banner.astro +25 -0
  57. package/src/components/aside.astro +17 -0
  58. package/src/components/ask-ai.tsx +146 -0
  59. package/src/components/badge.astro +18 -0
  60. package/src/components/breadcrumbs.astro +23 -0
  61. package/src/components/callouts/caution.astro +13 -0
  62. package/src/components/callouts/check.astro +13 -0
  63. package/src/components/callouts/danger.astro +13 -0
  64. package/src/components/callouts/info.astro +13 -0
  65. package/src/components/callouts/note.astro +13 -0
  66. package/src/components/callouts/tip.astro +13 -0
  67. package/src/components/callouts/warning.astro +13 -0
  68. package/src/components/card-grid.astro +14 -0
  69. package/src/components/card.astro +18 -0
  70. package/src/components/code-group.astro +55 -0
  71. package/src/components/columns.astro +18 -0
  72. package/src/components/docs-layout.astro +25 -0
  73. package/src/components/file-tree-node.astro +13 -0
  74. package/src/components/file-tree.astro +9 -0
  75. package/src/components/icon.astro +18 -0
  76. package/src/components/index.ts +154 -0
  77. package/src/components/link-button.astro +21 -0
  78. package/src/components/link-card.astro +21 -0
  79. package/src/components/open-in-ai.astro +13 -0
  80. package/src/components/package-install.astro +17 -0
  81. package/src/components/panels.astro +16 -0
  82. package/src/components/search-button.astro +21 -0
  83. package/src/components/sidebar.astro +12 -0
  84. package/src/components/skip-link.astro +12 -0
  85. package/src/components/steps.astro +13 -0
  86. package/src/components/table-of-contents.astro +22 -0
  87. package/src/components/tabs.astro +17 -0
  88. package/src/components/theme-storage.ts +5 -0
  89. package/src/components/theme-toggle-element.ts +85 -0
  90. package/src/components/theme-toggle.astro +25 -0
  91. package/src/components/tile-grid.astro +13 -0
  92. package/src/components/tile.astro +17 -0
  93. package/src/components/top-nav-mobile.astro +11 -0
  94. package/src/components/top-nav.astro +20 -0
  95. package/src/components/types.ts +522 -0
  96. package/src/components/ui/blur-image.astro +60 -0
  97. package/src/components/ui/changelog-entry.astro +56 -0
  98. package/src/components/ui/cta-band.astro +30 -0
  99. package/src/components/ui/feature-grid.astro +38 -0
  100. package/src/components/ui/feature-section.astro +85 -0
  101. package/src/components/ui/frame.astro +52 -0
  102. package/src/components/ui/hero.astro +47 -0
  103. package/src/components/ui/jobs-list.astro +53 -0
  104. package/src/components/ui/logo-cloud.astro +68 -0
  105. package/src/components/ui/press-gallery.astro +52 -0
  106. package/src/components/ui/pricing-comparison-table.astro +73 -0
  107. package/src/components/ui/pricing-section.astro +113 -0
  108. package/src/components/ui/pricing-table.astro +54 -0
  109. package/src/components/ui/status-indicator.astro +38 -0
  110. package/src/components/ui/team-grid.astro +63 -0
  111. package/src/components/ui/testimonial-card.astro +42 -0
  112. package/src/components/ui/types.ts +323 -0
  113. package/src/components/update-badge.astro +15 -0
  114. package/src/components/version-switcher.astro +20 -0
  115. package/src/icons/index.tsx +195 -0
  116. package/src/layouts/base-layout.astro +65 -0
  117. package/src/qwik.ts +3 -0
  118. package/src/routes/blog-index.astro +20 -0
  119. package/src/routes/blog-rss.xml.ts +40 -0
  120. package/src/routes/blog-slug.astro +32 -0
  121. package/src/routes/changelog-index.astro +25 -0
  122. package/src/routes/changelog-rss.xml.ts +47 -0
  123. package/src/routes/docs-slug.astro +31 -0
  124. package/src/routes/not-found.astro +14 -0
  125. package/src/runtime/banner-init.ts +9 -0
  126. package/src/runtime/lazy-upgrade-init.ts +5 -0
  127. package/src/runtime/sidebar-scroll-init.ts +3 -0
  128. package/src/runtime/theme-init.ts +16 -0
  129. package/src/schemas/blog.ts +38 -0
  130. package/src/schemas/changelog.ts +29 -0
  131. package/src/schemas/common.ts +88 -0
  132. package/src/schemas/docs.ts +104 -0
  133. package/src/schemas/index.ts +14 -0
  134. package/src/schemas/pages.ts +23 -0
  135. package/src/styles/base.css +627 -0
  136. package/src/styles/expressive-code.css +41 -0
  137. package/src/styles/rules.css +66 -0
  138. package/src/styles/tailwind-sources.css +17 -0
  139. package/src/tailwind/preset.css +193 -0
  140. package/src/virtual-modules.d.ts +164 -0
@@ -0,0 +1,73 @@
1
+ [data-theme="light"] {
2
+ color-scheme: light;
3
+
4
+ --color-base-100: oklch(98.51% 0 0);
5
+ --color-base-200: oklch(100.00% 0 0);
6
+ --color-base-300: oklch(92.19% 0 0);
7
+ --color-base-content: oklch(20.46% 0 0);
8
+ --color-primary: oklch(37.15% 0 0);
9
+ --color-primary-content: oklch(98.51% 0 0);
10
+ --color-accent: oklch(55.55% 0 0);
11
+ --color-accent-content: oklch(98.51% 0 0);
12
+ --color-success: oklch(72.27% 0.192 149.58);
13
+ --color-error: oklch(57.71% 0.215 27.33);
14
+ --color-error-content: oklch(100.00% 0 0);
15
+
16
+ --radius-selector: 0.5rem;
17
+ --radius-field: 0.5rem;
18
+ --radius-box: 0.75rem;
19
+ --border: 1px;
20
+ --depth: 1;
21
+ --noise: 0;
22
+ }
23
+
24
+ [data-theme="dark"] {
25
+ color-scheme: dark;
26
+
27
+ --color-base-100: oklch(98.51% 0 0);
28
+ --color-base-200: oklch(100.00% 0 0);
29
+ --color-base-300: oklch(92.19% 0 0);
30
+ --color-base-content: oklch(20.46% 0 0);
31
+ --color-primary: oklch(37.15% 0 0);
32
+ --color-primary-content: oklch(98.51% 0 0);
33
+ --color-accent: oklch(55.55% 0 0);
34
+ --color-accent-content: oklch(98.51% 0 0);
35
+ --color-success: oklch(72.27% 0.192 149.58);
36
+ --color-error: oklch(57.71% 0.215 27.33);
37
+ --color-error-content: oklch(100.00% 0 0);
38
+
39
+ --radius-selector: 0.5rem;
40
+ --radius-field: 0.5rem;
41
+ --radius-box: 0.75rem;
42
+ --border: 1px;
43
+ --depth: 1;
44
+ --noise: 0;
45
+ }
46
+
47
+ :root {
48
+ --publier-nav-height: 4rem;
49
+ --publier-sidebar-width: 16rem;
50
+ --publier-toc-width: 14rem;
51
+ --publier-page-max-width: 52rem;
52
+ --publier-layout-width: 1400px;
53
+ }
54
+
55
+ :root {
56
+
57
+ --color-pl-muted: oklch(42% 0.06 0);
58
+ --color-pl-muted-bg: oklch(95% 0.022 0);
59
+ --color-pl-subtle: oklch(55% 0.03 0);
60
+ --color-pl-card: oklch(99.5% 0.008 0);
61
+ --color-pl-card-hover: oklch(97% 0.015 0);
62
+ --color-pl-popover: oklch(99.5% 0.008 0);
63
+ --color-pl-border: oklch(90% 0.02 0);
64
+ --color-pl-border-strong: oklch(82% 0.025 0);
65
+ --color-pl-sidebar-accent: oklch(95% 0.022 0);
66
+ --color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 10%, transparent);
67
+ --color-pl-sidebar-active-fg: var(--color-primary);
68
+
69
+ --menu-active-bg: var(--color-pl-sidebar-active);
70
+ --menu-active-color: var(--color-pl-sidebar-active-fg);
71
+ --menu-hover-bg: var(--color-pl-sidebar-accent);
72
+ --menu-hover-color: var(--color-pl-sidebar-accent-fg);
73
+ }
@@ -0,0 +1,98 @@
1
+ [data-theme="light"] {
2
+ color-scheme: light;
3
+
4
+ --color-base-100: oklch(20.77% 0.04 265.75);
5
+ --color-base-200: oklch(20.77% 0.04 265.75);
6
+ --color-base-300: oklch(27.95% 0.037 260.03);
7
+ --color-base-content: oklch(92.99% 0.033 272.79);
8
+ --color-primary: oklch(75.35% 0.139 232.66);
9
+ --color-primary-content: oklch(20.77% 0.04 265.75);
10
+ --color-accent: oklch(78.45% 0.133 181.91);
11
+ --color-accent-content: oklch(20.77% 0.04 265.75);
12
+ --color-success: oklch(72.27% 0.192 149.58);
13
+ --color-error: oklch(57.71% 0.215 27.33);
14
+ --color-error-content: oklch(100.00% 0 0);
15
+
16
+ --radius-selector: 0.5rem;
17
+ --radius-field: 0.5rem;
18
+ --radius-box: 0.75rem;
19
+ --border: 1px;
20
+ --depth: 1;
21
+ --noise: 0;
22
+ }
23
+
24
+ [data-theme="dark"] {
25
+ color-scheme: dark;
26
+
27
+ --color-base-100: oklch(20.77% 0.04 265.75);
28
+ --color-base-200: oklch(20.77% 0.04 265.75);
29
+ --color-base-300: oklch(27.95% 0.037 260.03);
30
+ --color-base-content: oklch(92.99% 0.033 272.79);
31
+ --color-primary: oklch(75.35% 0.139 232.66);
32
+ --color-primary-content: oklch(20.77% 0.04 265.75);
33
+ --color-accent: oklch(78.45% 0.133 181.91);
34
+ --color-accent-content: oklch(20.77% 0.04 265.75);
35
+ --color-success: oklch(72.27% 0.192 149.58);
36
+ --color-error: oklch(57.71% 0.215 27.33);
37
+ --color-error-content: oklch(100.00% 0 0);
38
+
39
+ --radius-selector: 0.5rem;
40
+ --radius-field: 0.5rem;
41
+ --radius-box: 0.75rem;
42
+ --border: 1px;
43
+ --depth: 1;
44
+ --noise: 0;
45
+ }
46
+
47
+ @media (prefers-color-scheme: dark) {
48
+ :root:not([data-theme]) {
49
+ color-scheme: dark;
50
+
51
+ --color-base-100: oklch(20.77% 0.04 265.75);
52
+ --color-base-200: oklch(20.77% 0.04 265.75);
53
+ --color-base-300: oklch(27.95% 0.037 260.03);
54
+ --color-base-content: oklch(92.99% 0.033 272.79);
55
+ --color-primary: oklch(75.35% 0.139 232.66);
56
+ --color-primary-content: oklch(20.77% 0.04 265.75);
57
+ --color-accent: oklch(78.45% 0.133 181.91);
58
+ --color-accent-content: oklch(20.77% 0.04 265.75);
59
+ --color-success: oklch(72.27% 0.192 149.58);
60
+ --color-error: oklch(57.71% 0.215 27.33);
61
+ --color-error-content: oklch(100.00% 0 0);
62
+
63
+ --radius-selector: 0.5rem;
64
+ --radius-field: 0.5rem;
65
+ --radius-box: 0.75rem;
66
+ --border: 1px;
67
+ --depth: 1;
68
+ --noise: 0;
69
+ }
70
+ }
71
+
72
+ :root {
73
+ --publier-nav-height: 4rem;
74
+ --publier-sidebar-width: 16rem;
75
+ --publier-toc-width: 14rem;
76
+ --publier-page-max-width: 52rem;
77
+ --publier-layout-width: 1400px;
78
+ }
79
+
80
+ :root {
81
+
82
+ --color-pl-muted: oklch(72% 0.067 232.66);
83
+ --color-pl-muted-bg: oklch(22.5% 0.02 232.66);
84
+ --color-pl-subtle: oklch(55% 0.04 232.66);
85
+ --color-pl-card: oklch(20.5% 0.018 232.66);
86
+ --color-pl-card-hover: oklch(26% 0.03 232.66);
87
+ --color-pl-popover: oklch(20.5% 0.018 232.66);
88
+ --color-pl-border: oklch(28% 0.025 232.66);
89
+ --color-pl-border-strong: oklch(36% 0.035 232.66);
90
+ --color-pl-sidebar-accent: oklch(26% 0.03 232.66);
91
+ --color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 14%, transparent);
92
+ --color-pl-sidebar-active-fg: var(--color-primary);
93
+
94
+ --menu-active-bg: var(--color-pl-sidebar-active);
95
+ --menu-active-color: var(--color-pl-sidebar-active-fg);
96
+ --menu-hover-bg: var(--color-pl-sidebar-accent);
97
+ --menu-hover-color: var(--color-pl-sidebar-accent-fg);
98
+ }
@@ -0,0 +1,95 @@
1
+ [data-theme="light"] {
2
+ color-scheme: light;
3
+
4
+ --color-base-100: oklch(100.00% 0 0);
5
+ --color-base-200: oklch(100.00% 0 0);
6
+ --color-base-300: oklch(96.91% 0.016 293.76);
7
+ --color-base-content: oklch(16.40% 0.041 292.82);
8
+ --color-primary: oklch(54.13% 0.247 293.01);
9
+ --color-primary-content: oklch(100.00% 0 0);
10
+ --color-accent: oklch(55.75% 0.252 302.32);
11
+ --color-accent-content: oklch(100.00% 0 0);
12
+ --color-success: oklch(72.27% 0.192 149.58);
13
+ --color-error: oklch(57.71% 0.215 27.33);
14
+ --color-error-content: oklch(100.00% 0 0);
15
+
16
+ --radius-selector: 0.5rem;
17
+ --radius-field: 0.5rem;
18
+ --radius-box: 0.75rem;
19
+ --border: 1px;
20
+ --depth: 1;
21
+ --noise: 0;
22
+ }
23
+
24
+ [data-theme="dark"] {
25
+ color-scheme: dark;
26
+
27
+ --color-base-100: oklch(14.12% 0.029 293.86);
28
+ --color-base-200: oklch(17.43% 0.046 288.66);
29
+ --color-base-300: oklch(22.96% 0.074 290.98);
30
+ --color-base-content: oklch(96.91% 0.016 293.76);
31
+ --color-primary: oklch(70.90% 0.159 293.54);
32
+ --color-primary-content: oklch(14.12% 0.029 293.86);
33
+ --color-accent: oklch(72.17% 0.177 305.5);
34
+ --color-accent-content: oklch(14.12% 0.029 293.86);
35
+ --color-success: oklch(72.27% 0.192 149.58);
36
+ --color-error: oklch(57.71% 0.215 27.33);
37
+ --color-error-content: oklch(100.00% 0 0);
38
+
39
+ --radius-selector: 0.5rem;
40
+ --radius-field: 0.5rem;
41
+ --radius-box: 0.75rem;
42
+ --border: 1px;
43
+ --depth: 1;
44
+ --noise: 0;
45
+ }
46
+
47
+ :root {
48
+ --publier-nav-height: 4rem;
49
+ --publier-sidebar-width: 16rem;
50
+ --publier-toc-width: 14rem;
51
+ --publier-page-max-width: 52rem;
52
+ --publier-layout-width: 1400px;
53
+ }
54
+
55
+ :root,
56
+ :root[data-theme="light"] {
57
+
58
+ --color-pl-muted: oklch(42% 0.06 293.01);
59
+ --color-pl-muted-bg: oklch(95% 0.022 293.01);
60
+ --color-pl-subtle: oklch(55% 0.03 293.01);
61
+ --color-pl-card: oklch(99.5% 0.008 293.01);
62
+ --color-pl-card-hover: oklch(97% 0.015 293.01);
63
+ --color-pl-popover: oklch(99.5% 0.008 293.01);
64
+ --color-pl-border: oklch(90% 0.02 293.01);
65
+ --color-pl-border-strong: oklch(82% 0.025 293.01);
66
+ --color-pl-sidebar-accent: oklch(95% 0.022 293.01);
67
+ --color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 10%, transparent);
68
+ --color-pl-sidebar-active-fg: var(--color-primary);
69
+
70
+ --menu-active-bg: var(--color-pl-sidebar-active);
71
+ --menu-active-color: var(--color-pl-sidebar-active-fg);
72
+ --menu-hover-bg: var(--color-pl-sidebar-accent);
73
+ --menu-hover-color: var(--color-pl-sidebar-accent-fg);
74
+ }
75
+
76
+ :root[data-theme="dark"],
77
+ .dark {
78
+
79
+ --color-pl-muted: oklch(72% 0.067 293.54);
80
+ --color-pl-muted-bg: oklch(22.5% 0.02 293.54);
81
+ --color-pl-subtle: oklch(55% 0.04 293.54);
82
+ --color-pl-card: oklch(20.5% 0.018 293.54);
83
+ --color-pl-card-hover: oklch(26% 0.03 293.54);
84
+ --color-pl-popover: oklch(20.5% 0.018 293.54);
85
+ --color-pl-border: oklch(28% 0.025 293.54);
86
+ --color-pl-border-strong: oklch(36% 0.035 293.54);
87
+ --color-pl-sidebar-accent: oklch(26% 0.03 293.54);
88
+ --color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 14%, transparent);
89
+ --color-pl-sidebar-active-fg: var(--color-primary);
90
+
91
+ --menu-active-bg: var(--color-pl-sidebar-active);
92
+ --menu-active-color: var(--color-pl-sidebar-active-fg);
93
+ --menu-hover-bg: var(--color-pl-sidebar-accent);
94
+ --menu-hover-color: var(--color-pl-sidebar-accent-fg);
95
+ }
@@ -0,0 +1,95 @@
1
+ [data-theme="light"] {
2
+ color-scheme: light;
3
+
4
+ --color-base-100: oklch(100.00% 0 0);
5
+ --color-base-200: oklch(100.00% 0 0);
6
+ --color-base-300: oklch(96.94% 0.015 12.42);
7
+ --color-base-content: oklch(16.12% 0.043 7.82);
8
+ --color-primary: oklch(58.58% 0.222 17.58);
9
+ --color-primary-content: oklch(100.00% 0 0);
10
+ --color-accent: oklch(51.43% 0.198 16.93);
11
+ --color-accent-content: oklch(100.00% 0 0);
12
+ --color-success: oklch(72.27% 0.192 149.58);
13
+ --color-error: oklch(58.58% 0.222 17.58);
14
+ --color-error-content: oklch(100.00% 0 0);
15
+
16
+ --radius-selector: 0.5rem;
17
+ --radius-field: 0.5rem;
18
+ --radius-box: 0.75rem;
19
+ --border: 1px;
20
+ --depth: 1;
21
+ --noise: 0;
22
+ }
23
+
24
+ [data-theme="dark"] {
25
+ color-scheme: dark;
26
+
27
+ --color-base-100: oklch(14.39% 0.03 6.19);
28
+ --color-base-200: oklch(16.93% 0.036 8.76);
29
+ --color-base-300: oklch(23.87% 0.064 8.06);
30
+ --color-base-content: oklch(94.14% 0.03 12.58);
31
+ --color-primary: oklch(71.92% 0.169 13.43);
32
+ --color-primary-content: oklch(14.39% 0.03 6.19);
33
+ --color-accent: oklch(80.97% 0.106 11.64);
34
+ --color-accent-content: oklch(14.39% 0.03 6.19);
35
+ --color-success: oklch(72.27% 0.192 149.58);
36
+ --color-error: oklch(71.92% 0.169 13.43);
37
+ --color-error-content: oklch(14.39% 0.03 6.19);
38
+
39
+ --radius-selector: 0.5rem;
40
+ --radius-field: 0.5rem;
41
+ --radius-box: 0.75rem;
42
+ --border: 1px;
43
+ --depth: 1;
44
+ --noise: 0;
45
+ }
46
+
47
+ :root {
48
+ --publier-nav-height: 4rem;
49
+ --publier-sidebar-width: 16rem;
50
+ --publier-toc-width: 14rem;
51
+ --publier-page-max-width: 52rem;
52
+ --publier-layout-width: 1400px;
53
+ }
54
+
55
+ :root,
56
+ :root[data-theme="light"] {
57
+
58
+ --color-pl-muted: oklch(42% 0.06 17.58);
59
+ --color-pl-muted-bg: oklch(95% 0.022 17.58);
60
+ --color-pl-subtle: oklch(55% 0.03 17.58);
61
+ --color-pl-card: oklch(99.5% 0.008 17.58);
62
+ --color-pl-card-hover: oklch(97% 0.015 17.58);
63
+ --color-pl-popover: oklch(99.5% 0.008 17.58);
64
+ --color-pl-border: oklch(90% 0.02 17.58);
65
+ --color-pl-border-strong: oklch(82% 0.025 17.58);
66
+ --color-pl-sidebar-accent: oklch(95% 0.022 17.58);
67
+ --color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 10%, transparent);
68
+ --color-pl-sidebar-active-fg: var(--color-primary);
69
+
70
+ --menu-active-bg: var(--color-pl-sidebar-active);
71
+ --menu-active-color: var(--color-pl-sidebar-active-fg);
72
+ --menu-hover-bg: var(--color-pl-sidebar-accent);
73
+ --menu-hover-color: var(--color-pl-sidebar-accent-fg);
74
+ }
75
+
76
+ :root[data-theme="dark"],
77
+ .dark {
78
+
79
+ --color-pl-muted: oklch(72% 0.067 13.43);
80
+ --color-pl-muted-bg: oklch(22.5% 0.02 13.43);
81
+ --color-pl-subtle: oklch(55% 0.04 13.43);
82
+ --color-pl-card: oklch(20.5% 0.018 13.43);
83
+ --color-pl-card-hover: oklch(26% 0.03 13.43);
84
+ --color-pl-popover: oklch(20.5% 0.018 13.43);
85
+ --color-pl-border: oklch(28% 0.025 13.43);
86
+ --color-pl-border-strong: oklch(36% 0.035 13.43);
87
+ --color-pl-sidebar-accent: oklch(26% 0.03 13.43);
88
+ --color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 14%, transparent);
89
+ --color-pl-sidebar-active-fg: var(--color-primary);
90
+
91
+ --menu-active-bg: var(--color-pl-sidebar-active);
92
+ --menu-active-color: var(--color-pl-sidebar-active-fg);
93
+ --menu-hover-bg: var(--color-pl-sidebar-accent);
94
+ --menu-hover-color: var(--color-pl-sidebar-accent-fg);
95
+ }
@@ -0,0 +1,98 @@
1
+ [data-theme="light"] {
2
+ color-scheme: light;
3
+
4
+ --color-base-100: oklch(21.61% 0.006 56.04);
5
+ --color-base-200: oklch(26.85% 0.006 34.3);
6
+ --color-base-300: oklch(26.85% 0.006 34.3);
7
+ --color-base-content: oklch(96.99% 0.001 106.42);
8
+ --color-primary: oklch(83.69% 0.164 84.43);
9
+ --color-primary-content: oklch(21.61% 0.006 56.04);
10
+ --color-accent: oklch(70.49% 0.187 47.6);
11
+ --color-accent-content: oklch(21.61% 0.006 56.04);
12
+ --color-success: oklch(72.27% 0.192 149.58);
13
+ --color-error: oklch(57.71% 0.215 27.33);
14
+ --color-error-content: oklch(100.00% 0 0);
15
+
16
+ --radius-selector: 0.5rem;
17
+ --radius-field: 0.5rem;
18
+ --radius-box: 0.75rem;
19
+ --border: 1px;
20
+ --depth: 1;
21
+ --noise: 0;
22
+ }
23
+
24
+ [data-theme="dark"] {
25
+ color-scheme: dark;
26
+
27
+ --color-base-100: oklch(21.61% 0.006 56.04);
28
+ --color-base-200: oklch(26.85% 0.006 34.3);
29
+ --color-base-300: oklch(26.85% 0.006 34.3);
30
+ --color-base-content: oklch(96.99% 0.001 106.42);
31
+ --color-primary: oklch(83.69% 0.164 84.43);
32
+ --color-primary-content: oklch(21.61% 0.006 56.04);
33
+ --color-accent: oklch(70.49% 0.187 47.6);
34
+ --color-accent-content: oklch(21.61% 0.006 56.04);
35
+ --color-success: oklch(72.27% 0.192 149.58);
36
+ --color-error: oklch(57.71% 0.215 27.33);
37
+ --color-error-content: oklch(100.00% 0 0);
38
+
39
+ --radius-selector: 0.5rem;
40
+ --radius-field: 0.5rem;
41
+ --radius-box: 0.75rem;
42
+ --border: 1px;
43
+ --depth: 1;
44
+ --noise: 0;
45
+ }
46
+
47
+ @media (prefers-color-scheme: dark) {
48
+ :root:not([data-theme]) {
49
+ color-scheme: dark;
50
+
51
+ --color-base-100: oklch(21.61% 0.006 56.04);
52
+ --color-base-200: oklch(26.85% 0.006 34.3);
53
+ --color-base-300: oklch(26.85% 0.006 34.3);
54
+ --color-base-content: oklch(96.99% 0.001 106.42);
55
+ --color-primary: oklch(83.69% 0.164 84.43);
56
+ --color-primary-content: oklch(21.61% 0.006 56.04);
57
+ --color-accent: oklch(70.49% 0.187 47.6);
58
+ --color-accent-content: oklch(21.61% 0.006 56.04);
59
+ --color-success: oklch(72.27% 0.192 149.58);
60
+ --color-error: oklch(57.71% 0.215 27.33);
61
+ --color-error-content: oklch(100.00% 0 0);
62
+
63
+ --radius-selector: 0.5rem;
64
+ --radius-field: 0.5rem;
65
+ --radius-box: 0.75rem;
66
+ --border: 1px;
67
+ --depth: 1;
68
+ --noise: 0;
69
+ }
70
+ }
71
+
72
+ :root {
73
+ --publier-nav-height: 4rem;
74
+ --publier-sidebar-width: 16rem;
75
+ --publier-toc-width: 14rem;
76
+ --publier-page-max-width: 52rem;
77
+ --publier-layout-width: 1400px;
78
+ }
79
+
80
+ :root {
81
+
82
+ --color-pl-muted: oklch(72% 0.067 84.43);
83
+ --color-pl-muted-bg: oklch(22.5% 0.02 84.43);
84
+ --color-pl-subtle: oklch(55% 0.04 84.43);
85
+ --color-pl-card: oklch(20.5% 0.018 84.43);
86
+ --color-pl-card-hover: oklch(26% 0.03 84.43);
87
+ --color-pl-popover: oklch(20.5% 0.018 84.43);
88
+ --color-pl-border: oklch(28% 0.025 84.43);
89
+ --color-pl-border-strong: oklch(36% 0.035 84.43);
90
+ --color-pl-sidebar-accent: oklch(26% 0.03 84.43);
91
+ --color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 14%, transparent);
92
+ --color-pl-sidebar-active-fg: var(--color-primary);
93
+
94
+ --menu-active-bg: var(--color-pl-sidebar-active);
95
+ --menu-active-color: var(--color-pl-sidebar-active-fg);
96
+ --menu-hover-bg: var(--color-pl-sidebar-accent);
97
+ --menu-hover-color: var(--color-pl-sidebar-accent-fg);
98
+ }
@@ -0,0 +1,95 @@
1
+ [data-theme="light"] {
2
+ color-scheme: light;
3
+
4
+ --color-base-100: oklch(100.00% 0 0);
5
+ --color-base-200: oklch(100.00% 0 0);
6
+ --color-base-300: oklch(97.82% 0.003 247.86);
7
+ --color-base-content: oklch(25.07% 0.005 248.02);
8
+ --color-primary: oklch(52.73% 0.137 150.07);
9
+ --color-primary-content: oklch(100.00% 0 0);
10
+ --color-accent: oklch(52.73% 0.137 150.07);
11
+ --color-accent-content: oklch(100.00% 0 0);
12
+ --color-success: oklch(67.67% 0.128 160.23);
13
+ --color-error: oklch(57.71% 0.215 27.33);
14
+ --color-error-content: oklch(100.00% 0 0);
15
+
16
+ --radius-selector: 0.5rem;
17
+ --radius-field: 0.5rem;
18
+ --radius-box: 0.75rem;
19
+ --border: 1px;
20
+ --depth: 1;
21
+ --noise: 0;
22
+ }
23
+
24
+ [data-theme="dark"] {
25
+ color-scheme: dark;
26
+
27
+ --color-base-100: oklch(22.23% 0.006 271.14);
28
+ --color-base-200: oklch(22.02% 0.016 256.82);
29
+ --color-base-300: oklch(27.13% 0.009 255.58);
30
+ --color-base-content: oklch(97.03% 0.01 247.93);
31
+ --color-primary: oklch(70.25% 0.132 160.37);
32
+ --color-primary-content: oklch(22.23% 0.006 271.14);
33
+ --color-accent: oklch(67.67% 0.128 160.23);
34
+ --color-accent-content: oklch(22.23% 0.006 271.14);
35
+ --color-success: oklch(70.25% 0.132 160.37);
36
+ --color-error: oklch(66.51% 0.205 26.96);
37
+ --color-error-content: oklch(22.23% 0.006 271.14);
38
+
39
+ --radius-selector: 0.5rem;
40
+ --radius-field: 0.5rem;
41
+ --radius-box: 0.75rem;
42
+ --border: 1px;
43
+ --depth: 1;
44
+ --noise: 0;
45
+ }
46
+
47
+ :root {
48
+ --publier-nav-height: 4rem;
49
+ --publier-sidebar-width: 16rem;
50
+ --publier-toc-width: 14rem;
51
+ --publier-page-max-width: 52rem;
52
+ --publier-layout-width: 1400px;
53
+ }
54
+
55
+ :root,
56
+ :root[data-theme="light"] {
57
+
58
+ --color-pl-muted: oklch(42% 0.06 150.07);
59
+ --color-pl-muted-bg: oklch(95% 0.022 150.07);
60
+ --color-pl-subtle: oklch(55% 0.03 150.07);
61
+ --color-pl-card: oklch(99.5% 0.008 150.07);
62
+ --color-pl-card-hover: oklch(97% 0.015 150.07);
63
+ --color-pl-popover: oklch(99.5% 0.008 150.07);
64
+ --color-pl-border: oklch(90% 0.02 150.07);
65
+ --color-pl-border-strong: oklch(82% 0.025 150.07);
66
+ --color-pl-sidebar-accent: oklch(95% 0.022 150.07);
67
+ --color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 10%, transparent);
68
+ --color-pl-sidebar-active-fg: var(--color-primary);
69
+
70
+ --menu-active-bg: var(--color-pl-sidebar-active);
71
+ --menu-active-color: var(--color-pl-sidebar-active-fg);
72
+ --menu-hover-bg: var(--color-pl-sidebar-accent);
73
+ --menu-hover-color: var(--color-pl-sidebar-accent-fg);
74
+ }
75
+
76
+ :root[data-theme="dark"],
77
+ .dark {
78
+
79
+ --color-pl-muted: oklch(72% 0.067 160.37);
80
+ --color-pl-muted-bg: oklch(22.5% 0.02 160.37);
81
+ --color-pl-subtle: oklch(55% 0.04 160.37);
82
+ --color-pl-card: oklch(20.5% 0.018 160.37);
83
+ --color-pl-card-hover: oklch(26% 0.03 160.37);
84
+ --color-pl-popover: oklch(20.5% 0.018 160.37);
85
+ --color-pl-border: oklch(28% 0.025 160.37);
86
+ --color-pl-border-strong: oklch(36% 0.035 160.37);
87
+ --color-pl-sidebar-accent: oklch(26% 0.03 160.37);
88
+ --color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 14%, transparent);
89
+ --color-pl-sidebar-active-fg: var(--color-primary);
90
+
91
+ --menu-active-bg: var(--color-pl-sidebar-active);
92
+ --menu-active-color: var(--color-pl-sidebar-active-fg);
93
+ --menu-hover-bg: var(--color-pl-sidebar-accent);
94
+ --menu-hover-color: var(--color-pl-sidebar-accent-fg);
95
+ }