Update component css
This commit is contained in:
37
lib/theme.css
Normal file
37
lib/theme.css
Normal file
@@ -0,0 +1,37 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
|
||||
@theme {
|
||||
--light-text-color: #213547;
|
||||
--light-bg-color: #FFFFFF;
|
||||
|
||||
--dark-text-color: #FFFFFFDE;
|
||||
--dark-bg-color: #242424;
|
||||
}
|
||||
|
||||
|
||||
:root {
|
||||
font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
|
||||
line-height: 1.5;
|
||||
font-weight: 400;
|
||||
|
||||
color-scheme: light dark;
|
||||
|
||||
font-synthesis: none;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
color: var(--text-color);
|
||||
background-color: var(--bg-color);
|
||||
}
|
||||
|
||||
:root.light {
|
||||
--text-color: var(--light-text-color);
|
||||
--bg-color: var(--light-bg-color);
|
||||
}
|
||||
|
||||
:root.dark {
|
||||
--text-color: var(--dark-text-color);
|
||||
--bg-color: var(--dark-bg-color);
|
||||
}
|
||||
Reference in New Issue
Block a user