/* * This is a manifest file that'll be compiled into application.css. * * With Propshaft, assets are served efficiently without preprocessing steps. */ /* Light mode overrides — activated by .light on */ html.light body { background-color: #f8f9fb !important; color: #1a1a2e !important; } /* Sidebar */ html.light .bg-\[\#161b22\] { background-color: #ffffff !important; border-color: #e5e7eb !important; } /* Cards & panels */ html.light .bg-\[\#1c2333\] { background-color: #f0f2f5 !important; } /* Main background */ html.light .bg-\[\#0f1117\] { background-color: #f8f9fb !important; } html.light .bg-\[\#0f1117\]\/80 { background-color: rgba(248, 249, 251, 0.8) !important; } /* Text colors */ html.light .text-white { color: #1a1a2e !important; } html.light .text-gray-100 { color: #1a1a2e !important; } html.light .text-gray-300 { color: #374151 !important; } html.light .text-gray-400 { color: #6b7280 !important; } html.light .text-gray-500 { color: #9ca3af !important; } html.light .text-gray-600 { color: #9ca3af !important; } /* Borders */ html.light .border-gray-800 { border-color: #e5e7eb !important; } /* Progress bar background */ html.light .bg-gray-800 { background-color: #e5e7eb !important; } /* Hover states */ html.light .hover\:bg-\[\#1c2333\]:hover { background-color: #e8eaed !important; } html.light .hover\:text-white:hover { color: #1a1a2e !important; } /* Active nav item */ html.light nav .bg-\[\#1c2333\] { background-color: #e8f0fe !important; } /* Accent colors stay the same (yellow, green, etc) — they pop on both */ /* Scrollbar for light mode */ html.light ::-webkit-scrollbar-track { background: #f0f2f5; } html.light ::-webkit-scrollbar-thumb { background: #d1d5db; }