@publier/shell 2.1.1

package/dist/themes/catppuccin.css

@@ -0,0 +1,98 @@
+[data-theme="light"] {
+color-scheme: light;
+
+	--color-base-100: oklch(24.29% 0.03 283.91);
+	--color-base-200: oklch(21.55% 0.025 284.06);
+	--color-base-300: oklch(32.40% 0.032 281.98);
+	--color-base-content: oklch(87.87% 0.043 272.28);
+	--color-primary: oklch(78.71% 0.119 304.77);
+	--color-primary-content: oklch(24.29% 0.03 283.91);
+	--color-accent: oklch(87.00% 0.075 336.3);
+	--color-accent-content: oklch(24.29% 0.03 283.91);
+	--color-success: oklch(85.77% 0.109 142.72);
+	--color-error: oklch(75.56% 0.13 2.76);
+	--color-error-content: oklch(24.29% 0.03 283.91);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+
+[data-theme="dark"] {
+color-scheme: dark;
+
+	--color-base-100: oklch(24.29% 0.03 283.91);
+	--color-base-200: oklch(21.55% 0.025 284.06);
+	--color-base-300: oklch(32.40% 0.032 281.98);
+	--color-base-content: oklch(87.87% 0.043 272.28);
+	--color-primary: oklch(78.71% 0.119 304.77);
+	--color-primary-content: oklch(24.29% 0.03 283.91);
+	--color-accent: oklch(87.00% 0.075 336.3);
+	--color-accent-content: oklch(24.29% 0.03 283.91);
+	--color-success: oklch(85.77% 0.109 142.72);
+	--color-error: oklch(75.56% 0.13 2.76);
+	--color-error-content: oklch(24.29% 0.03 283.91);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+
+@media (prefers-color-scheme: dark) {
+:root:not([data-theme]) {
+color-scheme: dark;
+
+	--color-base-100: oklch(24.29% 0.03 283.91);
+	--color-base-200: oklch(21.55% 0.025 284.06);
+	--color-base-300: oklch(32.40% 0.032 281.98);
+	--color-base-content: oklch(87.87% 0.043 272.28);
+	--color-primary: oklch(78.71% 0.119 304.77);
+	--color-primary-content: oklch(24.29% 0.03 283.91);
+	--color-accent: oklch(87.00% 0.075 336.3);
+	--color-accent-content: oklch(24.29% 0.03 283.91);
+	--color-success: oklch(85.77% 0.109 142.72);
+	--color-error: oklch(75.56% 0.13 2.76);
+	--color-error-content: oklch(24.29% 0.03 283.91);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+}
+
+:root {
+	--publier-nav-height: 4rem;
+	--publier-sidebar-width: 16rem;
+	--publier-toc-width: 14rem;
+	--publier-page-max-width: 52rem;
+	--publier-layout-width: 1400px;
+}
+
+:root {
+
+	--color-pl-muted: oklch(72% 0.067 304.77);
+	--color-pl-muted-bg: oklch(22.5% 0.02 304.77);
+	--color-pl-subtle: oklch(55% 0.04 304.77);
+	--color-pl-card: oklch(20.5% 0.018 304.77);
+	--color-pl-card-hover: oklch(26% 0.03 304.77);
+	--color-pl-popover: oklch(20.5% 0.018 304.77);
+	--color-pl-border: oklch(28% 0.025 304.77);
+	--color-pl-border-strong: oklch(36% 0.035 304.77);
+	--color-pl-sidebar-accent: oklch(26% 0.03 304.77);
+	--color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 14%, transparent);
+	--color-pl-sidebar-active-fg: var(--color-primary);
+
+	--menu-active-bg: var(--color-pl-sidebar-active);
+	--menu-active-color: var(--color-pl-sidebar-active-fg);
+	--menu-hover-bg: var(--color-pl-sidebar-accent);
+	--menu-hover-color: var(--color-pl-sidebar-accent-fg);
+}

package/dist/themes/dark.css

@@ -0,0 +1,98 @@
+[data-theme="light"] {
+color-scheme: light;
+
+	--color-base-100: oklch(14.08% 0.004 285.82);
+	--color-base-200: oklch(20.77% 0.04 265.75);
+	--color-base-300: oklch(27.95% 0.037 260.03);
+	--color-base-content: oklch(98.42% 0.003 247.86);
+	--color-primary: oklch(68.01% 0.158 276.93);
+	--color-primary-content: oklch(14.08% 0.004 285.82);
+	--color-accent: oklch(79.71% 0.134 211.53);
+	--color-accent-content: oklch(14.08% 0.004 285.82);
+	--color-success: oklch(72.27% 0.192 149.58);
+	--color-error: oklch(57.71% 0.215 27.33);
+	--color-error-content: oklch(100.00% 0 0);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+
+[data-theme="dark"] {
+color-scheme: dark;
+
+	--color-base-100: oklch(14.08% 0.004 285.82);
+	--color-base-200: oklch(20.77% 0.04 265.75);
+	--color-base-300: oklch(27.95% 0.037 260.03);
+	--color-base-content: oklch(98.42% 0.003 247.86);
+	--color-primary: oklch(68.01% 0.158 276.93);
+	--color-primary-content: oklch(14.08% 0.004 285.82);
+	--color-accent: oklch(79.71% 0.134 211.53);
+	--color-accent-content: oklch(14.08% 0.004 285.82);
+	--color-success: oklch(72.27% 0.192 149.58);
+	--color-error: oklch(57.71% 0.215 27.33);
+	--color-error-content: oklch(100.00% 0 0);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+
+@media (prefers-color-scheme: dark) {
+:root:not([data-theme]) {
+color-scheme: dark;
+
+	--color-base-100: oklch(14.08% 0.004 285.82);
+	--color-base-200: oklch(20.77% 0.04 265.75);
+	--color-base-300: oklch(27.95% 0.037 260.03);
+	--color-base-content: oklch(98.42% 0.003 247.86);
+	--color-primary: oklch(68.01% 0.158 276.93);
+	--color-primary-content: oklch(14.08% 0.004 285.82);
+	--color-accent: oklch(79.71% 0.134 211.53);
+	--color-accent-content: oklch(14.08% 0.004 285.82);
+	--color-success: oklch(72.27% 0.192 149.58);
+	--color-error: oklch(57.71% 0.215 27.33);
+	--color-error-content: oklch(100.00% 0 0);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+}
+
+:root {
+	--publier-nav-height: 4rem;
+	--publier-sidebar-width: 16rem;
+	--publier-toc-width: 14rem;
+	--publier-page-max-width: 52rem;
+	--publier-layout-width: 1400px;
+}
+
+:root {
+
+	--color-pl-muted: oklch(72% 0.067 276.93);
+	--color-pl-muted-bg: oklch(22.5% 0.02 276.93);
+	--color-pl-subtle: oklch(55% 0.04 276.93);
+	--color-pl-card: oklch(20.5% 0.018 276.93);
+	--color-pl-card-hover: oklch(26% 0.03 276.93);
+	--color-pl-popover: oklch(20.5% 0.018 276.93);
+	--color-pl-border: oklch(28% 0.025 276.93);
+	--color-pl-border-strong: oklch(36% 0.035 276.93);
+	--color-pl-sidebar-accent: oklch(26% 0.03 276.93);
+	--color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 14%, transparent);
+	--color-pl-sidebar-active-fg: var(--color-primary);
+
+	--menu-active-bg: var(--color-pl-sidebar-active);
+	--menu-active-color: var(--color-pl-sidebar-active-fg);
+	--menu-hover-bg: var(--color-pl-sidebar-accent);
+	--menu-hover-color: var(--color-pl-sidebar-accent-fg);
+}

package/dist/themes/dusk.css

@@ -0,0 +1,98 @@
+[data-theme="light"] {
+color-scheme: light;
+
+	--color-base-100: oklch(22.84% 0.038 282.93);
+	--color-base-200: oklch(21.13% 0.039 282.53);
+	--color-base-300: oklch(28.30% 0.051 282.65);
+	--color-base-content: oklch(90.41% 0.013 17.4);
+	--color-primary: oklch(51.43% 0.198 16.93);
+	--color-primary-content: oklch(100.00% 0 0);
+	--color-accent: oklch(49.90% 0.088 306.88);
+	--color-accent-content: oklch(100.00% 0 0);
+	--color-success: oklch(74.51% 0.158 151.54);
+	--color-error: oklch(51.43% 0.198 16.93);
+	--color-error-content: oklch(100.00% 0 0);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+
+[data-theme="dark"] {
+color-scheme: dark;
+
+	--color-base-100: oklch(22.84% 0.038 282.93);
+	--color-base-200: oklch(21.13% 0.039 282.53);
+	--color-base-300: oklch(28.30% 0.051 282.65);
+	--color-base-content: oklch(90.41% 0.013 17.4);
+	--color-primary: oklch(51.43% 0.198 16.93);
+	--color-primary-content: oklch(100.00% 0 0);
+	--color-accent: oklch(49.90% 0.088 306.88);
+	--color-accent-content: oklch(100.00% 0 0);
+	--color-success: oklch(74.51% 0.158 151.54);
+	--color-error: oklch(51.43% 0.198 16.93);
+	--color-error-content: oklch(100.00% 0 0);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+
+@media (prefers-color-scheme: dark) {
+:root:not([data-theme]) {
+color-scheme: dark;
+
+	--color-base-100: oklch(22.84% 0.038 282.93);
+	--color-base-200: oklch(21.13% 0.039 282.53);
+	--color-base-300: oklch(28.30% 0.051 282.65);
+	--color-base-content: oklch(90.41% 0.013 17.4);
+	--color-primary: oklch(51.43% 0.198 16.93);
+	--color-primary-content: oklch(100.00% 0 0);
+	--color-accent: oklch(49.90% 0.088 306.88);
+	--color-accent-content: oklch(100.00% 0 0);
+	--color-success: oklch(74.51% 0.158 151.54);
+	--color-error: oklch(51.43% 0.198 16.93);
+	--color-error-content: oklch(100.00% 0 0);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+}
+
+:root {
+	--publier-nav-height: 4rem;
+	--publier-sidebar-width: 16rem;
+	--publier-toc-width: 14rem;
+	--publier-page-max-width: 52rem;
+	--publier-layout-width: 1400px;
+}
+
+:root {
+
+	--color-pl-muted: oklch(72% 0.067 16.93);
+	--color-pl-muted-bg: oklch(22.5% 0.02 16.93);
+	--color-pl-subtle: oklch(55% 0.04 16.93);
+	--color-pl-card: oklch(20.5% 0.018 16.93);
+	--color-pl-card-hover: oklch(26% 0.03 16.93);
+	--color-pl-popover: oklch(20.5% 0.018 16.93);
+	--color-pl-border: oklch(28% 0.025 16.93);
+	--color-pl-border-strong: oklch(36% 0.035 16.93);
+	--color-pl-sidebar-accent: oklch(26% 0.03 16.93);
+	--color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 14%, transparent);
+	--color-pl-sidebar-active-fg: var(--color-primary);
+
+	--menu-active-bg: var(--color-pl-sidebar-active);
+	--menu-active-color: var(--color-pl-sidebar-active-fg);
+	--menu-hover-bg: var(--color-pl-sidebar-accent);
+	--menu-hover-color: var(--color-pl-sidebar-accent-fg);
+}

package/dist/themes/emerald.css

@@ -0,0 +1,95 @@
+[data-theme="light"] {
+color-scheme: light;
+
+	--color-base-100: oklch(100.00% 0 0);
+	--color-base-200: oklch(100.00% 0 0);
+	--color-base-300: oklch(98.19% 0.018 155.83);
+	--color-base-content: oklch(23.26% 0.047 156.48);
+	--color-primary: oklch(50.81% 0.105 165.61);
+	--color-primary-content: oklch(100.00% 0 0);
+	--color-accent: oklch(51.09% 0.086 186.39);
+	--color-accent-content: oklch(100.00% 0 0);
+	--color-success: oklch(69.59% 0.149 162.48);
+	--color-error: oklch(57.71% 0.215 27.33);
+	--color-error-content: oklch(100.00% 0 0);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+
+[data-theme="dark"] {
+color-scheme: dark;
+
+	--color-base-100: oklch(17.53% 0.024 170.63);
+	--color-base-200: oklch(20.67% 0.031 165.16);
+	--color-base-300: oklch(28.66% 0.049 162.32);
+	--color-base-content: oklch(97.93% 0.021 166.11);
+	--color-primary: oklch(77.29% 0.153 163.22);
+	--color-primary-content: oklch(17.53% 0.024 170.63);
+	--color-accent: oklch(78.45% 0.133 181.91);
+	--color-accent-content: oklch(17.53% 0.024 170.63);
+	--color-success: oklch(77.29% 0.153 163.22);
+	--color-error: oklch(57.71% 0.215 27.33);
+	--color-error-content: oklch(100.00% 0 0);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+
+:root {
+	--publier-nav-height: 4rem;
+	--publier-sidebar-width: 16rem;
+	--publier-toc-width: 14rem;
+	--publier-page-max-width: 52rem;
+	--publier-layout-width: 1400px;
+}
+
+:root,
+:root[data-theme="light"] {
+
+	--color-pl-muted: oklch(42% 0.06 165.61);
+	--color-pl-muted-bg: oklch(95% 0.022 165.61);
+	--color-pl-subtle: oklch(55% 0.03 165.61);
+	--color-pl-card: oklch(99.5% 0.008 165.61);
+	--color-pl-card-hover: oklch(97% 0.015 165.61);
+	--color-pl-popover: oklch(99.5% 0.008 165.61);
+	--color-pl-border: oklch(90% 0.02 165.61);
+	--color-pl-border-strong: oklch(82% 0.025 165.61);
+	--color-pl-sidebar-accent: oklch(95% 0.022 165.61);
+	--color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 10%, transparent);
+	--color-pl-sidebar-active-fg: var(--color-primary);
+
+	--menu-active-bg: var(--color-pl-sidebar-active);
+	--menu-active-color: var(--color-pl-sidebar-active-fg);
+	--menu-hover-bg: var(--color-pl-sidebar-accent);
+	--menu-hover-color: var(--color-pl-sidebar-accent-fg);
+}
+
+:root[data-theme="dark"],
+.dark {
+
+	--color-pl-muted: oklch(72% 0.067 163.22);
+	--color-pl-muted-bg: oklch(22.5% 0.02 163.22);
+	--color-pl-subtle: oklch(55% 0.04 163.22);
+	--color-pl-card: oklch(20.5% 0.018 163.22);
+	--color-pl-card-hover: oklch(26% 0.03 163.22);
+	--color-pl-popover: oklch(20.5% 0.018 163.22);
+	--color-pl-border: oklch(28% 0.025 163.22);
+	--color-pl-border-strong: oklch(36% 0.035 163.22);
+	--color-pl-sidebar-accent: oklch(26% 0.03 163.22);
+	--color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 14%, transparent);
+	--color-pl-sidebar-active-fg: var(--color-primary);
+
+	--menu-active-bg: var(--color-pl-sidebar-active);
+	--menu-active-color: var(--color-pl-sidebar-active-fg);
+	--menu-hover-bg: var(--color-pl-sidebar-accent);
+	--menu-hover-color: var(--color-pl-sidebar-accent-fg);
+}

package/dist/themes/light.css

@@ -0,0 +1,95 @@
+:root, [data-theme="light"] {
+color-scheme: light;
+
+	--color-base-100: oklch(100.00% 0 0);
+	--color-base-200: oklch(100.00% 0 0);
+	--color-base-300: oklch(96.83% 0.007 247.9);
+	--color-base-content: oklch(20.77% 0.04 265.75);
+	--color-primary: oklch(51.06% 0.23 276.97);
+	--color-primary-content: oklch(100.00% 0 0);
+	--color-accent: oklch(79.71% 0.134 211.53);
+	--color-accent-content: oklch(14.08% 0.004 285.82);
+	--color-success: oklch(72.27% 0.192 149.58);
+	--color-error: oklch(57.71% 0.215 27.33);
+	--color-error-content: oklch(100.00% 0 0);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+
+[data-theme="dark"] {
+color-scheme: dark;
+
+	--color-base-100: oklch(14.08% 0.004 285.82);
+	--color-base-200: oklch(20.77% 0.04 265.75);
+	--color-base-300: oklch(27.95% 0.037 260.03);
+	--color-base-content: oklch(98.42% 0.003 247.86);
+	--color-primary: oklch(68.01% 0.158 276.93);
+	--color-primary-content: oklch(14.08% 0.004 285.82);
+	--color-accent: oklch(79.71% 0.134 211.53);
+	--color-accent-content: oklch(14.08% 0.004 285.82);
+	--color-success: oklch(72.27% 0.192 149.58);
+	--color-error: oklch(57.71% 0.215 27.33);
+	--color-error-content: oklch(100.00% 0 0);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+
+:root {
+	--publier-nav-height: 4rem;
+	--publier-sidebar-width: 16rem;
+	--publier-toc-width: 14rem;
+	--publier-page-max-width: 52rem;
+	--publier-layout-width: 1400px;
+}
+
+:root,
+:root[data-theme="light"] {
+
+	--color-pl-muted: oklch(42% 0.06 276.97);
+	--color-pl-muted-bg: oklch(95% 0.022 276.97);
+	--color-pl-subtle: oklch(55% 0.03 276.97);
+	--color-pl-card: oklch(99.5% 0.008 276.97);
+	--color-pl-card-hover: oklch(97% 0.015 276.97);
+	--color-pl-popover: oklch(99.5% 0.008 276.97);
+	--color-pl-border: oklch(90% 0.02 276.97);
+	--color-pl-border-strong: oklch(82% 0.025 276.97);
+	--color-pl-sidebar-accent: oklch(95% 0.022 276.97);
+	--color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 10%, transparent);
+	--color-pl-sidebar-active-fg: var(--color-primary);
+
+	--menu-active-bg: var(--color-pl-sidebar-active);
+	--menu-active-color: var(--color-pl-sidebar-active-fg);
+	--menu-hover-bg: var(--color-pl-sidebar-accent);
+	--menu-hover-color: var(--color-pl-sidebar-accent-fg);
+}
+
+:root[data-theme="dark"],
+.dark {
+
+	--color-pl-muted: oklch(72% 0.067 276.93);
+	--color-pl-muted-bg: oklch(22.5% 0.02 276.93);
+	--color-pl-subtle: oklch(55% 0.04 276.93);
+	--color-pl-card: oklch(20.5% 0.018 276.93);
+	--color-pl-card-hover: oklch(26% 0.03 276.93);
+	--color-pl-popover: oklch(20.5% 0.018 276.93);
+	--color-pl-border: oklch(28% 0.025 276.93);
+	--color-pl-border-strong: oklch(36% 0.035 276.93);
+	--color-pl-sidebar-accent: oklch(26% 0.03 276.93);
+	--color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 14%, transparent);
+	--color-pl-sidebar-active-fg: var(--color-primary);
+
+	--menu-active-bg: var(--color-pl-sidebar-active);
+	--menu-active-color: var(--color-pl-sidebar-active-fg);
+	--menu-hover-bg: var(--color-pl-sidebar-accent);
+	--menu-hover-color: var(--color-pl-sidebar-accent-fg);
+}

package/dist/themes/maple.css

@@ -0,0 +1,119 @@
+[data-theme="light"] {
+color-scheme: light;
+
+	--color-base-100: oklch(99.00% 0.007 67.75);
+	--color-base-200: oklch(100.00% 0 0);
+	--color-base-300: oklch(97.07% 0.02 77.32);
+	--color-base-content: oklch(19.29% 0.022 59.57);
+	--color-primary: oklch(64.61% 0.194 41.12);
+	--color-primary-content: oklch(19.29% 0.022 59.57);
+	--color-accent: oklch(66.58% 0.157 58.32);
+	--color-accent-content: oklch(19.29% 0.022 59.57);
+	--color-success: oklch(69.59% 0.149 162.48);
+	--color-error: oklch(57.71% 0.215 27.33);
+	--color-error-content: oklch(100.00% 0 0);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+
+[data-theme="dark"] {
+color-scheme: dark;
+
+	--color-base-100: oklch(17.58% 0.015 57.04);
+	--color-base-200: oklch(19.93% 0.017 58.41);
+	--color-base-300: oklch(23.57% 0.026 55.75);
+	--color-base-content: oklch(93.67% 0.039 68.57);
+	--color-primary: oklch(75.76% 0.159 55.93);
+	--color-primary-content: oklch(17.58% 0.015 57.04);
+	--color-neutral: oklch(19.93% 0.017 58.41);
+	--color-neutral-content: oklch(93.67% 0.039 68.57);
+	--color-accent: oklch(81.15% 0.151 72.6);
+	--color-accent-content: oklch(17.58% 0.015 57.04);
+	--color-success: oklch(69.59% 0.149 162.48);
+	--color-error: oklch(57.71% 0.215 27.33);
+	--color-error-content: oklch(100.00% 0 0);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+
+:root {
+	--publier-nav-height: 4rem;
+	--publier-sidebar-width: 17rem;
+	--publier-toc-width: 14rem;
+	--publier-page-max-width: 56rem;
+	--publier-layout-width: 1400px;
+
+	--publier-nav-item-radius: 0.5rem;
+	--publier-nav-item-padding-y: 0.4375rem;
+	--publier-nav-item-padding-x: 0.75rem;
+	--publier-nav-item-font-weight: 500;
+
+	--publier-code-block-radius: 0.625rem;
+	--publier-code-inline-radius: 0.375rem;
+}
+
+:root,
+:root[data-theme="light"] {
+	--publier-shadow-color: 120 78 40;
+	--publier-shadow-opacity: 0.08;
+
+	--color-pl-muted: oklch(42% 0.06 57);
+	--color-pl-muted-bg: oklch(95% 0.022 65);
+	--color-pl-subtle: oklch(55% 0.03 57);
+
+	--color-pl-card: oklch(99.5% 0.008 67);
+	--color-pl-card-hover: oklch(97% 0.015 65);
+
+	--color-pl-popover: oklch(99.5% 0.008 67);
+
+	--color-pl-border: oklch(90% 0.02 60);
+	--color-pl-border-strong: oklch(82% 0.025 60);
+	--color-pl-ring: oklch(64.61% 0.194 41.12);
+
+	--color-pl-sidebar-accent: oklch(95% 0.022 65);
+	--color-pl-sidebar-active: color-mix(in oklch, oklch(64.61% 0.194 41.12) 10%, transparent);
+	--color-pl-sidebar-active-fg: oklch(64.61% 0.194 41.12);
+
+	--menu-active-bg: var(--color-pl-sidebar-active);
+	--menu-active-color: var(--color-pl-sidebar-active-fg);
+	--menu-hover-bg: var(--color-pl-sidebar-accent);
+	--menu-hover-color: var(--color-pl-sidebar-accent-fg);
+}
+
+:root[data-theme="dark"],
+.dark {
+	--publier-shadow-color: 0 0 0;
+	--publier-shadow-opacity: 0.3;
+
+	--color-pl-muted: oklch(72% 0.067 66);
+	--color-pl-muted-bg: oklch(22.5% 0.02 58);
+	--color-pl-subtle: oklch(55% 0.04 60);
+
+	--color-pl-card: oklch(20.5% 0.018 58);
+	--color-pl-card-hover: oklch(26% 0.03 60);
+
+	--color-pl-popover: oklch(20.5% 0.018 58);
+
+	--color-pl-border: oklch(28% 0.025 55);
+	--color-pl-border-strong: oklch(36% 0.035 58);
+	--color-pl-ring: oklch(75.76% 0.159 55.93);
+
+	--color-pl-sidebar-accent: oklch(26% 0.03 60);
+	--color-pl-sidebar-active: color-mix(in oklch, oklch(75.76% 0.159 55.93) 14%, transparent);
+	--color-pl-sidebar-active-fg: oklch(75.76% 0.159 55.93);
+
+	--menu-active-bg: var(--color-pl-sidebar-active);
+	--menu-active-color: var(--color-pl-sidebar-active-fg);
+	--menu-hover-bg: var(--color-pl-sidebar-accent);
+	--menu-hover-color: var(--color-pl-sidebar-accent-fg);
+}

package/dist/themes/neutral.css

@@ -0,0 +1,73 @@
+[data-theme="light"] {
+color-scheme: light;
+
+	--color-base-100: oklch(98.51% 0 0);
+	--color-base-200: oklch(100.00% 0 0);
+	--color-base-300: oklch(92.19% 0 0);
+	--color-base-content: oklch(20.46% 0 0);
+	--color-primary: oklch(37.15% 0 0);
+	--color-primary-content: oklch(98.51% 0 0);
+	--color-accent: oklch(55.55% 0 0);
+	--color-accent-content: oklch(98.51% 0 0);
+	--color-success: oklch(72.27% 0.192 149.58);
+	--color-error: oklch(57.71% 0.215 27.33);
+	--color-error-content: oklch(100.00% 0 0);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+
+[data-theme="dark"] {
+color-scheme: dark;
+
+	--color-base-100: oklch(98.51% 0 0);
+	--color-base-200: oklch(100.00% 0 0);
+	--color-base-300: oklch(92.19% 0 0);
+	--color-base-content: oklch(20.46% 0 0);
+	--color-primary: oklch(37.15% 0 0);
+	--color-primary-content: oklch(98.51% 0 0);
+	--color-accent: oklch(55.55% 0 0);
+	--color-accent-content: oklch(98.51% 0 0);
+	--color-success: oklch(72.27% 0.192 149.58);
+	--color-error: oklch(57.71% 0.215 27.33);
+	--color-error-content: oklch(100.00% 0 0);
+
+	--radius-selector: 0.5rem;
+	--radius-field: 0.5rem;
+	--radius-box: 0.75rem;
+	--border: 1px;
+	--depth: 1;
+	--noise: 0;
+}
+
+:root {
+	--publier-nav-height: 4rem;
+	--publier-sidebar-width: 16rem;
+	--publier-toc-width: 14rem;
+	--publier-page-max-width: 52rem;
+	--publier-layout-width: 1400px;
+}
+
+:root {
+
+	--color-pl-muted: oklch(42% 0.06 0);
+	--color-pl-muted-bg: oklch(95% 0.022 0);
+	--color-pl-subtle: oklch(55% 0.03 0);
+	--color-pl-card: oklch(99.5% 0.008 0);
+	--color-pl-card-hover: oklch(97% 0.015 0);
+	--color-pl-popover: oklch(99.5% 0.008 0);
+	--color-pl-border: oklch(90% 0.02 0);
+	--color-pl-border-strong: oklch(82% 0.025 0);
+	--color-pl-sidebar-accent: oklch(95% 0.022 0);
+	--color-pl-sidebar-active: color-mix(in oklch, var(--color-primary) 10%, transparent);
+	--color-pl-sidebar-active-fg: var(--color-primary);
+
+	--menu-active-bg: var(--color-pl-sidebar-active);
+	--menu-active-color: var(--color-pl-sidebar-active-fg);
+	--menu-hover-bg: var(--color-pl-sidebar-accent);
+	--menu-hover-color: var(--color-pl-sidebar-accent-fg);
+}