Files
frontend/src/styles/dark-mode-overrides.css
T

58 lines
1.3 KiB
CSS

.dark-mode {
input[type="text"],
input[type="password"],
input[type="email"] {
color: var(--el-input-text-color);
}
.el-message-box,
.el-message-box__header,
.el-message-box__content,
.el-message-box__btns {
background-color: var(--el-fill-color-blank);
}
.el-message-box__header { border-bottom: none; }
.el-message-box__btns { border-top: none; }
.el-select-dropdown__item.selected {
background-color: var(--el-color-primary-light-9);
color: var(--el-color-primary);
}
.el-picker-panel__body,
.el-picker-panel__content {
background-color: var(--el-fill-color-blank);
color: var(--el-text-color-regular);
}
.el-date-table td.in-range div,
.el-date-table td.available:hover div {
background-color: var(--bg-medium);
}
.el-input-number__decrease,
.el-input-number__increase {
background-color: var(--bg-medium);
color: var(--text-dark);
border-color: var(--border-color);
}
.el-input-number__decrease:hover,
.el-input-number__increase:hover {
background-color: var(--bg-light);
}
.el-dialog__header {
border-bottom: 1px solid var(--el-border-color);
}
.el-dialog__footer {
border-top: 1px solid var(--el-border-color);
}
.el-loading-spinner .path {
stroke: var(--primary-color);
}
}