Better colors

dubzzz · May 12, 2023 · 69ad9f5 · 69ad9f5
1 parent 16d44aa
commit 69ad9f5
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 6 deletions.
diff --git a/website/src/components/HomepageFeatures/styles.module.css b/website/src/components/HomepageFeatures/styles.module.css
@@ -8,6 +8,7 @@
 .featureSvg {
   height: 144px;
   width: 144px;
+  fill: var(--fc-banner-background-color);
 }
 
 .featureName {

diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -15,6 +15,7 @@
   --ifm-color-primary-lightest: rgb(52, 61, 220);
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+  --fc-banner-background-color: rgb(40, 46, 169);
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -27,4 +28,5 @@
   --ifm-color-primary-lighter: #dcddf7;
   --ifm-color-primary-lightest: #ffffff;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+  --fc-banner-background-color: rgb(52, 61, 220);
 }
diff --git a/website/src/pages/index.module.css b/website/src/pages/index.module.css
@@ -8,11 +8,7 @@
   text-align: center;
   position: relative;
   overflow: hidden;
-  background-color: rgb(40, 46, 169);
-}
-
-[data-theme='dark'] .heroBanner {
-  background-color: rgb(52, 61, 220);
+  background-color: var(--fc-banner-background-color);
 }
 
 .mainTitle {

diff --git a/website/static/img/syringe.svg b/website/static/img/syringe.svg