blakeblackshear.frigate/web/themes/theme-default.css
Nicolas Mowen cf2dfd9a54
Redesign logs page (#10853)
* Adjust outline and structure to match designs

* More color changes to fit design

* Properly parse go2rtc severity

* Add ability to filter by clicking item

* Implement sheet / drawer for viewing full log

* Add toast and filtering

* Add links to docs when specific log items are selected

* Cleanup log seeking

* Use header in layout

* Fix mobile menus

* Fix safari theme

* Hide rings

* Theme adjustment
2024-04-07 15:36:08 -05:00

164 lines
3.7 KiB
CSS

@layer base {
:root {
--background-hsl: hsl(0 0% 100%);
--background: 0 0% 100%;
--foreground: hsl(222.2 84% 4.9%);
--foreground: 222.2 84% 4.9%;
--card: hsl(0 0% 100%);
--card: 0 0% 100%;
--card-foreground: hsl(222.2 84% 4.9%);
--card-foreground: 222.2 84% 4.9%;
--popover: hsl(0 0% 100%);
--popover: 0 0% 100%;
--popover-foreground: hsl(222.2 84% 4.9%);
--popover-foreground: 222.2 84% 4.9%;
--primary: hsl(0 0% 100%);
--primary: 0 0% 100%;
--primary-foreground: hsl(0, 0%, 0%);
--primary-foreground: 0 0% 0%;
--secondary: hsl(0, 0%, 96%);
--secondary: 0 0% 96%;
--secondary-foreground: hsl(0, 0%, 83%);
--secondary-foreground: 0 0% 83%;
--secondary-highlight: hsl(0, 0%, 94%);
--secondary-highlight: 0 0% 94%;
--muted: hsl(210 40% 96.1%);
--muted: 210 40% 96.1%;
--muted-foreground: hsl(0, 0%, 64%);
--muted-foreground: 0, 0%, 64%;
--accent: hsl(210 40% 96.1%);
--accent: 210 40% 96.1%;
--accent-foreground: hsl(222.2 47.4% 11.2%);
--accent-foreground: 222.2 47.4% 11.2%;
--destructive: hsl(0 84.2% 60.2%);
--destructive: 0 84.2% 60.2%;
--destructive-foreground: hsl(0 100% 83%);
--destructive-foreground: 0 100% 83%;
--warning: hsl(17 87% 18%);
--warning: 17 87% 18%;
--warning-foreground: hsl(32 100% 74%);
--warning-foreground: 32 100% 74%;
--border: hsl(214.3 31.8% 91.4%);
--border: 214.3 31.8% 91.4%;
--input: hsl(0 0% 85%);
--input: 0 0% 85%;
--ring: hsla(0 0% 25% 0%);
--ring: 0 0% 25% 0%
--selected: hsl(228, 89%, 63%);
--selected: 228 89% 63%;
--radius: 0.5rem;
--severity_alert: var(--red-800);
--severity_alert_dimmed: var(--red-500);
--severity_detection: var(--orange-600);
--severity_detection_dimmed: var(--orange-400);
--severity_significant_motion: var(--yellow-400);
--severity_significant_motion_dimmed: var(--yellow-200);
--motion_review: hsl(44, 94%, 50%);
--motion_review: 44 94% 50%;
--motion_review_dimmed: hsl(44, 60%, 40%);
--motion_review_dimmed: 44 60% 40%;
--audio_review: hsl(228, 94%, 67%);
--audio_review: 228 94% 67%;
}
.dark {
--background-hsl: hsl(0 0 0%);
--background: 0 0% 0%;
--foreground: hsl(0, 0%, 100%);
--foreground: 0, 0%, 100%;
--card: hsl(0, 0%, 15%);
--card: 0, 0%, 15%;
--card-foreground: hsl(210 40% 98%);
--card-foreground: 210 40% 98%;
--popover: hsl(0, 0%, 15%);
--popover: 0, 0%, 15%;
--popover-foreground: hsl(0, 0%, 100%);
--popover-foreground: 210 40% 98%;
--primary: hsl(0, 0%, 9%);
--primary: 0 0% 9%;
--primary-foreground: hsl(0, 0%, 100%);
--primary-foreground: 0 0% 100%;
--secondary: hsl(0, 0%, 15%);
--secondary: 0 0% 15%;
--secondary-foreground: hsl(0, 0%, 32%);
--secondary-foreground: 0 0% 32%;
--secondary-highlight: hsl(0, 0%, 25%);
--secondary-highlight: 0 0% 25%;
--muted: hsl(0, 0%, 8%);
--muted: 0 0% 8%;
--muted-foreground: hsl(0, 0%, 32%);
--muted-foreground: 0 0% 32%;
--accent: hsl(0, 0%, 15%);
--accent: 0 0% 15%;
--accent-foreground: hsl(210 40% 98%);
--accent-foreground: 210 40% 98%;
--destructive: hsl(0 62.8% 30.6%);
--destructive: 0 62.8% 30.6%;
--destructive-foreground: hsl(0 100% 83%);
--destructive-foreground: 0 100% 83%;
--warning: hsl(17 87% 18%);
--warning: 17 87% 18%;
--warning-foreground: hsl(32 100% 74%);
--warning-foreground: 32 100% 74%;
--border: hsl(0, 0%, 32%);
--border: 0 0% 32%;
--input: hsl(0 0% 5%);
--input: 0 0% 25%;
--ring: hsla(0 0% 25% 0%);
--ring: 0 0% 25% 0%
--selected: hsl(228, 89%, 63%);
--selected: 228 89% 63%;
}
}