frodovdr/hyperion.ng
1
0
Fork 0
mirror of https://github.com/hyperion-project/hyperion.ng.git synced 2023-10-10 13:36:59 +02:00
Code Issues Releases Wiki Activity

webui: select appearance fix + changed wizard btn color (#789)

Browse Source 
* select appearance fix + changed wizard btn color

* default buttons

* warning buttons
This commit is contained in:
SJunkies 2020-05-11 22:10:10 +02:00 committed by GitHub
parent 472da54856
commit 598b404f38
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 49 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
assets/webconfig/css/darkMode.css
View File

@ -47,6 +47,24 @@ h4 {
} }
/*Buttons*/ /*Buttons*/
.btn-default {
color: #DDDDDD;
background-color: #212121;
border-color: #424242;
}
.btn-default:hover {
color: #DDDDDD;
background-color: #333;
border-color: #616161;
}
.btn-default:focus{
color: #DDDDDD;
background-color: #333;
border-color: #616161;
}
.btn-primary { .btn-primary {
background-color: #155fa0; background-color: #155fa0;
border-color: #5db6ff; border-color: #5db6ff;
@ -68,15 +86,18 @@ h4 {
} }
.btn-warning { .btn-warning {
background-color: #ec971f; background-color: #bc7410;
border-color: #f0ad4e;
} }
.btn-warning:hover { .btn-warning:hover {
background-color: #f0ad4e; background-color: #ec971f;
border-color: #f3bd72;
} }
.btn-warning:focus { .btn-warning:focus {
background-color: #f0ad4e; background-color: #ec971f;
border-color: #f3bd72;
} }
.btn-danger { .btn-danger {
@ -104,6 +125,21 @@ h4 {
border-color: #a1eea1; border-color: #a1eea1;
} }
.btn-wizard {
background-color: #602060;
border-color: #993399;
}
.btn-wizard:hover {
background-color: #993399;
border-color: #cc66cc;
}
.btn-wizard:focus {
background-color: #993399;
border-color: #cc66cc;
}
/*Tables*/ /*Tables*/
tr:hover td { tr:hover td {
background-color: #2e6da4; background-color: #2e6da4;
@ -191,7 +227,15 @@ tr:hover td {
border-color: #616161; border-color: #616161;
background-color: #212121; background-color: #212121;
color: #DDDDDD !important; color: #DDDDDD !important;
-moz-appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
appearance: none;
}
select.form-control {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.95 10'%3E%3Cpath fill='%23212121' d='M0 0h4.95v10H0z'/%3E%3Cpath fill='%23ddd' d='M1.41 4.67l1.07-1.49 1.06 1.49H1.41zm2.13.66L2.48 6.82 1.41 5.33h2.13z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat;
background-position: right 5px center;
} }
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn { .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {