Refactoring some theme colors

2026-07-24 14:11:17 -07:00
parent 3697575f54
commit 2283d156ea
2 changed files with 8 additions and 9 deletions
@@ -15,9 +15,9 @@ const ResponsiveGridLayout = WidthProvider(Responsive);

 export default function MyDashboard() {
    // 🌗 Let's adjust for our light and dark mode
-    const frameBg = useColorModeValue("gray.100", "#1E1E2B");
-    const titleColor = useColorModeValue("gray.800", "gray.100");
-    const iconColor = useColorModeValue("gray.600", "gray.400");
+    const frameBg = useColorModeValue("FFFFFF0A", "#FFFFFF0A");
+    const titleColor = useColorModeValue("gray.800", "#FFFFFF");
+    const iconColor = useColorModeValue("gray.600", "#FFFFFF");
    const iconHoverBg = useColorModeValue("gray.100", "gray.700");

    // ☁️ Database Connection
@@ -154,7 +154,6 @@ export default function MyDashboard() {
                {widgets.map(widget => (
                    <Box
                        key={widget.id}
-                        bg="white"
                        borderRadius="md"
                        boxShadow={isEditing ? "outline" : "sm"} // Visual cue when editing
                        border={isEditing ? "2px dashed gray" : "1px solid"}