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

fix: dark mode

Browse Source
This commit is contained in:
JohnMark Sill 2022-01-13 00:15:58 -06:00
parent b8cf5e4aed
commit 26c73d8e41
4 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/components/LiveChip.jsx
View File

@ -2,10 +2,7 @@ import { h } from 'preact';
export function LiveChip({ className }) { export function LiveChip({ className }) {
return ( return (
<div <div className={`inline relative px-2 py-1 rounded-full ${className}`}>
className={`inline relative px-2 py-1 rounded-full ${className}`}
style={{ backgroundColor: 'rgba(255, 255, 255, 0.1)' }}
>
<div className='relative inline-block w-3 h-3 mr-2'> <div className='relative inline-block w-3 h-3 mr-2'>
<span class='flex h-3 w-3'> <span class='flex h-3 w-3'>
<span <span

4
web/src/components/Tabs.jsx
View File

@ -28,7 +28,9 @@ export function Tabs({ children, selectedIndex: selectedIndexProp, onChange, cla
} }
export function TextTab({ selected, text, onClick }) { export function TextTab({ selected, text, onClick }) {
const selectedStyle = selected ? 'text-black bg-white' : 'text-white bg-transparent'; const selectedStyle = selected
? 'text-white bg-blue-500 dark:text-black dark:bg-white'
: 'text-black dark:text-white bg-transparent';
return ( return (
<button onClick={onClick} className={`rounded-full px-4 py-2 ${selectedStyle}`}> <button onClick={onClick} className={`rounded-full px-4 py-2 ${selectedStyle}`}>
<span>{text}</span> <span>{text}</span>

2
web/src/components/Timeline.jsx
View File

@ -13,7 +13,7 @@ export default function Timeline({ events, offset, currentIndex, onChange }) {
const [scrollActive, setScrollActive] = useState(true); const [scrollActive, setScrollActive] = useState(true);
useEffect(() => { useEffect(() => {
if (events && timelineOffset) { if (events && events.length > 0 && timelineOffset) {
const firstEvent = events[0]; const firstEvent = events[0];
if (firstEvent) { if (firstEvent) {
setMarkerTime(longToDate(firstEvent.start_time)); setMarkerTime(longToDate(firstEvent.start_time));

6
web/src/routes/Camera_V2.jsx
View File

@ -115,16 +115,16 @@ export default function Camera({ camera }) {
}; };
return ( return (
<div className='flex bg-gray-900 w-full h-full justify-center'> <div className='flex bg-white dark:bg-black w-full h-full justify-center'>
<div className='relative max-w-screen-md flex-grow w-full'> <div className='relative max-w-screen-md flex-grow w-full'>
<div className='absolute top-0 text-white w-full'> <div className='absolute top-0 text-white w-full'>
<div className='flex pt-4 pl-4 items-center w-full h-16 z10'> <div className='flex pt-4 pl-4 items-center w-full h-16 z10'>
{(playerType === 'live' || playerType === 'debug') && ( {(playerType === 'live' || playerType === 'debug') && (
<Fragment> <Fragment>
<Heading size='xl' className='mr-2'> <Heading size='xl' className='mr-2 text-black dark:text-white'>
{camera} {camera}
</Heading> </Heading>
<LiveChip /> <LiveChip className='text-green-400 border-2 border-solid border-green-400 dark:border-transparent dark:text-white dark:bg-white bg-opacity-40 dark:bg-opacity-10' />
</Fragment> </Fragment>
)} )}
</div> </div>