mirror of
https://github.com/ChenQihan666/MyBlog-Next.git
synced 2026-08-14 07:33:07 +08:00
Sat Naing
40 lines
806 B
CSS
40 lines
806 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
:root {
|
|
--color-text-base: 40, 39, 40;
|
|
--color-text-accent: 0, 108, 172;
|
|
--color-fill: 251, 254, 251;
|
|
--color-accent: 0, 108, 172;
|
|
--color-card: 230, 230, 230;
|
|
--color-border: 236, 233, 233;
|
|
}
|
|
.theme-dark {
|
|
--color-text-base: 250, 253, 254;
|
|
--color-text-accent: 26, 217, 217;
|
|
--color-fill: 38, 45, 54;
|
|
--color-accent: 26, 217, 217;
|
|
--color-card: 63, 75, 90;
|
|
--color-border: 59, 70, 85;
|
|
}
|
|
#sun-svg,
|
|
.theme-dark #moon-svg {
|
|
display: none;
|
|
}
|
|
#moon-svg,
|
|
.theme-dark #sun-svg {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.btn-blue {
|
|
@apply bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded;
|
|
}
|
|
.display-none {
|
|
@apply hidden;
|
|
}
|
|
}
|