html[nz-theme='dark'] body {
    background-color: #121212 !important;
    color: #fff !important;
}

html[nz-theme='dark']  .ui.menu {
    background-color: #282828 !important;
}

html[nz-theme='dark'] .ui.menu * {
    color: #fff !important;
}

html[nz-theme='dark'] .accordion {
    background-color: #282828 !important;
}

html[nz-theme='dark'] .accordion .title {
    color: #fff !important;
}

html[nz-theme='dark'] .ui.card {
    background-color: #3f3f3f !important;
    border: none !important;
    box-shadow: none !important;
}

html[nz-theme='dark'] .header {
    color: #fff !important;
}

html[nz-theme='dark'] .description {
    color: #fff !important;
}

html[nz-theme='dark'] .icon {
    color: #fff !important;
}

html[nz-theme='dark'] .ui.popup {
    background-color: #575757 !important;
    color: #fff !important;
}

html[nz-theme='dark'] .ui.table {
    background-color: #282828 !important;
    color: #fff !important;
}

html[nz-theme='dark'] .ui thead th {
    background-color: #3f3f3f !important;
    color: #fff !important;
}

html[nz-theme='dark'] .ui.buttons .button {
    background-color: #3f3f3f !important;
    color: #fff !important;
}

html[nz-theme='dark'] .ui.modal {
    background-color: #282828 !important;
}

html[nz-theme='dark'] .ui.modal * {
    color: #fff !important;
}

html[nz-theme='dark'] textarea,
html[nz-theme='dark'] input,
html[nz-theme='dark'] select,
html[nz-theme='dark'] .dropdown {
    background-color: #3f3f3f !important;
    color: #fff !important;
}

html[nz-theme='dark'] .ui.message {
    background-color: unset !important;
}

html[nz-theme='dark'] .ui.dropdown .menu {
    background-color: #575757 !important;
    color: #fff !important;
}

html[nz-theme='dark'] .ui.modal>.header {
    background-color: #3f3f3f !important;
}

html[nz-theme='dark'] .ui.modal>.content {
    background-color: #282828 !important;
}

html[nz-theme='dark'] .ui.modal>.actions {
    background-color: #3f3f3f !important;
}

html[nz-theme='dark'] #alert {
    background-color: #3f3f3f !important;
    color: #fff !important;
}

html[nz-theme='dark'] .ui.form .field>label {
    color: unset !important;
}

html[nz-theme='dark'] .ui.segment {
    background-color: #3f3f3f !important;
}

html[nz-theme='dark'] .ui.segment textarea,
html[nz-theme='dark'] input,
html[nz-theme='dark'] select,
html[nz-theme='dark'] .dropdown {
    background-color: #575757 !important;
    color: #fff !important;
}

html[nz-theme='dark'] form label {
    color: #fff !important;
}

html[nz-theme='dark'] .ui.inverted.segment {
    background-color: #121212 !important;
}

html[nz-theme='dark'] .ui.inverted.segment * {
    color: #8b8b8b !important;
}

html[nz-theme='dark'] .menu .dropdown {
    background-color: #282828 !important;
    color: #fff !important;
}

html[nz-theme='dark'] .ui.menu .ui.dropdown .menu>.item {
    color: #fff !important;
}

html[nz-theme='dark'] .login .ui.message{
    color: #8b8b8b !important;
}


/* Mobile server cards dark mode */
html[nz-theme='dark'] .server-mobile-subtitle,
html[nz-theme='dark'] .server-mobile-meta-label {
    color: rgba(255, 255, 255, 0.6) !important;
}

