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

Theme updates (#12373)

Browse Source 
* remove hideous and ugly themes

* incorporate dei into ui design

* neutral as a theme color

* high contrast theme adjustments

* color tweaks
This commit is contained in:
Josh Hawkins
2024-07-10 07:04:02 -05:00
committed by GitHub
parent d2f88491b1
commit c2824d153e
15 changed files with 228 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -152,7 +152,7 @@ export function EventSegment({
: ""
} ${
isFirstSegmentInMinimap || isLastSegmentInMinimap
? "relative h-[8px] border-b-2 border-neutral-600"
? "relative h-[8px] border-b-2 border-neutral_variant"
: ""
}`;

8
web/src/components/timeline/segment-metadata.tsx
View File

@@ -71,11 +71,11 @@ export function Tick({ timestamp, timestampSpread }: TickSegmentProps) {
className={`pointer-events-none h-0.5 select-none ${
timestamp.getMinutes() % timestampSpread === 0 &&
timestamp.getSeconds() === 0
? "w-[12px] bg-neutral-600 dark:bg-neutral-500"
? "dark:bg-neutral bg-neutral_variant w-[12px]"
: timestamp.getMinutes() % (timestampSpread == 15 ? 5 : 1) ===
0 && timestamp.getSeconds() === 0
? "w-[8px] bg-neutral-500" // Minor tick mark
: "w-[5px] bg-neutral-400 dark:bg-neutral-600"
? "bg-neutral w-[8px]" // Minor tick mark
: "dark:bg-neutral_variant w-[5px] bg-neutral-400"
}`}
></div>
</div>
@@ -97,7 +97,7 @@ export function Timestamp({
{!isFirstSegmentInMinimap && !isLastSegmentInMinimap && (
<div
key={`${segmentKey}_timestamp`}
className="pointer-events-none select-none text-[8px] text-neutral-600 dark:text-neutral-500"
className="dark:text-neutral text-neutral_variant pointer-events-none select-none text-[8px]"
>
{timestamp.getMinutes() % timestampSpread === 0 &&
timestamp.getSeconds() === 0 &&