Files
karakeep-mirror/apps/mobile/globals.css

52 lines
1.3 KiB
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
:root {
--background: 242 242 247;
--foreground: 0 0 0;
--card: 255 255 255;
--card-foreground: 0 0 0;
--popover: 230 230 235;
--popover-foreground: 0 0 0;
--primary: 0 123 255;
--primary-foreground: 255 255 255;
--secondary: 45 185 227;
--secondary-foreground: 255 255 255;
--muted: 176 176 181;
--muted-foreground: 102 102 102;
--accent: 255 40 84;
--accent-foreground: 255 255 255;
--destructive: 255 56 43;
--destructive-foreground: 255 255 255;
--border: 230 230 235;
--input: 210 210 215;
--ring: 230 230 235;
}
@media (prefers-color-scheme: dark) {
:root {
--background: 0 0 0;
--foreground: 255 255 255;
--card: 21 21 24;
--card-foreground: 255 255 255;
--popover: 40 40 40;
--popover-foreground: 255 255 255;
--primary: 3 133 255;
--primary-foreground: 255 255 255;
--secondary: 100 211 254;
--secondary-foreground: 255 255 255;
--muted: 112 112 115;
--muted-foreground: 226 226 231;
--accent: 255 52 95;
--accent-foreground: 255 255 255;
--destructive: 254 67 54;
--destructive-foreground: 255 255 255;
--border: 40 40 40;
--input: 51 51 51;
--ring: 40 40 40;
}
}
}