75 lines
1.6 KiB
CSS
75 lines
1.6 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
|
|
line-height: 1.5;
|
|
font-weight: 400;
|
|
|
|
font-synthesis: none;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.light body {
|
|
background-color: rgb(244 244 245);
|
|
color: rgb(24 24 27);
|
|
}
|
|
|
|
/* Light theme overrides for existing zinc-based utility classes in pages/cards/forms. */
|
|
.light .border-zinc-800 {
|
|
border-color: rgb(212 212 216);
|
|
}
|
|
|
|
.light .border-zinc-700 {
|
|
border-color: rgb(161 161 170);
|
|
}
|
|
|
|
.light .bg-zinc-900\/20,
|
|
.light .bg-zinc-900\/30 {
|
|
background-color: rgb(255 255 255 / 0.82);
|
|
}
|
|
|
|
.light .bg-zinc-950 {
|
|
background-color: rgb(255 255 255);
|
|
}
|
|
|
|
.light .bg-zinc-950\/10 {
|
|
background-color: rgb(244 244 245 / 0.72);
|
|
}
|
|
|
|
.light .bg-zinc-950\/30,
|
|
.light .bg-zinc-950\/40 {
|
|
background-color: rgb(228 228 231 / 0.78);
|
|
}
|
|
|
|
.light .hover\:bg-zinc-900:hover {
|
|
background-color: rgb(228 228 231);
|
|
}
|
|
|
|
.light .hover\:bg-zinc-950\/30:hover {
|
|
background-color: rgb(228 228 231 / 0.9);
|
|
}
|
|
|
|
.light .text-zinc-100,
|
|
.light .text-zinc-200 {
|
|
color: rgb(24 24 27);
|
|
}
|
|
|
|
.light .text-zinc-300,
|
|
.light .text-zinc-400 {
|
|
color: rgb(82 82 91);
|
|
}
|
|
|
|
.light .text-zinc-500 {
|
|
color: rgb(113 113 122);
|
|
}
|
|
|
|
.light .from-zinc-950\/80 {
|
|
--tw-gradient-from: rgb(255 255 255 / 0.88) var(--tw-gradient-from-position);
|
|
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
}
|