mirror of
https://github.com/oguzhaninan/Stacer.git
synced 2026-04-19 05:58:30 -04:00
326 lines
4.8 KiB
CSS
326 lines
4.8 KiB
CSS
/**
|
|
AUTHOR <email@address>
|
|
*/
|
|
|
|
.light {
|
|
background-color: #efefef;
|
|
}
|
|
|
|
.light .content h1 {
|
|
color: #6d7278;
|
|
border-bottom: 1px solid #bdc4ca;
|
|
}
|
|
|
|
|
|
/*----SIDEBAR-NAV----*/
|
|
|
|
.light .sidebar-nav {
|
|
background-color: #fff;
|
|
box-shadow: 0px 0px 20px 0px #ddd;
|
|
}
|
|
|
|
.light .sidebar-nav ul li label {
|
|
color: #fff;
|
|
}
|
|
|
|
.light .sidebar-nav ul li:not(.nav-active) i {
|
|
color: #6d7278;
|
|
}
|
|
|
|
.light .sidebar-nav ul li:hover,
|
|
.light .nav-active {
|
|
background-color: #2285c3;
|
|
}
|
|
|
|
.light .sidebar-nav ul li:hover>i,
|
|
.light li.nav-active>i {
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
/*-----DASHBOARD-----*/
|
|
|
|
|
|
/*chart-trail-color*/
|
|
|
|
.light svg path:first-child {
|
|
stroke: #ddd;
|
|
}
|
|
|
|
.light .cont,
|
|
.light .line-cont {
|
|
background-color: #fff;
|
|
box-shadow: 0px 0px 20px 0px #ddd;
|
|
color: #6d7278;
|
|
}
|
|
|
|
.light .cont h3,
|
|
.light .line-cont h3,
|
|
.light .system-info h3 {
|
|
color: #6d7278;
|
|
}
|
|
|
|
.light .system-info ul li {
|
|
color: #6d7278;
|
|
}
|
|
|
|
|
|
/*----SWITCH-----*/
|
|
|
|
.light .switch+label,
|
|
.light .switch:not(:checked)+label:hover:active {
|
|
background-color: #EF4836;
|
|
}
|
|
|
|
.light .switch+label::after {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.light .switch:checked+label {
|
|
box-shadow: inset 0 0 0 13px #4BD865;
|
|
}
|
|
|
|
.light .scroll::-webkit-scrollbar-thumb {
|
|
background-color: #748390;
|
|
}
|
|
|
|
|
|
/*----ITEM LIST-----*/
|
|
|
|
.light .item-list ul li {
|
|
background-color: #fff;
|
|
box-shadow: 0px 0px 10px 0px #ddd;
|
|
}
|
|
|
|
.light .item-list ul li:hover {
|
|
background-color: #748390;
|
|
color: #fff;
|
|
}
|
|
|
|
.light .item-list h3,
|
|
.light .item-list ul li,
|
|
.light .processes h3 {
|
|
color: #6d7278;
|
|
}
|
|
|
|
.light .item-list input[type=text],
|
|
.light .processes input[type=text] {
|
|
background-color: #fff;
|
|
border: 1px solid #eee;
|
|
box-shadow: 0px 0px 5px 0px #ddd;
|
|
color: #aeb5bf;
|
|
}
|
|
|
|
|
|
/*----ITEM TABLE----*/
|
|
|
|
.light .item-table {
|
|
background-color: #fff;
|
|
box-shadow: 0px 0px 20px 0px #ddd;
|
|
border: 0;
|
|
}
|
|
|
|
.light .item-table ul li {
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
|
|
.light .item-table ul li:hover {
|
|
background-color: #bdc4ca;
|
|
}
|
|
|
|
.light .cleaner-side i,
|
|
.light .item-table i {
|
|
background-color: #748390;
|
|
}
|
|
|
|
.light .item-table input[type=checkbox]:checked+i::after,
|
|
.light .cleaner-side input[type=checkbox]:checked+i::after {
|
|
background-color: #293945;
|
|
}
|
|
|
|
.light .item-table span {
|
|
color: #748390;
|
|
}
|
|
|
|
.light .item-table h3 {
|
|
background-color: #bdc4ca;
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
/*----CLEANER SIDE-----*/
|
|
|
|
.light .cleaner-side ul li label {
|
|
color: #aeb5bf;
|
|
}
|
|
|
|
.light .cleaner-side ul li {
|
|
background-color: #fff;
|
|
box-shadow: 0px 0px 20px 0px #ddd;
|
|
border: 0;
|
|
}
|
|
|
|
.light .cleaner-side ul li label:hover {
|
|
background-color: #bdc4ca;
|
|
color: #2285c3;
|
|
}
|
|
|
|
.light #clean-btn,
|
|
.light #system-scan-btn {
|
|
color: #fff;
|
|
background-color: #748390;
|
|
box-shadow: 0px 0px 20px 0px #ddd;
|
|
border: 0;
|
|
}
|
|
|
|
.light #clean-btn:hover,
|
|
.light #system-scan-btn:hover {
|
|
background-color: #bdc4ca;
|
|
}
|
|
|
|
|
|
/*----STARTUP APPS----*/
|
|
|
|
.light .add-startup-app {
|
|
background-color: #2196f3;
|
|
color: #eee;
|
|
}
|
|
|
|
.light .add-startup-app:hover {
|
|
background-color: #2285c3;
|
|
}
|
|
|
|
|
|
/*----RESURCES----*/
|
|
|
|
.light .resources h4 {
|
|
color: #6d7278;
|
|
}
|
|
|
|
.light .resources h4 i {
|
|
color: #6d7278;
|
|
}
|
|
|
|
.light #cpus-chart,
|
|
.light #memory-chart,
|
|
.light #network-chart {
|
|
background-color: #fff;
|
|
box-shadow: 0px 0px 20px 0px #ddd;
|
|
}
|
|
|
|
|
|
/*----UNINSTALLER----*/
|
|
|
|
.light .uninstaller-list label {
|
|
border: 2px solid #aeb5bf;
|
|
background-color: #eee;
|
|
}
|
|
|
|
.light .uninstaller-list input[type=checkbox]:checked+label {
|
|
background-color: #2285c3;
|
|
}
|
|
|
|
.light #uninstall-selected {
|
|
color: #202b33;
|
|
border: 1px solid #748390;
|
|
}
|
|
|
|
.light #uninstall-selected:disabled {
|
|
color: #748390;
|
|
}
|
|
|
|
.dark #uninstall-selected:disabled:hover {
|
|
color: #202b33;
|
|
}
|
|
|
|
.light #uninstall-selected:hover {
|
|
background-color: #748390;
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
/*-----UPDATE-BAR-----*/
|
|
|
|
.light .update-check {
|
|
background-color: #16a085;
|
|
}
|
|
|
|
.light .update-check span {
|
|
color: #202b33;
|
|
}
|
|
|
|
.light .update-check button {
|
|
color: #fff;
|
|
background-color: #202b33;
|
|
}
|
|
|
|
.light .update-check button:hover {
|
|
background-color: #293945;
|
|
}
|
|
|
|
|
|
/*----SETTINGS-----*/
|
|
|
|
.light .settings div label {
|
|
color: #6d7278;
|
|
}
|
|
|
|
.light .settings div select {
|
|
background-color: #748390;
|
|
color: #fff;
|
|
}
|
|
|
|
.light .empty-list {
|
|
color: #748390;
|
|
}
|
|
|
|
|
|
/*----PROCESS-----*/
|
|
|
|
.light .processes button {
|
|
background-color: #748390;
|
|
border: 0;
|
|
color: #fff;
|
|
}
|
|
|
|
.light .processes button:hover {
|
|
background-color: #bdc4ca;
|
|
}
|
|
|
|
.light .refreshCont label {
|
|
color: #6d7278;
|
|
}
|
|
|
|
.light .refreshProcesses {
|
|
background: #6d7278;
|
|
}
|
|
|
|
.light .refreshProcesses::-webkit-slider-thumb {
|
|
border: 7px solid #2285c3;
|
|
}
|
|
|
|
|
|
/*-----DATATABLE-----*/
|
|
|
|
.light .datatable {
|
|
box-shadow: 0px 0px 20px 0px #ddd;
|
|
background-color: #bdc4ca;
|
|
}
|
|
|
|
.light .datatable tr:not(.selectedRow) {
|
|
background-color: #fff;
|
|
color: #6d7278;
|
|
}
|
|
|
|
.light .datatable tr:hover {
|
|
background-color: #aeb5bf;
|
|
}
|
|
|
|
.light .datatable th {
|
|
color: #2285c3;
|
|
}
|
|
|
|
.light .selectedRow {
|
|
background-color: #aeb5bf;
|
|
color: #6d7278;
|
|
} |