From c0e2a584008af07d6872d53ee0fbf9b62db307d9 Mon Sep 17 00:00:00 2001 From: Mathias Wagner Date: Sat, 4 Nov 2023 16:15:55 +0100 Subject: [PATCH] Edited the custom.css style --- src/css/custom.css | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) create mode 100644 src/css/custom.css diff --git a/src/css/custom.css b/src/css/custom.css new file mode 100644 index 0000000..fdbf2c5 --- /dev/null +++ b/src/css/custom.css @@ -0,0 +1,30 @@ +/** + * Any CSS included here will be global. The classic template + * bundles Infima by default. Infima is a CSS framework designed to + * work well for content-centric websites. + */ + +/* You can override the default Infima variables here. */ +:root { + --ifm-color-primary: #7289D9; + --ifm-color-primary-dark: #5F73B6; + --ifm-color-primary-darker: #4D5A93; + --ifm-color-primary-darkest: #3A4170; + --ifm-color-primary-light: #8B9FD9; + --ifm-color-primary-lighter: #9CA8D9; + --ifm-color-primary-lightest: #BDC6E6; + --ifm-code-font-size: 95%; + --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.07); +} + +/* For readability concerns, you should choose a lighter palette in dark mode. */ +[data-theme='dark'] { + --ifm-color-primary: #7289D9; + --ifm-color-primary-dark: #5F73B6; + --ifm-color-primary-darker: #4D5A93; + --ifm-color-primary-darkest: #3A4170; + --ifm-color-primary-light: #8B9FD9; + --ifm-color-primary-lighter: #9CA8D9; + --ifm-color-primary-lightest: #BDC6E6; + --docusaurus-highlighted-code-line-bg: rgba(255, 255, 255, 0.07); +}