docs: Fix CSS by disabling advanced CSS minifier (#1053)

Adds env var configuration to Docusaurus Build step
littlehorse-enterprises · Oct 6, 2024 · 1dc2c16 · 1dc2c16
1 parent dc4c275
commit 1dc2c16
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 11 deletions.
diff --git a/.github/workflows/master.yml b/.github/workflows/master.yml
@@ -35,6 +35,8 @@ jobs:
 
       - name: Build website
         working-directory: ./docs
+        env: 
+          USE_SIMPLE_CSS_MINIFIER: true
         run: npm run build
 
       - name: Deploy to GitHub Pages

diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
@@ -12,6 +12,10 @@
 
   --docsearch-muted-color: var(--ifm-font-color-base) !important;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+
+  --white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(336deg) brightness(110%) contrast(101%);
+  --brown-filter: invert(24%) sepia(12%) saturate(1484%) hue-rotate(334deg) brightness(100%) contrast(87%);
+  --black-filter:  brightness(0%);
 }
 
 [data-theme='light'] {
@@ -23,14 +27,16 @@
   --ifm-color-primary-lighter: #925939;
   --ifm-color-primary-lightest: #a56441;
 
-  --filter: invert(24%) sepia(12%) saturate(1484%) hue-rotate(334deg) brightness(30%) contrast(87%);
-
   code {
     border-color: rgba(0, 0, 0, 0.1);
   }
 
+  /* Navbar logo and home page feature graphics */
   .navbar__logo img {
-    filter: var(--filter);
+    filter: var(--brown-filter);
+  }
+  .feature-img {
+    filter: var(--black-filter);
   }
 }
 
@@ -46,8 +52,6 @@
 
   --docsearch-highlight-color: #7b7bc4 !important;
 
-  --filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(336deg) brightness(110%) contrast(101%);
-
   code {
     border-color: rgba(255, 255, 255, 0.1);
   }
@@ -56,6 +60,11 @@
     color: white;
     --ifm-hero-background-color: #5C4033 !important;
   }
+
+  /* Navbar logo and home page feature graphics */
+  .navbar__logo img, .feature-img {
+    filter: var(--white-filter);
+  }
 }
 
 .hero {
@@ -84,12 +93,6 @@ code {
   border-radius: 1rem;
 }
 
-/* Switch color between light and dark modes */
-.feature-img,
-.navbar__logo img {
-  filter: var(--filter);
-}
-
 /* ------------------- NAVBAR ICONS ------------------- */
 
 /* Slack Navbar Icon */