Qortal/Qortal-Hub
1
0
Fork 0
mirror of https://github.com/Qortal/Qortal-Hub.git synced 2025-06-24 08:31:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix video player bg

Browse Source
This commit is contained in:
PhilReact 2025-06-21 23:27:26 +03:00
parent 302a0600a9
commit 48501d6f10
4 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Embeds/VideoPlayer.tsx
View File

@ -608,7 +608,7 @@ export const VideoPlayer: FC<VideoPlayerProps> = ({
<ControlsContainer <ControlsContainer
sx={{ sx={{
position: 'relative', position: 'relative',
background: 'var(--bg-primary)', background: 'var(--videoplayer-bg)',
width: '100%', width: '100%',
flexShrink: 0, flexShrink: 0,
}} }}

2
src/styles/theme-common.ts
View File

@ -78,6 +78,7 @@ const commonThemeOptions = {
paper: { paper: {
backgroundColor: 'background.paper', backgroundColor: 'background.paper',
color: 'text.primary', color: 'text.primary',
backgroundImage: 'none',
}, },
}, },
}, },
@ -95,7 +96,6 @@ const commonThemeOptions = {
styleOverrides: { styleOverrides: {
root: { root: {
backgroundColor: 'inherit', backgroundColor: 'inherit',
color: 'inherit',
}, },
}, },
}, },

2
src/styles/theme-dark.ts
View File

@ -61,6 +61,7 @@ export const darkThemeOptions: ThemeOptions = {
'--background-default': theme.palette.background.default, '--background-default': theme.palette.background.default,
'--background-paper': theme.palette.background.paper, '--background-paper': theme.palette.background.paper,
'--background-surface': theme.palette.background.surface, '--background-surface': theme.palette.background.surface,
'--videoplayer-bg': 'rgba(31, 32, 35, 1)',
}, },
'*, *::before, *::after': { '*, *::before, *::after': {
@ -76,7 +77,6 @@ export const darkThemeOptions: ThemeOptions = {
padding: 0, padding: 0,
margin: 0, margin: 0,
wordBreak: 'break-word', wordBreak: 'break-word',
backgroundColor: 'var(--bg-primary)',
}, },
'::-webkit-scrollbar-track': { '::-webkit-scrollbar-track': {
backgroundColor: 'transparent', backgroundColor: 'transparent',

2
src/styles/theme-light.ts
View File

@ -62,6 +62,7 @@ export const lightThemeOptions: ThemeOptions = {
'--background-default': theme.palette.background.default, '--background-default': theme.palette.background.default,
'--background-paper': theme.palette.background.paper, '--background-paper': theme.palette.background.paper,
'--background-surface': theme.palette.background.surface, '--background-surface': theme.palette.background.surface,
'--videoplayer-bg': 'rgba(31, 32, 35, 1)',
}, },
'*, *::before, *::after': { '*, *::before, *::after': {
@ -77,7 +78,6 @@ export const lightThemeOptions: ThemeOptions = {
padding: 0, padding: 0,
margin: 0, margin: 0,
wordBreak: 'break-word', wordBreak: 'break-word',
backgroundColor: 'var(--bg-primary)',
}, },
'::-webkit-scrollbar-track': { '::-webkit-scrollbar-track': {