59 lines
1.1 KiB
CSS
59 lines
1.1 KiB
CSS
/* Dark Mode Finance Theme Overrides */
|
|
|
|
:root {
|
|
--bg-dark: #0a0b0d;
|
|
--card-bg: #1e2126;
|
|
--accent-green: #00ffad;
|
|
--accent-red: #ff4d4d;
|
|
--text-main: #ffffff;
|
|
--text-muted: #94a3b8;
|
|
--border-color: #2d333b;
|
|
}
|
|
|
|
/* Custom Scrollbar */
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: var(--bg-dark);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #2d333b;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #3d444d;
|
|
}
|
|
|
|
/* Table Transitions */
|
|
.table-hover tbody tr:hover {
|
|
color: var(--text-main);
|
|
}
|
|
|
|
.badge {
|
|
font-weight: 600;
|
|
letter-spacing: 0.5px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
/* Glassmorphism utility */
|
|
.glass {
|
|
background: rgba(30, 33, 38, 0.7);
|
|
backdrop-filter: blur(8px);
|
|
-webkit-backdrop-filter: blur(8px);
|
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
/* Button polishing */
|
|
.btn-outline-light {
|
|
border-color: var(--border-color);
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.btn-outline-light:hover {
|
|
background-color: var(--border-color);
|
|
color: var(--text-main);
|
|
} |