fankes/beszel
2
0
Fork 0
mirror of https://github.com/fankes/beszel.git synced 2025-10-19 09:49:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

use css color-scheme instead of custom scrollbar styles

Browse Source
This commit is contained in:
Henry Dollman
2024-08-25 16:19:31 -04:00
parent 68824935e9
commit 7a8dccfc97
1 changed files with 8 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
beszel/site/src/index.css
View File

@@ -1,6 +1,7 @@
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
@layer base { @layer base {
:root { :root {
--background: 30 8% 98.5%; --background: 30 8% 98.5%;
@@ -23,9 +24,16 @@
--input: 30 4.29% 72.55%; --input: 30 4.29% 72.55%;
--ring: 30 3.97% 49.41%; --ring: 30 3.97% 49.41%;
--radius: 0.8rem; --radius: 0.8rem;
/* charts */
--chart-1: 220 70% 50%;
--chart-2: 160 60% 45%;
--chart-3: 30 80% 55%;
--chart-4: 280 65% 60%;
--chart-5: 340 75% 55%;
} }
.dark { .dark {
color-scheme: dark;
--background: 240 10% 6.2%; --background: 240 10% 6.2%;
--foreground: 0 0% 98.04%; --foreground: 0 0% 98.04%;
--card: 240 8.57% 8%; --card: 240 8.57% 8%;
@@ -65,46 +73,3 @@
.recharts-yAxis { .recharts-yAxis {
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
} }
/* charts */
@layer base {
:root {
/* --chart-1: 12 76% 61%;
--chart-2: 173 58% 39%;
--chart-3: 197 37% 24%;
--chart-4: 43 74% 66%;
--chart-5: 27 87% 67%; */
--chart-1: 220 70% 50%;
--chart-2: 160 60% 45%;
--chart-3: 30 80% 55%;
--chart-4: 280 65% 60%;
--chart-5: 340 75% 55%;
}
/*
.dark {
--chart-1: 220 70% 50%;
--chart-2: 160 60% 45%;
--chart-3: 30 80% 55%;
--chart-4: 280 65% 60%;
--chart-5: 340 75% 55%;
} */
}
/* scrollbar */
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: hsla(var(--border) / 0.8);
border-radius: 0.25rem;
}
::-webkit-scrollbar-thumb:hover {
background-color: hsl(var(--border));
}