Match website theme with C3 Handbook and Main page (#14)

* style: Match website theme with C3 Handbook and Main page
* add: the styling for hiding icons on theme switcher
* fix: default theme loading from localstorage

.astro/types.d.ts

@@ -165,11 +165,11 @@ declare module 'astro:content' {
 			? {
 					collection: C;
 					slug: ValidContentEntrySlug<C>;
-				}
+			  }
 			: {
 					collection: C;
 					id: keyof DataEntryMap[C];
-				}
+			  }
 	>;
 	// Allow generic `string` to avoid excessive type errors in the config
 	// if `dev` is not running to update as you edit.
@@ -185,6 +185,13 @@ declare module 'astro:content' {
 
 	type ContentEntryMap = {
 		"docs": {
+"guide/basic-types-and-values.md": {
+	id: "guide/basic-types-and-values.md";
+  slug: "guide/basic-types-and-values";
+  body: string;
+  collection: "docs";
+  data: InferEntrySchema<"docs">
+} & { render(): Render[".md"] };
 "guide/index.mdx": {
 	id: "guide/index.mdx";
   slug: "guide";
@@ -458,6 +465,13 @@ declare module 'astro:content' {
   collection: "docs";
   data: InferEntrySchema<"docs">
 } & { render(): Render[".md"] };
+"references/docs/stdlib_refcard.md": {
+	id: "references/docs/stdlib_refcard.md";
+  slug: "references/docs/stdlib_refcard";
+  body: string;
+  collection: "docs";
+  data: InferEntrySchema<"docs">
+} & { render(): Render[".md"] };
 "references/docs/syntax.md": {
 	id: "references/docs/syntax.md";
   slug: "references/docs/syntax";

src/components/navbar.astro

@@ -1,11 +1,7 @@
----
-
----
-
 <script lang="js">
   if (
-    localStorage.theme === "dark" ||
-    (!("theme" in localStorage) &&
+    localStorage["starlight-theme"] === "dark" ||
+    (!(["starlight-theme"] in localStorage) &&
       window.matchMedia("(prefers-color-scheme: dark)").matches)
   ) {
     document.documentElement.classList.add("dark");
@@ -16,7 +12,7 @@
   const HSThemeAppearance = {
     init() {
       const defaultTheme = "default";
-      let theme = localStorage.getItem("hs_theme") || defaultTheme;
+      let theme = localStorage.getItem("starlight-theme") || defaultTheme;
 
       if (document.querySelector("html").classList.contains("dark")) return;
       this.setAppearance(theme);
@@ -32,7 +28,7 @@
       const $resetStylesEl = this._resetStylesOnLoad();
 
       if (saveInStore) {
-        localStorage.setItem("hs_theme", theme);
+        localStorage.setItem("starlight-theme", theme);
       }
 
       if (theme === "auto") {
@@ -70,7 +66,7 @@
     },
     getOriginalAppearance() {
       const defaultTheme = "default";
-      return localStorage.getItem("hs_theme") || defaultTheme;
+      return localStorage.getItem("starlight-theme") || defaultTheme;
     },
   };
   HSThemeAppearance.init();