Keenetic Dark UI by wildrun0

/* ==UserStyle==
@name         Keenetic Dark UI
@version      20240518.10.56
@namespace    https://userstyles.world/user/wildrun0
@description  Dark UI for Keenetic Dashboard
@author       wildrun0
@license      Apache-2.0 license
==/UserStyle== */

@-moz-document regexp("^(?:https?:\\/\\/)?(?:192\\.168\\.\\d{1,3}\\.\\d{1,3}|[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*\\.keenetic\\.pro|my\\.keenetic\\.net).*$") {
a:focus,
.page-diagnostics__connections__table__wrapper table,
.page-policies .move-consumers-form__policy-dropdown .sb-toggle:focus,
.page-policies .policies-list__footer .policies-editor__add-new-policy-link:focus,
.page-policies .policies-list__footer .policies-editor__show-all-consumers-link:focus,
.ndm-radio .radio .radiobutton__label,
.ndm-tooltip__content,
.baloon__body,
.ndm-checkbox-list .checkbox__input:focus + .checkbox__label,
.ndm-popup-header--shadow,
.page-diagnostics__connections__table__wrapper,
.ndm-switchport-select__options-container,
.ndm-switchport-select__toggle--active.ndm-switchport-select__toggle--dropup,
.page-wifi-analyzer__band-utilization__utilization__wrapper:hover .ndm-wifi-analyzer-hint {
	box-shadow: none !important;
}



.wifi-utilization__chips,
.modal__body-controls .action-link {
	border: 1px solid #405097 !important;
}

.form .form--sub {
	border-left: 2px solid #405097;
}

.ndm-chart__image-line {
	stroke: #7d7d7d;
}

.page-wifi-analyzer__cell--unknown-value {
	background-color: #444856;
}

.ndm-isp-name-servers-card--disabled {
	background-color: #484e68 !important;
}

.ndm-isp-name-servers-card {
	background-color: #6056ad;
}

tbody::-webkit-scrollbar-track,
.ndm-name-server-card,
.page-wifi-analyzer__channel-row--loading,
.wifi-utilization__cell--loading {
	background-color: #23242d !important;
}

.dns-profiles .name-server__toolbar {
	background-color: #2d3438;
}

.page-application-traffic-analyzer__data-refresh-control-button {
	background-color: #23242d;
	border: unset;
	padding: 6px;
}

.ndm-help-tooltip__more,
.btn.btn--disabled:hover,
.btn:disabled:hover {
	background-color: unset;
}

.ndm-notifications-container__wrapper .ndm-notification__close-icon::before,
.ndm-notifications-container__wrapper .ndm-notification__close-icon::after {
	background-color: black;
}

.ndm-mws-modal__close-button,
.ndm-mws-modal-block2,
.ndm-mws-modal-block4__grey-part,
.ndm-mws-modal-block5__advantages .advantage,
.ndm-mws-modal-block4__routers-scheme-plus,
.ndm-mws-modal-block4__grey-part,
.ndm-mws-modal-block6,
.ndm-mws-modal-block4__routers-scheme-outline::after {
	background-color: #31323e;
}

.popup-close-button ndm-mws-modal__close-button ng-scope,
.cli-page .cli-content,
.ndm-mws-nodes__node {
	background: transparent;
}

.ndm-mws-modal-block4__routers-scheme-plus {
	background: #31323e;
}

.ndm-mws-modal-block4__title-wrapper {
	background-color: #1f1f26;
}

.ndm-mws-modal-block4__routers-scheme-outline {
	border: 2px solid #23242d;
}

.ndm-mws-modal__container {
	box-shadow: 0 8px 50px -5px rgb(0 0 0 / 70%);
}

.ndm-notifications-container__wrapper .ndm-notification--security {
	background-color: #ffd000;
}

.cli-page .cli-content .cli-parse__json-wrapper--bordered {
	border: 2px solid #5c5c5c;
}

.ndm-notifications-container__wrapper .ndm-notification__body-msg--valigned span {
	color: black;
}

.ndm-help-tooltip__loading,
.search__internal-matches,
.page-intelliqos .qos-group,
.ndm-mws-modal__container,
.ndm-feature-notice-container .feature {
	background-color: #23242d;
}

.search__knowledge-base-footer,
.search__results {
	background: #2a2a2a;
	border: 0;
}

.page-intelliqos .qos-group {
	border: 0;
}

.ndm-menu__group .ndm-menu__item {
	width: 90%;
	margin-left: 12px;
}

.search__suggest-item b {
	color: #ff6363;
}

.search__suggest-item--focused {
	background-color: #39405d;
}

.search__no-matches .no-matches__text {
	color: #df3030;
}

.search__matches .simplebar-mask,
.search__no-matches {
	border-radius: unset;
}

.search__input:focus + .search__icon {
	filter: unset;
}

.search__knowledge-base-matches,
.search__no-matches {
	background-color: #1f1f1f;
}

.ndm-input-autocomplete__wrapper,
.search__input--active,
.ndm-input-autocomplete__input,
.search__input:active,
.mat-form-field-flex,
.search__input:focus {
	background-color: #202020;
	color: #dbdbdb;
}

.d-header__lodge-bar__right-column {
	background-color: #005e87;
}

.d-header {
	background-color: #005e87;
}

.page-wifi-analyzer .page-wifi-analyzer__cell--level-0 {
	background-color: #363944;
}

.users-table {
	overflow-x: auto !important;
}

.ndm-toggle .toggle__label::before {
	background: #575d76
}

.modal__body-controls .action-link {
	border: 0;
	border-radius: 0;
	transition: all 0.5s;
	height: 100%;
}

.modal__body-controls .action-link:hover {
	border: 0;
	border-radius: 0;
	background-color: #3c4491;
}

.mat-card,
.ss-wrapper,
.ss-content,
.ndm-tooltip__content,
.ndm-menu__item,
.ndm-menu__content,
.ndm-menu,
#ndm_menu_toggle,
.ndm-alert__body,
.modal__body,
.ndm-wifi-utilization-hint,
.baloon__body,
.baloon__arrow,
.ndm-popup__content,
.page-wifi-analyzer .band-legend__title,
.system__system-files-section .system-file:hover,
.page-wifi-analyzer__band-utilization__utilization__wrapper:hover .ndm-wifi-analyzer-hint {
	background-color: #23242D;
}

.ndm-bar-chart__bg {
	fill: #2A2D3A;
}

.ndm-menu--opened:not(.ndm-menu--accordion) .ndm-menu__group--opened .ndm-menu__title {
	padding-bottom: 10px;
}

.login-form__icon-wrapper {
	width: 53px;
	height: 53px;
}

.login-form__input-separator {
	display: none;
}

.d-main--loading .d-main__card::after {
	background: #2A2D3A;
}

.mat-app-background,
.keenetic-credentials__block[_ngcontent-sfy-c155],
.d-main__card,
.ndm-switchport__sfp-icon,
.ndm-page__content,
.ndm-page-header .header,
.ndm-control-footer__controls,
.ndm-popup-header,
.country-modal__header,
.country-modal__contents,
.country-modal__footer,
.dpn-modal__header,
.dpn-modal__agreement,
.dpn-modal__panel,
.page-devices-list .table__col--long-name:hover,
.page-devices-list__device-popup__loader,
.ndm-policy-select .interfaces-order-preview,
.ndm-select-with-details__details-container {
	background-color: #2A2D3A;
}

.login-content,
.ndm-fieldset--disabled .ndm-input__unit-text {
	background-color: transparent;
}

.ndm-switchport-select__toggle {
	border: 0;
	background-color: #434550;
}

.ndm-switchport-select__toggle--active,
.ndm-switchport-select__toggle:focus {
	box-shadow: none;
	background-color: #4e3fb9;
}

.mat-card-title,
.keenetic-credentials__block[_ngcontent-sfy-c155],
.keenetic-credentials__text[_ngcontent-sfy-c155],
.layout__subtitle[_ngcontent-sfy-c150],
.ndm-textarea__textarea,
.tretiary-title,
.ng-scope,
.btn,
.mat-select-value-text,
.form__cell.form__cell--input-label,
.segment__devices-type--picture .ng-binding,
.ndm-selectbox-filter__dropdown .dropdown-item__handle {
	color: #dbdbdb;
}

.d-main__card {
	border-radius: 36px;
}

.mat-hint,
.help-text,
.body-text,
.card_segment .segment-access-point__band {
	color: #878787;
}

.ndm-chart__image-anchor,
.ndm-bar-chart,
#card_internet .d-main__card-content-title--status {
	background-color: unset;
}

