fix video player bg

src/components/Embeds/VideoPlayer.tsx

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

src/styles/theme-common.ts

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

src/styles/theme-dark.ts

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

src/styles/theme-light.ts

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