init

src/css/custom.css

@@ -0,0 +1,63 @@
+:root {
+  --ifm-color-primary: #06b6d4; /* cyan-500 */
+  --ifm-color-primary-dark: #0e7490;
+  --ifm-color-primary-darker: #155e75;
+  --ifm-color-primary-darkest: #0f172a;
+  --ifm-color-primary-light: #22d3ee;
+  --ifm-color-primary-lighter: #a5f3fc;
+  --ifm-color-primary-lightest: #ecfeff;
+
+  --ifm-background-color: #ffffff;
+  --ifm-background-surface-color: #ffffff;
+
+  --ifm-card-background-color: #ffffff;
+}
+
+html[data-theme='dark'] {
+  /* Keep a standard dark mode while mirroring the same overall layout structure */
+  --ifm-background-color: #020617;
+  --ifm-background-surface-color: #020617;
+  --ifm-card-background-color: #020617;
+}
+
+.navbar {
+  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06);
+}
+
+.hero--primary {
+  background: #ffffff;
+  color: #0f172a;
+}
+
+[data-theme='dark'] .hero--primary {
+  background: #020617;
+  color: #e5e7eb;
+}
+
+.hero--primary .button.button--primary {
+  background-color: var(--ifm-color-primary);
+  border-color: var(--ifm-color-primary);
+}
+
+.main-wrapper {
+  background-color: var(--ifm-background-color);
+}
+
+/* Align overview page content with other docs even without a sidebar */
+.overview-doc .theme-doc-markdown {
+  margin-left: var(--doc-sidebar-width, 300px);
+  max-width: calc(100% - var(--doc-sidebar-width, 300px));
+}
+
+@media (max-width: 996px) {
+  .overview-doc .theme-doc-markdown {
+    margin-left: 0;
+    max-width: 100%;
+  }
+}
+
+.markdown h1,
+.markdown h2,
+.markdown h3 {
+  scroll-margin-top: 5rem;
+}