nico
f0558aa0d0
- Add dark mode toggle component in admin header - Integrate dark mode store across admin layout and child components - Update header, judulList, and judulListTab components with theme tokens - Add unified typography components for consistent theming - Implement smooth transitions for dark/light mode switching - Add mounted state to prevent hydration mismatches - Style navbar with dark mode aware colors and hover states - Update button styles with gradient effects for both themes Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
32 lines
826 B
CSS
32 lines
826 B
CSS
/**
|
|
* Dark Mode Table Styles
|
|
*
|
|
* Override Mantine table hover styles untuk dark mode
|
|
* Agar teks putih tetap terlihat saat hover
|
|
*/
|
|
|
|
/* Dark mode table hover */
|
|
[data-mantine-color-scheme="dark"] {
|
|
/* Table hover */
|
|
.mantine-Table-tr:hover {
|
|
background-color: rgba(255, 255, 255, 0.08) !important;
|
|
}
|
|
|
|
/* Table striped hover */
|
|
.mantine-Table-striped .mantine-Table-tr:nth-of-type(odd):hover {
|
|
background-color: rgba(255, 255, 255, 0.08) !important;
|
|
}
|
|
|
|
/* Table with column borders */
|
|
.mantine-Table-withColumnBorders .mantine-Table-tr:hover {
|
|
background-color: rgba(255, 255, 255, 0.08) !important;
|
|
}
|
|
}
|
|
|
|
/* Light mode table hover - default Mantine behavior */
|
|
[data-mantine-color-scheme="light"] {
|
|
.mantine-Table-tr:hover {
|
|
background-color: rgba(0, 0, 0, 0.02) !important;
|
|
}
|
|
}
|