From 2ff426559a24349af2841a73c82146eeabcdbcc8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Faleiros?= <cauefaleiros@gmail.com>
Date: Wed, 8 Jul 2026 13:45:18 -0300
Subject: [PATCH] Improve light theme accent contrast

---
 src/index.css | 104 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 104 insertions(+)

diff --git a/src/index.css b/src/index.css
index 221ffaa..c13f6c0 100644
--- a/src/index.css
+++ b/src/index.css
@@ -150,3 +150,107 @@
       transparent;
   }
 }
+
+@layer utilities {
+  html[data-theme='offwhite'] .text-red-300,
+  html[data-theme='offwhite'] .text-red-400 {
+    color: #b42318 !important;
+  }
+
+  html[data-theme='offwhite'] .text-amber-100,
+  html[data-theme='offwhite'] .text-amber-200,
+  html[data-theme='offwhite'] .text-amber-300,
+  html[data-theme='offwhite'] .text-amber-400 {
+    color: #9a6700 !important;
+  }
+
+  html[data-theme='offwhite'] .text-sky-300,
+  html[data-theme='offwhite'] .text-sky-400,
+  html[data-theme='offwhite'] .text-sky-500 {
+    color: #0369a1 !important;
+  }
+
+  html[data-theme='offwhite'] .text-emerald-300,
+  html[data-theme='offwhite'] .text-emerald-400,
+  html[data-theme='offwhite'] .text-emerald-500 {
+    color: #047857 !important;
+  }
+
+  html[data-theme='offwhite'] .text-purple-300,
+  html[data-theme='offwhite'] .text-purple-400,
+  html[data-theme='offwhite'] .text-purple-500 {
+    color: #7e22ce !important;
+  }
+
+  html[data-theme='offwhite'] .text-zinc-300,
+  html[data-theme='offwhite'] .text-zinc-400 {
+    color: #5f5a52 !important;
+  }
+
+  html[data-theme='offwhite'] .bg-red-400\/10,
+  html[data-theme='offwhite'] .bg-red-500\/10 {
+    background-color: rgba(180, 35, 24, 0.12) !important;
+  }
+
+  html[data-theme='offwhite'] .bg-amber-400\/10,
+  html[data-theme='offwhite'] .bg-amber-500\/10 {
+    background-color: rgba(154, 103, 0, 0.12) !important;
+  }
+
+  html[data-theme='offwhite'] .bg-sky-400\/10,
+  html[data-theme='offwhite'] .bg-sky-500\/10 {
+    background-color: rgba(3, 105, 161, 0.12) !important;
+  }
+
+  html[data-theme='offwhite'] .bg-emerald-400\/10,
+  html[data-theme='offwhite'] .bg-emerald-500\/10 {
+    background-color: rgba(4, 120, 87, 0.12) !important;
+  }
+
+  html[data-theme='offwhite'] .bg-purple-400\/10,
+  html[data-theme='offwhite'] .bg-purple-500\/10 {
+    background-color: rgba(126, 34, 206, 0.12) !important;
+  }
+
+  html[data-theme='offwhite'] .bg-zinc-500\/10 {
+    background-color: rgba(95, 90, 82, 0.11) !important;
+  }
+
+  html[data-theme='offwhite'] .border-red-400\/25,
+  html[data-theme='offwhite'] .border-red-400\/30,
+  html[data-theme='offwhite'] .border-red-400\/35,
+  html[data-theme='offwhite'] .border-red-500\/30 {
+    border-color: rgba(180, 35, 24, 0.28) !important;
+  }
+
+  html[data-theme='offwhite'] .border-amber-400\/20,
+  html[data-theme='offwhite'] .border-amber-400\/25,
+  html[data-theme='offwhite'] .border-amber-400\/30,
+  html[data-theme='offwhite'] .border-amber-400\/35,
+  html[data-theme='offwhite'] .border-amber-500\/30 {
+    border-color: rgba(154, 103, 0, 0.30) !important;
+  }
+
+  html[data-theme='offwhite'] .border-sky-400\/25,
+  html[data-theme='offwhite'] .border-sky-400\/30,
+  html[data-theme='offwhite'] .border-sky-400\/35 {
+    border-color: rgba(3, 105, 161, 0.30) !important;
+  }
+
+  html[data-theme='offwhite'] .border-emerald-400\/25,
+  html[data-theme='offwhite'] .border-emerald-400\/30,
+  html[data-theme='offwhite'] .border-emerald-400\/35,
+  html[data-theme='offwhite'] .border-emerald-500\/30 {
+    border-color: rgba(4, 120, 87, 0.30) !important;
+  }
+
+  html[data-theme='offwhite'] .border-purple-400\/25,
+  html[data-theme='offwhite'] .border-purple-400\/30 {
+    border-color: rgba(126, 34, 206, 0.28) !important;
+  }
+
+  html[data-theme='offwhite'] .border-zinc-500\/30,
+  html[data-theme='offwhite'] .border-zinc-500\/35 {
+    border-color: rgba(95, 90, 82, 0.28) !important;
+  }
+}