Get main background colors going

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

View File

@ -28,7 +28,7 @@ export default function Statusbar() {
}, [stats]);
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 && (
<div className="flex items-center text-sm mr-4">
<MdCircle

View File

@ -5,7 +5,7 @@ import NavItem from "./NavItem";
function Sidebar() {
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" />
<div className="w-full flex flex-col gap-0 items-center">
<Logo className="w-8 h-8 mb-6" />

View File

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