37 lines
916 B
CSS
37 lines
916 B
CSS
@import 'tailwindcss/base';
|
|
@import 'tailwindcss/components';
|
|
@import 'tailwindcss/utilities';
|
|
|
|
body {
|
|
margin: 0;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
|
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
|
sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* Tell browser we support both color schemes for native UI elements (scrollbars, form controls) */
|
|
/* This enables iOS Safari to properly handle dark mode */
|
|
:root {
|
|
color-scheme: light dark;
|
|
-webkit-color-scheme: light dark; /* iOS Safari fallback */
|
|
}
|
|
|
|
/* Base styles on html element */
|
|
html {
|
|
background-color: #ffffff;
|
|
color: #1e293b;
|
|
}
|
|
|
|
/* Dark mode overrides when .dark class is present */
|
|
html.dark {
|
|
background-color: #231F1C;
|
|
color: #F2F3F6;
|
|
color-scheme: dark;
|
|
-webkit-color-scheme: dark;
|
|
} |