mirror of
https://github.com/Qortal/Qortal-Hub.git
synced 2025-06-24 08:31:20 +00:00
Merge pull request #91 from Qortal/fix/video-bg-color
Fix/video bg color
This commit is contained in:
commit
0a04b484d7
@ -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,
|
||||||
}}
|
}}
|
||||||
|
@ -95,7 +95,6 @@ const commonThemeOptions = {
|
|||||||
styleOverrides: {
|
styleOverrides: {
|
||||||
root: {
|
root: {
|
||||||
backgroundColor: 'inherit',
|
backgroundColor: 'inherit',
|
||||||
color: 'inherit',
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
@ -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',
|
||||||
|
@ -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': {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user