hacktoberfestdark-themesonarrradarrplexorganizrnginxthemesubfilterguacamoleskinsombilidarrdocker-modsdark-themesdark-modecustom-csscssthemes-customthemes-css
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
1.7 KiB
65 lines
1.7 KiB
:root {
|
|
--main-bg-color: #313544;
|
|
|
|
--modal-bg-color: #252833;
|
|
--modal-header-color: #252833;
|
|
--modal-footer-color: #252833;
|
|
|
|
--drop-down-menu-bg: #252833;
|
|
|
|
--button-color: #911f93;
|
|
--button-color-hover: #721873;
|
|
--button-text: #eee;
|
|
--button-text-hover: #fff;
|
|
|
|
--accent-color: 145, 31, 147;
|
|
--accent-color-hover: rgb(var(--accent-color), .8);
|
|
--link-color: #b828bb;
|
|
--link-color-hover: #911f93;
|
|
--label-text-color: #eee;
|
|
|
|
--text: #ccc;
|
|
--text-hover: #fff;
|
|
--text-muted: #999;
|
|
|
|
/*Specials*/
|
|
--arr-queue-color: #6c757d;
|
|
--side-menu-active: #252833;
|
|
--side-menu-color: #3a3f51;
|
|
--side-menu-link-color: #fff;
|
|
--scroller-hover: #606060;
|
|
--scroller: #707070;
|
|
--border-color: #606060;
|
|
--label-color: #911f93;
|
|
--label-info: #5d9cec;
|
|
--header-color: #911f93;
|
|
}
|
|
|
|
/* HEADER */
|
|
.header-container .bg-primary {
|
|
background-color: var(--header-color) !important;
|
|
}
|
|
|
|
/* SIDE MENU */
|
|
.sidebar-container {
|
|
background-color: var(--side-menu-color) !important;
|
|
color: white !important;
|
|
}
|
|
|
|
.sidebar-container .sidebar-button {
|
|
color: var(--side-menu-link-color) !important;
|
|
}
|
|
|
|
.sidebar-container .sidebar-button {
|
|
background-color: var(--side-menu-color) !important;
|
|
}
|
|
.sidebar-container .sidebar-button.sb-active, .sidebar-container .sidebar-button.sb-active:hover {
|
|
color: var(--side-menu-link-color) !important;
|
|
background-color: var(--side-menu-active) !important;
|
|
}
|
|
|
|
|
|
.sidebar-container .sidebar-button:hover {
|
|
background-color: var(--side-menu-active) !important;
|
|
color: var(--side-menu-link-color) !important;
|
|
}
|