Have website use theme variables instead of custom SASS overrides (#285)

PicnicSupermarket · Oct 9, 2022 · 45cac61 · 45cac61
1 parent 8f8f57f
commit 45cac61
Show file tree

Hide file tree

Showing 8 changed files with 20 additions and 23 deletions.
diff --git a/website/_includes/head_custom.html b/website/_includes/head_custom.html
@@ -12,7 +12,7 @@
 <!-- XXX: The theme does not natively support both light and dark mode. Drop
 this section once https://github.com/just-the-docs/just-the-docs/issues/234 is
 resolved. -->
-<link rel="stylesheet" href="{{ '/assets/css/just-the-docs-light.css' | relative_url }}"
+<link rel="stylesheet" href="{{ '/assets/css/just-the-docs-eps-light.css' | relative_url }}"
     media="(prefers-color-scheme: light)">
-<link rel="stylesheet" href="{{ '/assets/css/just-the-docs-dark.css' | relative_url }}"
+<link rel="stylesheet" href="{{ '/assets/css/just-the-docs-eps-dark.css' | relative_url }}"
     media="(prefers-color-scheme: dark)">
diff --git a/website/_sass/color_schemes/_common.scss b/website/_sass/color_schemes/_common.scss
@@ -0,0 +1,5 @@
+footer > img#logo {
+    width: 2rem;
+    margin: 0 auto;
+    display: block;
+}
diff --git a/website/_sass/color_schemes/_variables.scss b/website/_sass/color_schemes/_variables.scss
@@ -0,0 +1 @@
+$nav-width: 400px;
diff --git a/website/_sass/color_schemes/eps-dark.scss b/website/_sass/color_schemes/eps-dark.scss
@@ -0,0 +1,3 @@
+@import "./color_schemes/dark";
+@import "_variables";
+@import "_common";
diff --git a/website/_sass/color_schemes/eps-light.scss b/website/_sass/color_schemes/eps-light.scss
@@ -0,0 +1,3 @@
+@import "./color_schemes/light";
+@import "_variables";
+@import "_common";
diff --git a/website/_sass/custom/custom.scss b/website/_sass/custom/custom.scss
diff --git a/website/assets/css/just-the-docs-eps-dark.scss b/website/assets/css/just-the-docs-eps-dark.scss
@@ -0,0 +1,3 @@
+---
+---
+{% include css/just-the-docs.scss.liquid color_scheme="eps-dark" %}
diff --git a/website/assets/css/just-the-docs-eps-light.scss b/website/assets/css/just-the-docs-eps-light.scss
@@ -0,0 +1,3 @@
+---
+---
+{% include css/just-the-docs.scss.liquid color_scheme="eps-light" %}