From c558da5bebfebf239dde867f36cc35d56849accf Mon Sep 17 00:00:00 2001 From: Ellie Huxtable Date: Sat, 25 Feb 2023 23:29:59 +0000 Subject: Add fancy web docs (#725) * Add initial site * WIP again * Replace docs with web docs * Bring back translations * Update README.md * remove images --- docs/src/css/custom.css | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 docs/src/css/custom.css (limited to 'docs/src/css/custom.css') diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css new file mode 100644 index 00000000..d7c8f98e --- /dev/null +++ b/docs/src/css/custom.css @@ -0,0 +1,35 @@ +/** + * 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. + */ + +@tailwind base; +@tailwind components; +@tailwind utilities; + +/* You can override the default Infima variables here. */ +:root { + --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-code-font-size: 95%; + --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); +} + +/* For readability concerns, you should choose a lighter palette in dark mode. */ +[data-theme='dark'] { + --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; + --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); +} + -- cgit v1.3.1