:root,
:root[data-theme="green"],
.theme-option[data-theme="green"] {
    --theme-color: #18794e;
}

:root[data-theme="black"],
.theme-option[data-theme="black"] {
    --theme-color: #222222;
}

:root[data-theme="blue"],
.theme-option[data-theme="blue"] {
    --theme-color: #2563a6;
}

:root[data-theme="yellow"],
.theme-option[data-theme="yellow"] {
    --theme-color: #d7a514;
}

:root[data-theme="orange"],
.theme-option[data-theme="orange"] {
    --theme-color: #d75f17;
}

:root[data-theme="red"],
.theme-option[data-theme="red"] {
    --theme-color: #b4232f;
}

:root[data-theme="purple"],
.theme-option[data-theme="purple"] {
    --theme-color: #74519a;
}