made dark mode default, new to tailwind lol

Kyle-Undefined · Kyle-Undefined · commit 2baf326267c9 · 2026-01-22T11:41:10.000-05:00
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -13,7 +13,7 @@ const { title, description = "Kyle Undefined.dev, just a dude who enjoys writing
 ---
 
 <!doctype html>
-<html lang="en" class="scroll-smooth">
+<html lang="en" class="scroll-smooth dark">
 	<head>
 		<meta charset="utf-8" />
 		<meta name="description" content={description} />
diff --git a/src/styles/global.css b/src/styles/global.css
@@ -2,6 +2,8 @@
 @import "tailwindcss";
 @plugin "@tailwindcss/typography";
 
+@variant dark (&:where(.dark, .dark *));
+
 @theme {
   --font-sans: "Monda", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 
diff --git a/tailwind.confg.js b/tailwind.confg.js
@@ -0,0 +1,3 @@
+module.exports = {
+  darkMode: 'class',
+}