.help-text--success {
	color: #00bb00;
}

.modal__body-controls .action-link {
	background: transparent;
}

.action-link,
.form__cell-action-link {
	background-color: #5560c5;
	border-radius: 22px;
	padding: 4px 15px;
	font-size: 14px;
}

.ndm-menu__bottom-language .dropdown .sb-container .sb-toggle .sb-value {
	text-decoration: unset;
}

.ndm-isp-general-properties__show-schedule-link::after,
.page-dsl__show-schedule-link::after,
.accordion-link::after {
	background: linear-gradient(to right, #796cd7 0, #796cd7 60%, transparent 60%);
	background-size: 10px 1px;
	background-repeat: repeat-x;
}

.btn {
	background-color: #6155b79c;
	border: 1px solid #6155b7;
}

.btn:hover {
	background-color: #6155b754;
}

.ndm-textarea__textarea-wrapper--focus::before {
	border-color: #35495e;
}

.header--shadow {
	box-shadow: 0 6px 13px -3px rgb(121 108 215 / 40%);
}

.btn:focus,
.d-main__card {
	box-shadow: none;
}

.segment__devices-type--picture,
.icon-dashboard__item {
	background-color: #616b9d !important;
}

.ndm-input-selectbox__wrapper,
.ndm-line-chart__tooltip,
.ndm-meter {
	border: 1px solid #006997;
}

.d-main__card-container {
	margin-top: 20px;
	border-top: 1px solid #4a4285;
	padding-top: 20px;
}

.mat-radio-outer-circle{
	background-color: #dbdbdb;
}

.page-apps .applications-container .app__card-content-wrap {
	border-top: 1px solid #796cd7;
}

#card_internet .connection-info,
.connection-info,
#card_apps .apps-list__row,
.system__system-files-section .system-file {
	border-top: 1px solid #7777;
}

.ndm-textarea__textarea,
.login-form__icon-wrapper,
.login-form__password .ndm-input__unit-text {
	background-color: #323749;
	border: 0;
}

.ndm-input__field + .ndm-input__placeholder,
.page-apps .applications-container .app__card-multiple-toggle-section-header-subtitle {
	color: unset;
}

.page-apps__private-cloud .users-table {
	overflow-x: auto;
}

.page-traffic-monitor__table__legend__item-list > li {
	background-color: transparent;
	border: 0;
}

.wifi-utilization__networks-chart-value,
.btn.btn--primary.btn--disabled:not(.btn--loading),
.btn.btn--primary:disabled:not(.btn--loading),
.wifi-utilization__networks-chart-value:not(.wifi-utilization__networks-chart-value--selectable),
.btn.btn--primary {
	background-color: #6155b7 !important;
}

.wifi-utilization__networks-chart-value--selectable:hover,
.btn.btn--primary:hover {
	background-color: #453c83;
}

.page-traffic-monitor__table__legend__item-list > li:hover,
.ndm-table-deviceslist tbody tr:hover,
.system__components-popup .component:hover,
.external-link:hover {
	background-color: #1a1b2161;
	border-bottom: 0;
}

.page-traffic-monitor__table__legend__item-list__total__upload {
	font-size: 14px;
	color: #979797;
}

.ndm-tabs,
.ndm-table-deviceslist tbody tr,
.ndm-user-settings__popup form.administrator_editor_form .tag,
.system__components-popup .component {
	border-bottom: 1px so...