diff --git a/src/css/custom.css b/src/css/custom.css index 1d0e5071..37500a51 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -6,34 +6,49 @@ /* You can override the default Infima variables here. */ :root { - --ifm-color-primary: #fe008e; - --ifm-color-primary-dark: #e50080; - --ifm-color-primary-darker: #d80079; - --ifm-color-primary-darkest: #b20063; - --ifm-color-primary-light: #ff1899; - --ifm-color-primary-lighter: #ff259f; - --ifm-color-primary-lightest: #ff4bb0; - --ifm-background-color: #faf9f6; - --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: #cf00b8; - --ifm-color-primary-dark: #ba00a6; - --ifm-color-primary-darker: #b0009c; - --ifm-color-primary-darkest: #910081; - --ifm-color-primary-light: #e400ca; - --ifm-color-primary-lighter: #ee00d4; - --ifm-color-primary-lightest: #ff0ee4; - --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); -} - + --ifm-color-primary: #fe008e; + --ifm-color-primary-dark: #e50080; + --ifm-color-primary-darker: #d80079; + --ifm-color-primary-darkest: #b20063; + --ifm-color-primary-light: #ff1899; + --ifm-color-primary-lighter: #ff259f; + --ifm-color-primary-lightest: #ff4bb0; + --ifm-background-color: #faf9f6; + --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: #cf00b8; + --ifm-color-primary-dark: #ba00a6; + --ifm-color-primary-darker: #b0009c; + --ifm-color-primary-darkest: #910081; + --ifm-color-primary-light: #e400ca; + --ifm-color-primary-lighter: #ee00d4; + --ifm-color-primary-lightest: #ff0ee4; + --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); +} + .custom-banner-bg { - background: linear-gradient(135deg, #ff008e 0%, #CF00B8 100%); + background: var(--ifm-background-color); +} + +[data-theme='dark'] .custom-banner-bg a { + color: white; } +.custom-banner-bg h1 { + color: var(--ifm-color-primary); +} + +[data-theme='dark'] .custom-banner-bg p { + color: white; +} + +[data-theme='light'] .custom-banner-bg p { + color: black; +} .admonition-holder { --ifm-alert-background-color: #b6b2f5; diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 0bc3f280..cd2ac5c3 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -14,8 +14,8 @@ function HomepageHeader() {

{siteConfig.title}

{siteConfig.tagline}

- - Get Started 🚀 + + Get Started
diff --git a/static/img/favicon.ico b/static/img/favicon.ico index 90697b9f..5578773c 100644 Binary files a/static/img/favicon.ico and b/static/img/favicon.ico differ