/*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;
}
}