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,21 @@
+@import url('sborshik/vitepress/styles');
+@import url('sborshik/vitepress/animate-logo');
+
+:root {
+  --vp-c-brand-1: #ff745b;
+  --vp-c-brand-2: #fb811f;
+  --vp-c-brand-3: #fb581f;
+  --vp-c-brand-soft: #fb581f33;
+
+  --custom-brand-1: #ff4a00;
+  --custom-brand-2: #0066f6;
+  --custom-brand-3: #0066f699;
+}
+
+html.dark {
+  --vp-c-brand-1: #ffae77;
+  --vp-c-brand-2: #ff8a4f;
+  --vp-c-brand-3: #fb681f;
+  --custom-brand-1: #ff542f;
+  --custom-brand-2: #3c8dff;
+}

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"