@voidzero-dev/vitepress-theme 2.0.1 → 3.0.0

package/src/vitepress/styles/tokens.css

@@ -1,137 +0,0 @@
-/**
- * Design System Tokens - Single Source of Truth
- * All design tokens, theme configuration, and CSS variable mappings
- */
-
-@import "tailwindcss";
-@plugin "@tailwindcss/typography";
-
-
-/* Tell Tailwind which files to scan for utilities */
-@source "../components/**/*.vue";
-@source "../layouts/**/*.vue";
-/* Configure dark mode: user's .dark (only when no theme forced) or explicit data-theme="dark" */
-@variant dark (.dark:not([data-theme]) &, [data-theme="dark"] &);
-
-@theme {
-    /* Typography tokens */
-    --font-*: initial;
-    --font-heading: 'APK Protocol', sans-serif;
-    --font-sans: 'KH Teka', sans-serif;
-    --font-mono: 'KH Teka Mono', monospace;
-
-    /* Color palette */
-    --color-*: initial;
-    --color-white: #FFFFFF;
-    --color-primary: #16171d;
-    --color-beige: #F4F3EC;
-    --color-nickel: #3B3440;
-    --color-grey: #827A89;
-    --color-stroke: #E5E4E7;
-    --color-midnight: #0C0912;
-    --color-slate: #14121A;
-    --color-ruby: #863BFF;
-    --color-wine: #140033;
-    --color-violet: #140033;
-    --color-plum: #1D0033;
-    --color-electric: #6C3BFF;
-    --color-vite: #b39aff;
-    --color-space: #110033;
-    --color-zest: #22FF73;
-    --color-forest: #002611;
-    --color-fire: #FF5500;
-    --color-rust: #260001;
-    --color-aqua: #32F3E9;
-    --color-sea: #002624;
-}
-
-/* Map design tokens to VitePress CSS variables */
-/* This allows VitePress components to consume our design system */
-:root {
-    /* Fonts */
-    --vp-font-family-base: var(--font-sans);
-    --vp-font-family-mono: var(--font-mono);
-
-    /* Colors - Text */
-    --vp-c-text-1: var(--color-primary);
-    --vp-c-text-2: var(--color-grey);
-    --vp-c-text-3: var(--color-stroke);
-
-    /* Colors - Backgrounds */
-    --vp-c-bg: var(--color-white);
-    --vp-c-bg-alt: var(--color-beige);
-    --vp-c-bg-soft: var(--color-beige);
-
-    /* Colors - Brand (use variant-specific brand color) */
-    --vp-c-brand-1: var(--color-brand);
-    --vp-c-brand-2: var(--color-brand);
-    --vp-c-brand-3: var(--color-brand);
-    --vp-c-brand-soft: color-mix(in srgb, var(--color-brand) 14%, transparent);
-
-    /* Colors - Borders */
-    --vp-c-border: var(--color-stroke);
-    --vp-c-divider: var(--color-stroke);
-    --vp-c-gutter: var(--color-stroke);
-
-    /* Keep other VitePress color scales for components that need them */
-    --vp-c-default-1: var(--color-stroke);
-    --vp-c-default-2: var(--color-beige);
-    --vp-c-default-3: var(--color-white);
-    --vp-c-default-soft: color-mix(in srgb, var(--color-grey) 14%, transparent);
-}
-
-/* User's dark mode - only when no theme is forced */
-.dark:not([data-theme]),
-[data-theme="dark"] {
-    /* Dark mode mappings */
-    --vp-c-text-1: var(--color-white);
-    --vp-c-text-2: var(--color-grey);
-    --vp-c-bg: var(--color-primary);
-    --vp-c-bg-alt: var(--color-midnight);
-    --vp-c-bg-soft: var(--color-slate);
-    --vp-c-border: var(--color-nickel);
-    --vp-c-divider: var(--color-nickel);
-}
-
-/* Forced light mode */
-[data-theme="light"] {
-    --vp-c-text-1: var(--color-primary);
-    --vp-c-text-2: var(--color-grey);
-    --vp-c-bg: var(--color-white);
-    --vp-c-bg-alt: var(--color-beige);
-    --vp-c-bg-soft: var(--color-beige);
-    --vp-c-border: var(--color-stroke);
-    --vp-c-divider: var(--color-stroke);
-}
-
-
-/* Font Faces */
-@font-face {
-    font-family: 'APK Protocol';
-    font-weight: 500;
-    src: url('../fonts/APK-Protocol-Medium.woff2') format('woff2');
-}
-
-@font-face {
-    font-family: 'KH Teka';
-    font-weight: 400;
-    src: url('../fonts/KHTeka-Regular.woff2') format('woff2');
-}
-
-@font-face {
-    font-family: 'KH Teka';
-    font-weight: 500;
-    src: url('../fonts/KHTeka-Medium.woff2') format('woff2');
-}
-
-@font-face {
-    font-family: 'KH Teka Mono';
-    font-weight: 400;
-    src: url('../fonts/KHTekaMono-Regular.woff2') format('woff2');
-}
-
-@font-face {
-    font-family: 'KH Teka Mono';
-    font-weight: 500;
-    src: url('../fonts/KHTekaMono-Medium.woff2') format('woff2');
-}