diff --git a/.github/workflows/master.yml b/.github/workflows/master.yml index d05e7c9bc..b2eeed150 100644 --- 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 index 45e42cf86..7ba1bf002 100644 --- 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 */