chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages Activity

Fix colors for default light mode theme (#10909)

Browse Source 
* fix colors for default light mode theme

* remove redundancy

* fix export dialog

* don't use primary-foreground

* change secondary button variant to be default button

* change filters button to bg-selected when filtering

* slightly lighten secondary-foreground in light mode

* fix mobile motion only button
This commit is contained in:
Josh Hawkins
2024-04-09 17:49:14 -05:00
committed by GitHub
parent c08a198354
commit ef52a1d6f0
34 changed files with 144 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/components/graph/SystemGraph.tsx
View File

@@ -128,7 +128,7 @@ export function ThresholdBarGraph({
<div className="w-full flex flex-col">
<div className="flex items-center gap-1">
<div className="text-xs text-muted-foreground">{name}</div>
<div className="text-xs text-primary-foreground">
<div className="text-xs text-primary">
{lastValue}
{unit}
</div>
@@ -219,15 +219,13 @@ export function StorageGraph({ graphId, used, total }: StorageGraphProps) {
<div className="w-full flex flex-col gap-2.5">
<div className="w-full flex justify-between items-center gap-1">
<div className="flex items-center gap-1">
<div className="text-xs text-primary-foreground">
{getUnitSize(used)}
</div>
<div className="text-xs text-primary-foreground">/</div>
<div className="text-xs text-primary">{getUnitSize(used)}</div>
<div className="text-xs text-primary">/</div>
<div className="text-xs text-muted-foreground">
{getUnitSize(total)}
</div>
</div>
<div className="text-xs text-primary-foreground">
<div className="text-xs text-primary">
{Math.round((used / total) * 100)}%
</div>
</div>
@@ -367,7 +365,7 @@ export function CameraLineGraph({
style={{ color: GRAPH_COLORS[labelIdx] }}
/>
<div className="text-xs text-muted-foreground">{label}</div>
<div className="text-xs text-primary-foreground">
<div className="text-xs text-primary">
{lastValues[labelIdx]}
{unit}
</div>