docs: update docs UI

Author: js2me

docs/.vitepress/theme/customs.css

@@ -2,9 +2,7 @@
 import { h } from 'vue';
 import type { Theme } from 'vitepress';
 import DefaultTheme from 'vitepress/theme';
-import './pallete.css';
-import './customs.css';
-import './logo-animate.css';
+import './style.css';
 import 'uno.css';
 
 export default {

docs/.vitepress/theme/index.ts

@@ -0,0 +1,23 @@
+@import url('sborshik/vitepress/styles');
+@import url('sborshik/vitepress/animate-logo');
+
+:root {
+  --vp-c-brand-1: #ff3572;
+  --vp-c-brand-2: #ff3e51;
+  --vp-c-brand-3: #fb1f35;
+  --vp-c-brand-soft: #ff517a2b;
+
+  --custom-brand-1: #ff1148;
+  --custom-brand-2: #ff7a32;
+  --custom-brand-3: #ffbbcf;
+}
+
+html.dark {
+  --vp-c-brand-1: #ff5381;
+  --vp-c-brand-2: #f54c5c;
+  --vp-c-brand-3: #fb1f35;
+  --vp-c-brand-soft: #ff517a2b;
+
+  --custom-brand-2: #ff510b;
+  --custom-brand-3: #ff243d;
+}

docs/.vitepress/theme/logo-animate.css

@@ -4,6 +4,7 @@
   "devDependencies": {
     "@iconify-json/logos": "^1.1.44",
     "@unocss/preset-icons": "^0.61.9",
+    "sborshik": "^1.0.12",
     "unocss": "^0.61.9",
     "vite": "^5.3.1",
     "vitepress": "^1.6.4"