Fix colors for default light mode theme (#10909)

* 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

View File

@@ -142,7 +142,7 @@ export default function VideoControls({
return (
<div
className={`px-4 py-2 flex justify-between items-center gap-8 text-primary-foreground dark:text-white z-50 bg-secondary-foreground/60 dark:bg-secondary/60 rounded-lg ${className ?? ""}`}
className={`px-4 py-2 flex justify-between items-center gap-8 text-primary z-50 bg-background/60 rounded-lg ${className ?? ""}`}
>
{video && features.volume && (
<div className="flex justify-normal items-center gap-2">
@@ -170,9 +170,9 @@ export default function VideoControls({
)}
<div className="cursor-pointer" onClick={onTogglePlay}>
{isPlaying ? (
<LuPause className="size-5 fill-primary-foreground dark:fill-white" />
<LuPause className="size-5 text-primary fill-primary" />
) : (
<LuPlay className="size-5 fill-primary-foreground dark:fill-white" />
<LuPlay className="size-5 text-primary fill-primary" />
)}
</div>
{features.seek && (