add logo + brand color css

Author: NiloCK

docs/.vitepress/config.mts

@@ -12,20 +12,27 @@ export default defineConfig({
       },
     },
     optimizeDeps: {
-      exclude: ['@vue-skuilder/courseware', '@vue-skuilder/common-ui', '@vue-skuilder/platform-ui', '@vue-skuilder/db'],
+      exclude: [
+        '@vue-skuilder/courseware',
+        '@vue-skuilder/common-ui',
+        '@vue-skuilder/platform-ui',
+        '@vue-skuilder/db',
+      ],
     },
     ssr: {
       noExternal: ['@vojtechlanka/vue-tags-input'],
     },
   },
   title: 'skuilder',
   description: 'modern tooling for adaptive tutoring systems and SRS++',
+  head: [['link', { rel: 'icon', type: 'image/svg+xml', href: '/logo.svg' }]],
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
     nav: [
       // { text: 'Home', link: '/' },
       // { text: 'Examples', link: '/markdown-examples' }
     ],
+    logo: '/logo.svg',
 
     sidebar: [
       {

docs/.vitepress/theme/style.css

@@ -49,10 +49,15 @@
   --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-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-soft: var(--vp-c-indigo-soft);*/
+
+  --vp-c-brand-1: #ff6a54;
+  --vp-c-brand-2: #ff7a64;
+  --vp-c-brand-3: #ff4a34;
+  --vp-c-brand-soft: rgba(255, 106, 84, 0.1);
 
   --vp-c-tip-1: var(--vp-c-brand-1);
   --vp-c-tip-2: var(--vp-c-brand-2);