fix: variable color

Author: GabsEdits

docs/.vitepress/config.mts

@@ -1,6 +1,9 @@
 import { defineConfig } from "vitepress";
 import { figure } from "@mdit/plugin-figure";
 import { tasklist } from "@mdit/plugin-tasklist";
+import path from 'path';
+
+const __dirname = path.resolve();
 
 const info = {
   title: "Aplós",
@@ -130,13 +133,19 @@ export default defineConfig({
     ssr: {
       noExternal: ["vitepress-plugin-testcomponents"],
     },
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, '../src')
+      }
+    },
     css: {
       preprocessorOptions: {
         scss: {
           api: "modern-compiler",
           additionalData: `
-            $color-accent: ${info.accentColor};
-            $bg-color-code-l: #ffffff;
+          @use "@/styles/variables-color" with (
+            $color-accent: ${info.accentColor}
+          );
             `,
         },
       },

fonts.scss

@@ -0,0 +1,32 @@
+$main-font: "Inter", sans-serif;
+$variable-font: "InterVariable", sans-serif;
+
+@mixin fontSetting {
+  --main-mono: "Geist Mono", monospace;
+
+  font-feature-settings:
+    "liga" 1,
+    "calt" 1,
+    "cv05" 1;
+  text-wrap: pretty;
+  scroll-behavior: smooth;
+  font-family: $main-font;
+
+  @supports (font-variation-settings: normal) {
+    font-family: $variable-font;
+  }
+}
+
+:root,
+html,
+body {
+  @include fontSetting;
+}
+
+body {
+  color: var(--color-text);
+  font-weight: 400;
+  font-size: medium;
+  font-synthesis: style;
+  text-rendering: optimizeLegibility;
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "aplos",
-  "version": "3.0.0-6",
+  "version": "3.0.0-7",
   "type": "module",
   "description": "A sleek, contemporary, and purposefully designed VitePress theme",
   "main": "index.ts",

src/styles/_colors.scss

@@ -1,6 +1,5 @@
 @use "sass:color";
-
-$color-accent: #acbdb0 !default;
+@use './variables-color' as *;
 
 $color-accent-l: color.scale($color-accent, $lightness: -60%) !default;
 $color-accent-d: color.scale($color-accent, $lightness: 60%) !default;

src/styles/_variables-color.scss

@@ -0,0 +1 @@
+$color-accent: #acbdb0 !default;