Salastil/streamwall
1
0
Fork 0
mirror of https://github.com/streamwall/streamwall.git synced 2026-04-03 12:22:09 -04:00
Code Issues Packages Projects Releases Wiki Activity

Desaturate videos when loading

Browse Source
This commit is contained in:
Max Goodhart
2026-01-26 00:35:35 -08:00
parent d2636f756a
commit 1978bda59f
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/streamwall/src/renderer/overlay.tsx
View File

@@ -75,7 +75,7 @@ function Overlay({
activeColor={activeColor}
isListening={isListening}
>
<BlurCover isBlurred={isBlurred} />
<FilterCover isBlurred={isBlurred} isDesaturated={isLoading} />
{hasTitle && (
<StreamTitle
position={position}
@@ -322,13 +322,16 @@ const LoadingSpinner = styled(TailSpin)<{ isVisible: boolean }>`
visibility: ${({ isVisible }) => (isVisible ? 'visible' : 'hidden')};
`
const BlurCover = styled.div`
const FilterCover = styled.div`
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
backdrop-filter: ${({ isBlurred }) => (isBlurred ? 'blur(30px)' : 'blur(0)')};
backdrop-filter: ${({ isBlurred, isDesaturated }) =>
[isBlurred ? 'blur(30px)' : '', isDesaturated ? 'grayscale(75%)' : ''].join(
' ',
)};
`
const VersionText = styled.div`