html[nz-theme='dark'] .server-mobile-tag {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

html[nz-theme='dark'] .server-mobile-admin-buttons .ui.button {
    background-color: #575757 !important;
    color: #fff !important;
}

/* Dashboard skin dark-mode overrides */
html[nz-theme='dark'] body.dashboard-layout {
    background: var(--dash-bg) !important;
    color: var(--dash-text) !important;
}

html[nz-theme='dark'] body.dashboard-layout .icon {
    color: currentColor !important;
}

html[nz-theme='dark'] body.dashboard-layout .nb-menu {
    background: var(--dash-nav) !important;
    color: var(--dash-text) !important;
}

html[nz-theme='dark'] body.dashboard-layout .nb-menu * {
    color: inherit !important;
}

html[nz-theme='dark'] body.dashboard-layout .nb-menu .item,
html[nz-theme='dark'] body.dashboard-layout .nb-menu .ui.dropdown,
html[nz-theme='dark'] body.dashboard-layout .nb-menu .ui.dropdown .text {
    color: var(--dash-muted) !important;
}

html[nz-theme='dark'] body.dashboard-layout .nb-menu a.item.active {
    background: var(--dash-primary-soft) !important;
    color: var(--dash-primary-soft-text) !important;
}

html[nz-theme='dark'] body.dashboard-layout .dashboard-brand,
html[nz-theme='dark'] body.dashboard-layout .dashboard-theme-toggle,
html[nz-theme='dark'] body.dashboard-layout .dashboard-floating-theme-toggle {
    color: var(--dash-text) !important;
}

html[nz-theme='dark'] body.dashboard-layout .ui.table,
html[nz-theme='dark'] body.dashboard-layout .ui.basic.table,
html[nz-theme='dark'] body.dashboard-layout .ui.segment,
html[nz-theme='dark'] body.dashboard-layout .ui.card,
html[nz-theme='dark'] body.dashboard-layout #settingForm,
html[nz-theme='dark'] body.dashboard-layout .login.nb-container > .grid .column,
html[nz-theme='dark'] body.dashboard-layout .accordion {
    background: var(--dash-surface) !important;
    color: var(--dash-text) !important;
    border-color: var(--dash-border) !important;
}

html[nz-theme='dark'] body.dashboard-layout .ui.table thead th,
html[nz-theme='dark'] body.dashboard-layout .ui.modal > .actions,
html[nz-theme='dark'] body.dashboard-layout .ui.message {
    background: var(--dash-surface-muted) !important;
    color: var(--dash-muted) !important;
    border-color: var(--dash-border) !important;
}

html[nz-theme='dark'] body.dashboard-layout .ui.table tbody td,
html[nz-theme='dark'] body.dashboard-layout .ui.header,
html[nz-theme='dark'] body.dashboard-layout .ui.image.header,
html[nz-theme='dark'] body.dashboard-layout .header,
html[nz-theme='dark'] body.dashboard-layout .description {
    color: var(--dash-text) !important;
}

html[nz-theme='dark'] body.dashboard-layout .ui.table tbody tr:hover {
    background: var(--dash-surface-muted) !important;
}

html[nz-theme='dark'] body.dashboard-layout .ui.tabular.menu {
    background: transparent !important;
    border-color: var(--dash-border) !important;
}

html[nz-theme='dark'] body.dashboard-layout .ui.tabular.menu .item {
    color: var(--dash-muted) !important;
}

html[nz-theme='dark'] body.dashboard-layout .ui.tabular.menu .active.item,
html[nz-theme='dark'] body.dashboard-layout .ui.bottom.attached.tab.segment {
    background: var(--dash-surface) !important;
    color: var(--dash-text) !important;
    border-color: var(--dash-border) !important;
}

html[nz-theme='dark'] body.dashboard-layout .ui.button:not(.nezha-primary-btn):not(.positive):not(.negative):not(.red):not(.green),
html[nz-theme='dark'] body.dashboard-layout .ui.buttons .button {
    background: var(--dash-surface-soft) !important;
    color: var(--dash-text) !important;
    border-color: var(--dash-border) !important;
}

html[nz-theme='dark'] body.dashboard-layout .nezha-primary-btn,
html[nz-theme='dark'] body.dashboard-layout .ui.primary.button,
html[nz-theme='dark'] body.dashboard-layout .ui.positive.nezha-primary-btn.button {
    background: var(--dash-primary) !important;
    color: #ffffff !important;
}

html[nz-theme='dark'] body.dashboard-layout .ui.form input:not([type]),
html[nz-theme='dark'] body.dashboard-layout .ui.form input[type="date"],
html[nz-theme='dark'] body.dashboard-layout .ui.form input[type="datetime-local"],
html[nz-theme='dark'] body.dashboard-layout .ui.form input[type="email"],
html[nz-theme='dark'] body.dashboard-layout .ui.form input[type="number"],
html[nz-theme='dark'] body.dashboard-layout .ui.form input[type="password"],
html[nz-theme='dark'] body.dashboard-layout .ui.form input[type="search"],
html[nz-theme='dark'] body.dashboard-layout .ui.form input[type="tel"],
html[nz-theme='dark'] body.dashboard-layout .ui.form input[type="text"],
html[nz-theme='dark'] body.dashboard-layout .ui.form input[type="time"],
html[nz-theme='dark'] body.dashboard-layout .ui.form input[type="url"],
html[nz-theme='dark'] body.dashboard-layout .ui.form textarea,
html[nz-theme='dark'] body.dashboard-layout .ui.form select,
html[nz-theme='dark'] body.dashboard-layout .ui.selection.dropdown,
html[nz-theme='dark'] body.dashboard-layout .ui.dropdown.selection,
html[nz-theme='dark'] body.dashboard-layout textarea,
html[nz-theme='dark'] body.dashboard-layout input,
html[nz-theme='dark'] body.dashboard-layout select {
    background: var(--dash-input) !important;
    color: var(--dash-text) !important;
    border-color: var(--dash-border-strong) !important;
}

html[nz-theme='dark'] body.dashboard-layout .ui.dropdown .menu,
html[nz-theme='dark'] body.dashboard-layout .ui.selection.dropdown .menu,
html[nz-theme='dark'] body.dashboard-layout .nb-menu .ui.dropdown .menu,
html[nz-theme='dark'] body.dashboard-layout .ui.popup {
    background: var(--dash-surface) !important;
    color: var(--dash-text) !important;
    border-color: var(--dash-border) !important;
}

html[nz-theme='dark'] body.dashboard-layout .ui.dropdown .menu > .item,
html[nz-theme='dark'] body.dashboard-layout .ui.menu .ui.dropdown .menu > .item {
    color: var(--dash-text) !important;
}

html[nz-theme='dark'] body.dashboard-layout .ui.modal {
    background: var(--dash-surface) !important;
    color: var(--dash-text) !important;
}

html[nz-theme='dark'] body.dashboard-layout .ui.modal * {
    color: inherit !important;
}

html[nz-theme='dark'] body.dashboard-layout .ui.modal > .header,
html[nz-theme='dark'] body.dashboard-layout .ui.modal > .content {
    background: var(--dash-surface) !important;
    color: var(--dash-text) !important;
}

html[nz-theme='dark'] body.dashboard-layout .ui.form .field > label,
html[nz-theme='dark'] body.dashboard-layout form label,
html[nz-theme='dark'] body.dashboard-layout .ui.checkbox label {
    color: var(--dash-text) !important;
}

html[nz-theme='dark'] body.dashboard-layout .ui.inverted.vertical.footer.segment,
html[nz-theme='dark'] body.dashboard-layout .ui.inverted.vertical.footer.segment * {
    background: transparent !important;
    color: var(--dash-muted) !important;
}