Skip to main content
/*force dark*/ #flatchooser-test-dark > div { --bg-color: #303338; --font-color: #ffffff; --border-color: rgba(255, 255, 255, 0.23); --label-color: rgba(255, 255, 255, 0.6); --secondary-bgChannel: 32 156 117; --secondary-bg: rgb(var(--secondary-bgChannel)); --secondary-colorChannel: 255 255 255; --secondary-color: rgb(var(--secondary-colorChannel)); --divider-color: rgba(255, 255, 255, 0.12); --border-radius: 8px; --mui-palette-secondary-lightChannel: 76 175 144; --mui-palette-secondary-darkChannel: 22 109 81; --mui-palette-secondary-main: var(--secondary-bg); --mui-palette-secondary-light: rgb(var(--mui-palette-secondary-lightChannel)); --mui-palette-secondary-dark: rgb(var(--mui-palette-secondary-darkChannel)); --mui-palette-secondary-contrastText: var(--secondary-color); --mui-palette-secondary-mainChannel: var(--secondary-bgChannel); --mui-palette-secondary-contrastTextChannel: var(--secondary-colorChannel); --mui-palette-background-paper: var(--bg-color); --mui-palette-text-primary: var(--font-color); --mui-palette-text-secondary: rgba(255, 255, 255, 0.6); --mui-palette-common-onBackgroundChannel: 255 255 255; --mui-palette-primary-main: var(--font-color); --mui-palette-divider: var(--divider-color); --mui-palette-action-active: var(--font-color); --player-bg: rgba(245, 246, 247, 1); --font-weight-bold: 500; } @media (prefers-color-scheme: dark){ #flatchooser-test-dark > div { --bg-color: #303338; --font-color: #ffffff; --border-color: rgba(255, 255, 255, 0.23); --label-color: rgba(255, 255, 255, 0.6); --secondary-bgChannel: 32 156 117; --secondary-bg: rgb(var(--secondary-bgChannel)); --secondary-colorChannel: 255 255 255; --secondary-color: rgb(var(--secondary-colorChannel)); --divider-color: rgba(255, 255, 255, 0.12); --border-radius: 8px; --mui-palette-secondary-lightChannel: 76 175 144; --mui-palette-secondary-darkChannel: 22 109 81; --mui-palette-secondary-main: var(--secondary-bg); --mui-palette-secondary-light: rgb(var(--mui-palette-secondary-lightChannel)); --mui-palette-secondary-dark: rgb(var(--mui-palette-secondary-darkChannel)); --mui-palette-secondary-contrastText: var(--secondary-color); --mui-palette-secondary-mainChannel: var(--secondary-bgChannel); --mui-palette-secondary-contrastTextChannel: var(--secondary-colorChannel); --mui-palette-background-paper: var(--bg-color); --mui-palette-text-primary: var(--font-color); --mui-palette-text-secondary: rgba(255, 255, 255, 0.6); --mui-palette-common-onBackgroundChannel: 255 255 255; --mui-palette-primary-main: var(--font-color); --mui-palette-divider: var(--divider-color); --mui-palette-action-active: var(--font-color); --player-bg: rgba(245, 246, 247, 1); --font-weight-bold: 500; } } @media print { #flatchooser-test-dark > div { --bg-color: #ffffff; --font-color: rgba(0, 0, 0, 0.87); --border-color: rgba(0, 0, 0, 0.23); --label-color: rgba(0, 0, 0, 0.6); --secondary-bgChannel: 0 0 0; --secondary-bg: rgb(var(--secondary-bgChannel)); --secondary-colorChannel: 255 255 255; --secondary-color: rgb(var(--secondary-colorChannel)); --divider-color: rgba(0, 0, 0, 0.12); --border-radius: 8px; --mui-palette-secondary-lightChannel: 0 0 0; --mui-palette-secondary-darkChannel: 0 0 0; --mui-palette-secondary-main: var(--secondary-bg); --mui-palette-secondary-light: rgb(var(--mui-palette-secondary-lightChannel)); --mui-palette-secondary-dark: rgb(var(--mui-palette-secondary-darkChannel)); --mui-palette-secondary-contrastText: var(--secondary-color); --mui-palette-secondary-mainChannel: var(--secondary-bgChannel); --mui-palette-secondary-contrastTextChannel: var(--secondary-colorChannel); --mui-palette-background-paper: var(--bg-color); --mui-palette-text-primary: var(--font-color); --mui-palette-text-secondary: rgba(0, 0, 0, 0.6); --mui-palette-common-onBackgroundChannel: 0 0 0; --mui-palette-primary-main: var(--font-color); --mui-palette-divider: var(--divider-color); --mui-palette-action-active: var(--font-color); --player-bg: rgba(245, 246, 247, 1); --font-weight-bold: 500; } }