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

Fix timeline colors

Browse Source
This commit is contained in:
Nicolas Mowen 2024-03-02 08:47:12 -07:00
parent 837f30cbf0
commit f740090c92
3 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/components/timeline/EventSegment.tsx
View File

@ -61,7 +61,7 @@ function MinimapBounds({
<> <>
{isFirstSegmentInMinimap && ( {isFirstSegmentInMinimap && (
<div <div
className="absolute inset-0 -bottom-7 w-full flex items-center justify-center text-primary font-medium z-20 text-center text-[10px] scroll-mt-8" className="absolute inset-0 -bottom-7 w-full flex items-center justify-center text-primary-foreground font-medium z-20 text-center text-[10px] scroll-mt-8"
ref={firstMinimapSegmentRef} ref={firstMinimapSegmentRef}
> >
{new Date(alignedMinimapStartTime * 1000).toLocaleTimeString([], { {new Date(alignedMinimapStartTime * 1000).toLocaleTimeString([], {
@ -73,7 +73,7 @@ function MinimapBounds({
)} )}
{isLastSegmentInMinimap && ( {isLastSegmentInMinimap && (
<div className="absolute inset-0 -top-3 w-full flex items-center justify-center text-primary font-medium z-20 text-center text-[10px]"> <div className="absolute inset-0 -top-3 w-full flex items-center justify-center text-primary-foreground font-medium z-20 text-center text-[10px]">
{new Date(alignedMinimapEndTime * 1000).toLocaleTimeString([], { {new Date(alignedMinimapEndTime * 1000).toLocaleTimeString([], {
hour: "2-digit", hour: "2-digit",
minute: "2-digit", minute: "2-digit",
@ -247,7 +247,7 @@ export function EventSegment({
const segmentClasses = `h-2 relative w-full ${ const segmentClasses = `h-2 relative w-full ${
showMinimap showMinimap
? isInMinimapRange ? isInMinimapRange
? "bg-card" ? "bg-secondary-highlight"
: isLastSegmentInMinimap : isLastSegmentInMinimap
? "" ? ""
: "opacity-70" : "opacity-70"

1
web/tailwind.config.js
View File

@ -52,6 +52,7 @@ module.exports = {
secondary: { secondary: {
DEFAULT: "hsl(var(--secondary))", DEFAULT: "hsl(var(--secondary))",
foreground: "hsl(var(--secondary-foreground))", foreground: "hsl(var(--secondary-foreground))",
highlight: "hsl(var(--secondary-highlight))",
}, },
destructive: { destructive: {
DEFAULT: "hsl(var(--destructive))", DEFAULT: "hsl(var(--destructive))",

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

@ -30,6 +30,9 @@
--secondary-foreground: hsl(0, 0%, 45%); --secondary-foreground: hsl(0, 0%, 45%);
--secondary-foreground: 0, 0%, 45%; --secondary-foreground: 0, 0%, 45%;
--secondary-highlight: hsl(0, 0%, 94%);
--secondary-highlight: 0, 0%, 94%;
--muted: hsl(210 40% 96.1%); --muted: hsl(210 40% 96.1%);
--muted: 210 40% 96.1%; --muted: 210 40% 96.1%;
@ -103,6 +106,9 @@
--secondary-foreground: hsl(0, 0%, 83%); --secondary-foreground: hsl(0, 0%, 83%);
--secondary-foreground: 0, 0%, 83%; --secondary-foreground: 0, 0%, 83%;
--secondary-highlight: hsl(0, 0%, 25%);
--secondary-highlight: 0, 0%, 25%;
--muted: hsl(0, 0%, 8%); --muted: hsl(0, 0%, 8%);
--muted: 0, 0%, 8%; --muted: 0, 0%, 8%;