docs: add icon and color scheme

yunfachi · Oct 6, 2024 · 7e2c39b · 7e2c39b
1 parent b9d6c61
commit 7e2c39b
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 10 deletions.
diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
@@ -12,7 +12,14 @@ export default defineConfig({
   sitemap: {
     hostname: 'https://yunfachi.github.io/denix/'
   },
+  head: [
+    ["link", { rel: "icon", href: "https://raw.githubusercontent.com/yunfachi/denix/master/.github/assets/logo_dark.svg" }],
+  ],
   themeConfig: {
+    logo: {
+      light: "https://raw.githubusercontent.com/yunfachi/denix/master/.github/assets/logo_light.svg",
+      dark: "https://raw.githubusercontent.com/yunfachi/denix/master/.github/assets/logo_dark.svg",
+    },
     // https://vitepress.dev/reference/default-theme-config
     socialLinks: [
       { icon: "github", link: "https://github.com/yunfachi/denix" }

diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
@@ -49,11 +49,6 @@
   --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-tip-1: var(--vp-c-brand-1);
   --vp-c-tip-2: var(--vp-c-brand-2);
   --vp-c-tip-3: var(--vp-c-brand-3);
@@ -94,16 +89,37 @@
   --vp-home-hero-name-color: transparent;
   --vp-home-hero-name-background: -webkit-linear-gradient(
     120deg,
-    #bd34fe 30%,
-    #41d1ff
+    #95b695 30%,
+    #6f866f
   );
 
+  --vp-home-hero-image-filter: blur(44px);
+}
+
+.dark {
   --vp-home-hero-image-background-image: linear-gradient(
     -45deg,
-    #bd34fe 50%,
-    #47caff 50%
+    #6f866f 50%,
+    #6f866f 50%
   );
-  --vp-home-hero-image-filter: blur(44px);
+
+  --vp-c-brand-1: #95b695;
+  --vp-c-brand-2: #869e86;
+  --vp-c-brand-3: #6f866f;
+  --vp-c-brand-soft: var(--vp-c-green-soft);
+}
+
+html:not(.dark) {
+  --vp-home-hero-image-background-image: linear-gradient(
+    -45deg,
+    #a7caa7 50%,
+    #a7caa7 50%
+  );
+
+  --vp-c-brand-1: #6f866f;
+  --vp-c-brand-2: #869e86;
+  --vp-c-brand-3: #95b695;
+  --vp-c-brand-soft: var(--vp-c-green-soft);
 }
 
 @media (min-width: 640px) {

diff --git a/docs/src/index.md b/docs/src/index.md
@@ -6,6 +6,9 @@ hero:
   name: "Denix Documentation"
   text: "Nix Library for Configurations"
   tagline: "Denix provides tools for creating scalable NixOS and Home Manager configurations with modules, hosts, and rices"
+  image:
+    light: https://raw.githubusercontent.com/yunfachi/denix/master/.github/assets/logo_light.svg
+    dark: https://raw.githubusercontent.com/yunfachi/denix/master/.github/assets/logo_dark.svg
   actions:
     - theme: brand
       text: Introduction

diff --git a/docs/src/ru/index.md b/docs/src/ru/index.md
@@ -6,6 +6,9 @@ hero:
   name: "Denix Документация"
   text: "Библиотека Nix для конфигураций"
   tagline: Denix предоставляет инструменты для создания масштабируемых конфигураций NixOS и Home Manager с модулями, хостами и райсами
+  image:
+    light: https://raw.githubusercontent.com/yunfachi/denix/master/.github/assets/logo_light.svg
+    dark: https://raw.githubusercontent.com/yunfachi/denix/master/.github/assets/logo_dark.svg
   actions:
     - theme: brand
       text: Введение