From c24614753ec6308453cd33b83d40e62a501aca46 Mon Sep 17 00:00:00 2001 From: jolheiser Date: Thu, 27 Jul 2023 23:49:16 +0000 Subject: [PATCH] Update primary color(s) (#53) Closes #35 One caveat, I used the docusaurus [styling and layout](https://docusaurus.io/docs/styling-layout/#styling-your-site-with-infima) color generator and fiddled until I could get a AA contrast ratio, so the colors aren't as exact as the one suggested in https://gitea.com/gitea/gitea-docusaurus/issues/35#issuecomment-742982 (But it still looks better than the blue-green we currently have imo) ![dark theme](/attachments/153c66eb-bdc6-4758-852c-f6a3beb45cdb) ![light theme](/attachments/c45495a8-e1ab-45a0-ab15-4bbdd887aea5) Reviewed-on: https://gitea.com/gitea/gitea-docusaurus/pulls/53 Co-authored-by: jolheiser Co-committed-by: jolheiser --- src/css/custom.css | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index 8c3b9694..ea41c100 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -25,13 +25,13 @@ --palette-charade: #21222c; --palette-rock: #262833; --palette-pale-blue: #b1b5d3; - --ifm-color-primary: #2e8555; - --ifm-color-primary-dark: #29784c; - --ifm-color-primary-darker: #277148; - --ifm-color-primary-darkest: #205d3b; - --ifm-color-primary-light: #33925d; - --ifm-color-primary-lighter: #359962; - --ifm-color-primary-lightest: #3cad6e; + --ifm-color-primary: #3c6018; + --ifm-color-primary-dark: #365616; + --ifm-color-primary-darker: #335214; + --ifm-color-primary-darkest: #2a4311; + --ifm-color-primary-light: #426a1a; + --ifm-color-primary-lighter: #456e1c; + --ifm-color-primary-lightest: #4e7d1f; --ifm-code-font-size: 95%; --ifm-global-border-radius: 8px; --docusaurus-highlighted-code-line-bg: var(--palette-dark-10); @@ -56,13 +56,13 @@ /* For readability concerns, you should choose a lighter palette in dark mode. */ [data-theme='dark'] { --palette-gray: #4b4e5d; - --ifm-color-primary: #25c2a0; - --ifm-color-primary-dark: #21af90; - --ifm-color-primary-darker: #1fa588; - --ifm-color-primary-darkest: #1a8870; - --ifm-color-primary-light: #29d5b0; - --ifm-color-primary-lighter: #32d8b4; - --ifm-color-primary-lightest: #4fddbf; + --ifm-color-primary: #79c230; + --ifm-color-primary-dark: #6daf2b; + --ifm-color-primary-darker: #67a529; + --ifm-color-primary-darkest: #5b9224; + --ifm-color-primary-light: #85cf3c; + --ifm-color-primary-lighter: #8bd145; + --ifm-color-primary-lightest: #9dd862; --docusaurus-highlighted-code-line-bg: var(--palette-dark-30); --theme-attention-card-bg-color: var(--palette-gray); --theme-input-bg-color: #44475a;