feat: align styles with other sites (#46)

Reviewed-on: https://codeberg.org/nhcarrigan/docs/pulls/46
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>

astro.config.mjs

@@ -8,6 +8,8 @@ export default defineConfig({
   integrations: [starlight({
     components: {
       Footer: "./src/components/Footer.astro",
+      ThemeSelect: "./src/components/ThemeSelect.astro",
+      ThemeProvider: "./src/components/ThemeProvider.astro",
     },
     title: "Naomi's Documentation",
     sidebar: navigation,
@@ -31,7 +33,7 @@ export default defineConfig({
           id: "hs-script-loader",
           async: true,
           defer: true,
-          src: "//js.hs-scripts.com/47086586.js"
+          src: "https://js.hs-scripts.com/47086586.js"
         }
       },
       {
@@ -41,17 +43,13 @@ export default defineConfig({
           id: "analytics",
           src: "https://analytics.nhcarrigan.com/js/script.file-downloads.outbound-links.js",
           defer: true,
-          "data-domain": "docs.nhcarrigan.com"
+          "data-domain": "nhcarrigan.com"
         }
       },
       {
         tag: "script",
         content: "window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }"
       },
-      {
-        tag: "script",
-        content: `window.$crisp=[];window.CRISP_WEBSITE_ID="5398ce41-4ceb-4e31-9049-4c784a70179a";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();`
-      },
       {
         tag: "script",
         attrs: {
@@ -65,6 +63,6 @@ export default defineConfig({
     customCss: [
       "./src/styles/style.css",
       "./src/fonts/font-face.css"
-    ]
+    ],
   })]
 });

src/components/ThemeProvider.astro

@@ -0,0 +1,3 @@
+<script is:inline>
+  document.documentElement.dataset.theme = "light";
+</script>

src/fonts/font-face.css

@@ -1,6 +1,6 @@
 @font-face {
     font-family: "OpenDyslexic Mono";
-    src: url("./OpenDyslexicMono-Regular.otf") format("opentype");
+    src: url("https://cdn.nhcarrigan.com/fonts/OpenDyslexicMono-Regular.otf") format("opentype");
 }
 
 * {

src/styles/style.css

@@ -1,12 +1,7 @@
-:root,
+:root {
-:root[data-theme="light"] {
   --primary-color: #04624f;
   --background-color: #abfcecdd;
-}
+  --sl-color-text-accent: #04624f;
-
-:root[data-theme="dark"] {
-  --background-color: #04624fdd;
-  --primary-color: #abfcec;
 }
 
 .main-frame::before {
@@ -43,23 +38,58 @@ h2,
 h3,
 h4,
 h5,
-h6 {
+h6,
+a {
   color: var(--primary-color) !important;
 }
 
+a[aria-current="page"] {
+  color: var(--background-color) !important;
+  background-color: var(--primary-color) !important;
+}
+
 header {
   color: var(--primary-color) !important;
   background-color: var(--background-color) !important;
 }
 
+.large {
+  color: var(--primary-color) !important;
+}
+
 .right-sidebar-panel :where(a) {
   color: var(--primary-color) !important;
 }
 
-footer > div > a, footer > div > a:visited, footer > div > p {
+.right-sidebar-panel :where(a):hover {
+  color: var(--background-color) !important;
+  background-color: var(--primary-color) !important;
+}
+
+footer > div > a,
+footer > div > a:visited,
+footer > div > p {
   color: var(--primary-color) !important;
 }
 
-.right-sidebar-panel :where(a):hover {
+.social-icons::after {
-  color: white !important;
+  display: none;
+}
+
+.sidebar-content {
+  color: var(--primary-color) !important;
+}
+
+.link-title {
+  color: var(--primary-color) !important;
+}
+
+.pagination-links > a:hover {
+  color: var(--background-color) !important;
+  background-color: var(--primary-color) !important;
+}
+
+.pagination-links > a:hover > span > .link-title {
+  color: var(--background-color) !important;
+  background-color: var(--primary-color) !important;
 }