fix some bug in frontend

2026-04-30 22:44:06 +07:00
parent ae583a72de
commit df3a3cd188
3 changed files with 100 additions and 7 deletions
@@ -11,4 +11,64 @@
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
-}
+}
+
+.light body {
+  background-color: rgb(244 244 245);
+  color: rgb(24 24 27);
+}
+
+/* Light theme overrides for existing zinc-based utility classes in pages/cards/forms. */
+.light .border-zinc-800 {
+  border-color: rgb(212 212 216);
+}
+
+.light .border-zinc-700 {
+  border-color: rgb(161 161 170);
+}
+
+.light .bg-zinc-900\/20,
+.light .bg-zinc-900\/30 {
+  background-color: rgb(255 255 255 / 0.82);
+}
+
+.light .bg-zinc-950 {
+  background-color: rgb(255 255 255);
+}
+
+.light .bg-zinc-950\/10 {
+  background-color: rgb(244 244 245 / 0.72);
+}
+
+.light .bg-zinc-950\/30,
+.light .bg-zinc-950\/40 {
+  background-color: rgb(228 228 231 / 0.78);
+}
+
+.light .hover\:bg-zinc-900:hover {
+  background-color: rgb(228 228 231);
+}
+
+.light .hover\:bg-zinc-950\/30:hover {
+  background-color: rgb(228 228 231 / 0.9);
+}
+
+.light .text-zinc-100,
+.light .text-zinc-200 {
+  color: rgb(24 24 27);
+}
+
+.light .text-zinc-300,
+.light .text-zinc-400 {
+  color: rgb(82 82 91);
+}
+
+.light .text-zinc-500 {
+  color: rgb(113 113 122);
+}
+
+.light .from-zinc-950\/80 {
+  --tw-gradient-from: rgb(255 255 255 / 0.88) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}