fix(theme): remove light mode

taskyland · Feb 16, 2024 · c2b28e0 · c2b28e0 · erikk333 · Feb 16, 2024
1 parent 4340b13
commit c2b28e0
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 23 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/src/pages/Page.tsx b/src/pages/Page.tsx
@@ -45,12 +45,11 @@ export async function StatusPage({
 				<meta property="og:type" content="website" />
 				<meta name="theme-color" content="#9EB1FF" />
 				<link rel="stylesheet" href="/built.css" />
-				<script src="/theme.js" />
 			</head>
 
 			<body>
 				<main>
-					<div class="flex flex-col w-full p-4 md:p-6">
+					<div class="flex flex-col w-full p-4 md:p-6 text-neutral-300">
 						<header class="flex items-center h-16 mb-6">
 							<h1 class="text-2xl font-bold">simulation 🛸</h1>
 						</header>
@@ -64,7 +63,7 @@ export async function StatusPage({
 							<Logs logLines={logLines} timezone={timezone} />
 						</div>
 					</div>
-					<footer class="mt-4 w-full max-w-2xl p-4 text-center text-stone-800 dark:text-stone-400">
+					<footer class="mt-4 w-full max-w-2xl p-4 text-center text-stone-400">
 						<div class="flex justify-center space-x-2">
 							<a href="https://github.com/fmhy/simulation" class="px-2">
 								source
@@ -73,15 +72,6 @@ export async function StatusPage({
 							<a href="https://discord.gg/Stz6y6NgNg" class="px-2">
 								discord
 							</a>
-							<span>•</span>
-							<a
-								// biome-ignore lint: don't care
-								onClick="window.toggleColorScheme()"
-								type="button"
-								class="px-2"
-							>
-								theme
-							</a>
 							{enableExecuteAllProbes && (
 								<>
 									<span>•</span>

diff --git a/src/styles.css b/src/styles.css
@@ -17,18 +17,10 @@
   }
 }
 
-:root {
-  color-scheme: light;
-
-  &.dark {
-    color-scheme: dark;
-  }
-}
-
 a {
-  @apply text-sky-200 decoration-dashed hover:decoration-solid focus:decoration-solid;
+  @apply text-brand decoration-dashed hover:decoration-solid focus:decoration-solid;
 }
 
 body {
-  @apply min-h-screen bg-neutral-300 dark:bg-neutral-900 focus:outline-none;
+  @apply min-h-screen bg-neutral-900 focus:outline-none;
 }
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -3,7 +3,9 @@ import type { Config } from 'tailwindcss'
 export default {
 	content: ['./src/**/*.tsx'],
 	theme: {
-		extend: {}
+		extend: {
+			colors: { brand: '#9EB1FF' }
+		}
 	},
 	plugins: []
 } satisfies Config