35 lines
673 B
CSS
35 lines
673 B
CSS
@import "tailwindcss";
|
|
|
|
@custom-variant dark (&:where(.dark, .dark *));
|
|
|
|
/* Scrollbars styling for light and dark modes */
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #cbd5e1; /* slate-300 */
|
|
border-radius: 4px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #94a3b8; /* slate-400 */
|
|
}
|
|
|
|
.dark ::-webkit-scrollbar-thumb {
|
|
background: #334155; /* slate-700 */
|
|
}
|
|
|
|
.dark ::-webkit-scrollbar-thumb:hover {
|
|
background: #475569; /* slate-600 */
|
|
}
|
|
|
|
/* Base body styles */
|
|
body {
|
|
@apply bg-slate-50 text-slate-600 antialiased transition-colors duration-200;
|
|
}
|