administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-08 20:25:26 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Get main background colors going

Browse Source
This commit is contained in:
Nicolas Mowen 2024-03-02 06:12:19 -07:00
parent 5028a9632e
commit 42b8e2cd17
3 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/Statusbar.tsx
View File

@ -28,7 +28,7 @@ export default function Statusbar() {
}, [stats]); }, [stats]);
return ( return (
<div className="absolute left-0 bottom-0 right-0 w-full h-8 flex items-center px-4"> <div className="absolute left-0 bottom-0 right-0 w-full h-8 flex items-center px-4 bg-primary z-10">
{cpuPercent && ( {cpuPercent && (
<div className="flex items-center text-sm mr-4"> <div className="flex items-center text-sm mr-4">
<MdCircle <MdCircle

2
web/src/components/navigation/Sidebar.tsx
View File

@ -5,7 +5,7 @@ import NavItem from "./NavItem";
function Sidebar() { function Sidebar() {
return ( return (
<aside className="absolute w-[52px] z-10 left-o inset-y-0 overflow-y-auto scrollbar-hidden py-4 flex flex-col justify-between"> <aside className="absolute w-[52px] z-10 left-o inset-y-0 overflow-y-auto scrollbar-hidden py-4 flex flex-col justify-between bg-primary">
<span tabIndex={0} className="sr-only" /> <span tabIndex={0} className="sr-only" />
<div className="w-full flex flex-col gap-0 items-center"> <div className="w-full flex flex-col gap-0 items-center">
<Logo className="w-8 h-8 mb-6" /> <Logo className="w-8 h-8 mb-6" />

12
web/themes/theme-default.css
View File

@ -70,8 +70,8 @@
} }
.dark { .dark {
--background-hsl: hsl(222.2 84% 4.9%); --background-hsl: hsl(0 0 0%);
--background: 222.2 84% 4.9%; --background: 0 0% 0%;
--foreground: hsl(210 40% 98%); --foreground: hsl(210 40% 98%);
--foreground: 210 40% 98%; --foreground: 210 40% 98%;
@ -88,14 +88,14 @@
--popover-foreground: hsl(210 40% 98%); --popover-foreground: hsl(210 40% 98%);
--popover-foreground: 210 40% 98%; --popover-foreground: 210 40% 98%;
--primary: hsl(210 40% 98%); --primary: hsl(0, 0%, 9%);
--primary: 210 40% 98%; --primary: 0, 0%, 9%;
--primary-foreground: hsl(222.2 47.4% 11.2%); --primary-foreground: hsl(222.2 47.4% 11.2%);
--primary-foreground: 222.2 47.4% 11.2%; --primary-foreground: 222.2 47.4% 11.2%;
--secondary: hsl(217.2 32.6% 17.5%); --secondary: hsl(0, 0%, 15%);
--secondary: 217.2 32.6% 17.5%; --secondary: 0, 0%, 15%;
--secondary-foreground: hsl(210 40% 98%); --secondary-foreground: hsl(210 40% 98%);
--secondary-foreground: 210 40% 98%; --secondary-foreground: 210 40% 98%;