feat: theme color and navbar logo (#286)

docs/.vitepress/config.ts

@@ -30,7 +30,11 @@ export default defineConfig({
   ],
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
-    siteTitle: 'RLE.wiki',
+    siteTitle: false,
+    logo: {
+      src: '/logo-horizontal.svg',
+      alt: 'Logo: RLE.wiki',
+    },
     nav,
     sidebar,
     socialLinks: [

docs/.vitepress/theme/index.ts

@@ -22,8 +22,8 @@ import '@nolebase/vitepress-plugin-enhanced-readabilities/dist/style.css'
 import '@nolebase/vitepress-plugin-highlight-targeted-heading/dist/style.css'
 import '@nolebase/vitepress-plugin-git-changelog/client/style.css'
 
-import './style.css'
 import 'uno.css'
+import './style.css'
 
 export default {
   extends: DefaultTheme,

docs/.vitepress/theme/style.css

@@ -49,10 +49,10 @@
   --vp-c-default-3: var(--vp-c-gray-3);
   --vp-c-default-soft: var(--vp-c-gray-soft);
 
-  --vp-c-brand-1: var(--vp-c-indigo-1);
-  --vp-c-brand-2: var(--vp-c-indigo-2);
-  --vp-c-brand-3: var(--vp-c-indigo-3);
-  --vp-c-brand-soft: var(--vp-c-indigo-soft);
+  --vp-c-brand-1: #0baaa4;
+  --vp-c-brand-2: #0cada7;
+  --vp-c-brand-3: #0cada7;
+  --vp-c-brand-soft: rgb(9 138 133 / 16%);
 
   --vp-c-tip-1: var(--vp-c-brand-1);
   --vp-c-tip-2: var(--vp-c-brand-2);
@@ -70,6 +70,13 @@
   --vp-c-danger-soft: var(--vp-c-red-soft);
 }
 
+.dark:root {
+  --vp-c-brand-1: #0a938e;
+  --vp-c-brand-2: #087470;
+  --vp-c-brand-3: #087470;
+  --vp-c-brand-soft: rgb(8 116 112 / 16%);
+}
+
 /**
  * Component: Button
  * -------------------------------------------------------------------------- */
@@ -147,3 +154,7 @@
   --docsearch-primary-color: var(--vp-c-brand-1) !important;
 }
 
+.VPButton.medium {
+  border-radius: 8px !important;
+}
+

docs/index.md

@@ -10,10 +10,10 @@ hero:
     - theme: brand
       text: 大学指南 🏫
       link: /campus/
-    - theme: brand
+    - theme: alt
       text: Fashion 👕
       link: /fashion/
-    - theme: brand
+    - theme: alt
       text: 防护 🚨
       link: /personal-safety/
   image:

docs/public/logo-horizontal.svg

@@ -0,0 +1,19 @@
+<svg width="202" height="70" viewBox="0 0 202 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M127 53H146.5" stroke="#AFBCD8" stroke-opacity="0.75" stroke-width="10" stroke-linecap="round"/>
+<path d="M127 18V53" stroke="#AFBCD8" stroke-width="10" stroke-linecap="round"/>
+<path d="M165 35H186.5" stroke="#EAACB8" stroke-opacity="0.75" stroke-width="10" stroke-linecap="round"/>
+<path d="M165 17.5V52.5" stroke="#EAACB8" stroke-width="10" stroke-linecap="round"/>
+<path d="M165 17H187" stroke="#EAACB8" stroke-width="10" stroke-linecap="round"/>
+<path d="M165 53H186.5" stroke="#EAACB8" stroke-width="10" stroke-linecap="round"/>
+<path d="M97.5 37L106.5 53" stroke="#7ACBF5" stroke-opacity="0.75" stroke-width="10" stroke-linecap="round"/>
+<path d="M87.5 17L97.5 17C110.5 17 110.5 37 97.5 37H87.5" stroke="#7ACBF5" stroke-width="10" stroke-linecap="round"/>
+<path d="M87 53V17.5" stroke="#7ACBF5" stroke-width="10" stroke-linecap="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.3403 11.6821C13.5829 10.8211 10 13.6758 10 17.5305V50.0204C10 52.9077 12.0564 55.3856 14.8943 55.9177L26.8943 58.1677C30.5868 58.86 34 56.0273 34 52.2704V20.2805C34 17.4832 32.0669 15.057 29.3403 14.4321L17.3403 11.6821ZM54.6469 11.7021C58.4076 10.8316 62 13.6874 62 17.5475V50.4842C62 53.3674 59.9493 55.8429 57.1165 56.3794L45.1165 58.6522C41.4209 59.3521 38 56.5183 38 52.757V20.3253C38 17.5329 39.9264 15.1096 42.6469 14.4799L54.6469 11.7021Z" fill="url(#paint0_radial_79_2)"/>
+<defs>
+<radialGradient id="paint0_radial_79_2" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(10 12) rotate(42.1087) scale(70.0928 77.1704)">
+<stop stop-color="#FDEFF0"/>
+<stop offset="0.275217" stop-color="#FDB7C0"/>
+<stop offset="0.733346" stop-color="#7ACBF5"/>
+</radialGradient>
+</defs>
+</svg>