@media (prefers-color-scheme: dark) { :root { --color: var(--color-dark); --background-color: var(--background-color-dark); --shadow-color: var(--shadow-color-dark); --sep-color: var(--sep-color-dark); --btn-color: var(--btn-color-dark); --btn-background-color: var(--btn-background-color-dark); --btn-hover-color: var(--btn-hover-color-dark); --btn-hover-background-color: var(--btn-hover-background-color-dark); --icon-color: var(--icon-color-dark); --btn-icon-background-color: var( --btn-icon-background-color-dark ); --progress-bar-background-color: var(--progress-bar-background-color-dark); --input-text-background-color: var(--input-text-background-color-dark); --input-text-border-color: var(--input-text-border-color-dark); --input-text-placeholder-opacity: var( --input-text-placeholder-opacity-dark ); --input-text-focus-border-color: var(--input-text-focus-border-color-dark); } }