diff --git a/astro.config.mjs b/astro.config.mjs
index cecd5c9..6a90f8d 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -5,37 +5,6 @@ import rehypeKatex from "rehype-katex";
import remarkMath from "remark-math";
import path from "path";
-const midnight = {
- name: "midnight",
- type: "dark",
- colors: {
- "editor.background": "#121212",
- "editor.foreground": "#e0e0e0",
- },
- tokenColors: [
- {
- scope: [
- "storage.type",
- "storage.modifier",
- "keyword.control",
- "keyword.operator.new",
- ],
- settings: { foreground: "#7aa2f7" },
- },
- {
- scope: [
- "string",
- "constant",
- "constant.numeric",
- "constant.language",
- "constant.character",
- "number",
- ],
- settings: { foreground: "#98c379" },
- },
- ],
-};
-
const daylight = {
name: "daylight",
type: "light",
@@ -97,7 +66,6 @@ export default defineConfig({
shikiConfig: {
themes: {
light: daylight,
- dark: midnight,
},
langs: [],
wrap: true,
diff --git a/public/scripts/index.js b/public/scripts/index.js
index bfbc429..6a27dd3 100644
--- a/public/scripts/index.js
+++ b/public/scripts/index.js
@@ -251,30 +251,6 @@
true,
);
- const themeToggle = document.getElementById("theme-toggle");
- if (themeToggle) {
- function updateBearVisual() {
- const currentTheme =
- document.documentElement.getAttribute("data-theme");
- if (currentTheme === "dark") {
- themeToggle.textContent = "☾⊂ʕ•ᴥ•ʔ";
- } else {
- themeToggle.textContent = "☼⊂ʕ•ᴥ•ʔ";
- }
- }
-
- updateBearVisual();
-
- themeToggle.addEventListener("click", () => {
- const currentTheme =
- document.documentElement.getAttribute("data-theme");
- const newTheme = currentTheme === "dark" ? "light" : "dark";
- document.documentElement.setAttribute("data-theme", newTheme);
- localStorage.setItem("theme", newTheme);
- updateBearVisual();
- });
- }
-
window.addEventListener("beforeunload", () => {
const el = promptEl();
if (el) el.textContent = TERMINAL_PROMPT;
diff --git a/public/styles/common.css b/public/styles/common.css
index 67a8597..8b5e466 100644
--- a/public/styles/common.css
+++ b/public/styles/common.css
@@ -150,16 +150,6 @@
--grid-color: rgba(200, 200, 200, 0.4);
}
-@media (prefers-color-scheme: dark) {
- :root {
- --bg: #000;
- --text: #fff;
- --code-bg: #121212;
- --border: #2d2d2d;
- --grid-color: rgba(55, 55, 55, 0.4);
- }
-}
-
[data-theme="light"] {
--bg: #fff;
--text: #000;
@@ -168,14 +158,6 @@
--grid-color: rgba(200, 200, 200, 0.4);
}
-[data-theme="dark"] {
- --bg: #000;
- --text: #fff;
- --code-bg: #121212;
- --border: #2d2d2d;
- --grid-color: rgba(55, 55, 55, 0.4);
-}
-
pre,
code,
pre code,
@@ -208,11 +190,6 @@ footer {
justify-content: space-between;
}
-#theme-toggle {
- cursor: pointer;
- user-select: none;
-}
-
.main {
display: flex;
justify-content: center;
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 57ec707..5e2fee4 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -26,14 +26,9 @@ const promptText = topic ? `barrett@ruth:~$ ${topic}` : "barrett@ruth:~$";
- ☼⊂ʕ•ᴥ•ʔ