style: updating colors

Spantree · Nov 18, 2023 · fb67352 · fb67352
1 parent 5178695
commit fb67352
Show file tree

Hide file tree

Showing 2 changed files with 73 additions and 9 deletions.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -7,32 +7,91 @@
 /* You can override the default Infima variables here. */
 :root {
   --ifm-color-primary: #1e293b;
-  --ifm-color-primary-dark: #4338ca;
-  --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-dark: #3730a3;
+  --ifm-color-primary-darker: #312e81;
+  --ifm-color-primary-darkest: #1e1b4b;
+  --ifm-color-primary-light: #4f46e5;
+  --ifm-color-primary-lighter: #6366f1;
+  --ifm-color-primary-lightest: #818cf8;
+  --ifm-color-secondary: #e0e7ff;
   --ifm-code-font-size: 95%;
+  --ifm-font-color-base: #1e293b;
+  --ifm-menu-color: #334155;
+  --ifm-menu-color-active: #4f46e5;
   --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: #f1f5f9;
-  --ifm-color-primary-dark: #818cf8;
+  --ifm-color-primary: #4338ca;
+  /* --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-lightest: #4fddbf; */
+  --ifm-heading-color: #e0e7ff;
+  --ifm-subheading-color: #e0e7ff;
+  --ifm-hero-text-color: #e0e7ff;
+  --ifm-font-color-base: #e0e7ff;
+  --ifm-menu-color: #e2e8f0;
+  --ifm-menu-color-active: #4f46e5;
+  --ifm-navbar-link-color: #f1f5f9;
+  --ifm-navbar-link-hover-color: #f1f5f9;
+
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
 
+.button--secondary {
+  background-color: #e2e8f0;
+}
+
+.button--secondary:hover {
+  background-color: #f8fafc;
+}
+
+[data-theme="dark"] .hero__subtitle {
+  color: var(--ifm-font-color-base);
+}
+
 .navbar__logo {
   max-height: 20px;
 }
 
 .theme-doc-markdown {
   max-width: 50rem;
 }
+
+.heroBanner {
+  padding: 4rem 0;
+  text-align: center;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.heroBanner .container {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+/* .hero__title,
+.hero__subtitle {
+  color: #f8fafc;
+} */
+
+@media screen and (max-width: 996px) {
+  .heroBanner {
+    padding: 2rem;
+  }
+}
+
+.buttons {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
@@ -20,6 +20,11 @@
   justify-content: center;
 }
 
+/* .hero__title,
+.hero__subtitle {
+  color: #f8fafc;
+} */
+
 @media screen and (max-width: 996px) {
   .heroBanner {
     padding: 2rem;