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

Add config item for selected foreground

Browse Source
This commit is contained in:
Nicolas Mowen 2024-04-09 16:30:37 -06:00
parent 9c1567d96b
commit 7c63509796
6 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -11,7 +11,7 @@ import { TooltipPortal } from "@radix-ui/react-tooltip";
const variants = { const variants = {
primary: { primary: {
active: "font-bold text-white bg-selected", active: "font-bold bg-selected text-selected-foreground",
inactive: "text-secondary-foreground bg-secondary", inactive: "text-secondary-foreground bg-secondary",
}, },
secondary: { secondary: {

2
web/src/components/ui/button.tsx
View File

@ -10,7 +10,7 @@ const buttonVariants = cva(
variants: { variants: {
variant: { variant: {
default: "bg-secondary text-primary hover:bg-secondary/80", default: "bg-secondary text-primary hover:bg-secondary/80",
select: "bg-selected text-white hover:bg-opacity-90", select: "bg-selected text-selected-foreground hover:bg-opacity-90",
destructive: destructive:
"bg-destructive text-destructive-foreground hover:bg-destructive/90", "bg-destructive text-destructive-foreground hover:bg-destructive/90",
outline: outline:

2
web/src/components/ui/calendar.tsx
View File

@ -41,7 +41,7 @@ function Calendar({
), ),
day_range_end: "day-range-end", day_range_end: "day-range-end",
day_selected: day_selected:
"bg-selected text-white hover:bg-selected hover:text-white focus:bg-selected focus:text-white", "bg-selected text-selected-foreground hover:bg-selected hover:text-selected-foreground focus:bg-selected focus:text-selected-foreground",
day_today: "bg-muted text-muted-foreground", day_today: "bg-muted text-muted-foreground",
day_outside: day_outside:
"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30", "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",

1
web/src/views/events/EventView.tsx
View File

@ -561,7 +561,6 @@ function DetectionReview({
{(currentItems?.length ?? 0) > 0 && (itemsToReview ?? 0) > 0 && ( {(currentItems?.length ?? 0) > 0 && (itemsToReview ?? 0) > 0 && (
<div className="col-span-full flex justify-center items-center"> <div className="col-span-full flex justify-center items-center">
<Button <Button
className="text-white"
variant="select" variant="select"
onClick={() => { onClick={() => {
markAllItemsAsReviewed(currentItems ?? []); markAllItemsAsReviewed(currentItems ?? []);

5
web/tailwind.config.js
View File

@ -46,7 +46,10 @@ module.exports = {
background: "hsl(var(--background))", background: "hsl(var(--background))",
background_alt: "hsl(var(--background-alt))", background_alt: "hsl(var(--background-alt))",
foreground: "hsl(var(--foreground))", foreground: "hsl(var(--foreground))",
selected: "hsl(var(--selected))", selected: {
DEFAULT: "hsl(var(--selected))",
foreground: "hsl(var(--selected-foreground))",
},
primary: { primary: {
DEFAULT: "hsl(var(--primary))", DEFAULT: "hsl(var(--primary))",
foreground: "hsl(var(--primary-foreground))", foreground: "hsl(var(--primary-foreground))",

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

@ -72,6 +72,9 @@
--selected: hsl(228, 89%, 63%); --selected: hsl(228, 89%, 63%);
--selected: 228 89% 63%; --selected: 228 89% 63%;
--selected-foreground: hsl(0 0% 100%);
--selected-foreground: 0 0% 100%;
--radius: 0.5rem; --radius: 0.5rem;
--severity_alert: var(--red-800); --severity_alert: var(--red-800);
@ -162,8 +165,5 @@
--ring: hsla(0 0% 25% 0%); --ring: hsla(0 0% 25% 0%);
--ring: 0 0% 25% 0%; --ring: 0 0% 25% 0%;
--selected: hsl(228, 89%, 63%);
--selected: 228 89% 63%;
} }
} }