From 07dc355c6c3b88bb750aaf25f5c11ad877d9e59e Mon Sep 17 00:00:00 2001
From: light7734 <light7734@tuta.io>
Date: Sat, 11 Oct 2025 22:54:22 +0330
Subject: [PATCH] style: add gruvbox dark & gruvbox light themes

---
 tailwind.config.ts | 55 ++++++++++++++++++++++++++++++++--------------
 1 file changed, 39 insertions(+), 16 deletions(-)

diff --git a/tailwind.config.ts b/tailwind.config.ts
index d3d78a6..d53356b 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -3,28 +3,51 @@ import typography from '@tailwindcss/typography';
 import type { Config } from 'tailwindcss';
 
 export default {
+	darkMode: 'class', // important for theme switching
 	content: ['./src/**/*.{html,js,svelte,ts}'],
 
 	theme: {
-		extend: {},
-		colors: {
-			foundation: '#282828',
-			primary: '#282828',
-			secondary: '#000000',
-			accent: '#ff0000',
+		extend: {
+			colors: {
+				// Gruvbox Light
+				gruvboxLight: {
+					bg: '#fbf1c7',
+					fg: '#3c3836',
+					primary: '#458588',
+					secondary: '#b16286',
+					accent: '#d79921',
+					neutral: '#a89984',
+					muted: '#7c6f64',
+					red: '#cc241d',
+					green: '#98971a',
+					blue: '#458588',
+					yellow: '#d79921',
+					orange: '#d65d0e',
+					purple: '#b16286',
+					aqua: '#689d6a'
+				},
 
-			neutral: '#000000',
-
-			primary_text: '#fbf1c7',
-			muted_text: '#a89984',
-			accent_text: '#fb4934',
-
-			red: '#000000',
-			green: '#000000',
-			blue: '#83a598',
-			yellow: '#000000'
+				// Gruvbox Dark
+				gruvboxDark: {
+					bg: '#282828',
+					fg: '#ebdbb2',
+					primary: '#83a598',
+					secondary: '#d3869b',
+					accent: '#fabd2f',
+					neutral: '#928374',
+					muted: '#7c6f64',
+					red: '#fb4934',
+					green: '#b8bb26',
+					blue: '#83a598',
+					yellow: '#fabd2f',
+					orange: '#fe8019',
+					purple: '#d3869b',
+					aqua: '#8ec07c'
+				}
+			}
 		}
 	},
 
 	plugins: [typography, containerQueries]
 } satisfies Config;
+