* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html[theme="dark"] {
    color-scheme: dark;
}

html[theme="dark"] * {
    color-scheme: dark;
}

html[theme="dark"] .themed-background {
    background-color: #6b6b6b;
}

.themed-background {
    background-color: #efefef;
}

@media (prefers-color-scheme: dark) {
    * {
        color-scheme: dark;
    }

    .themed-background {
        background-color: #6b6b6b;
    }

    html[theme="light"] {
        color-scheme: initial;
    }

    html[theme="light"] * {
        color-scheme: initial;
    }

    html[theme="light"] .themed-background {
        background-color: #efefef;
    }
}