Pi-Hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2026-04-22 01:39:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improving contrast for UI tabs (#2076)

Browse Source 
* Improving nav-tabs contrast

Signed-off-by: rdwebdesign <github@rdwebdesign.com.br>

* Improving nav-tabs contrast + prettier

Signed-off-by: rdwebdesign <github@rdwebdesign.com.br>
This commit is contained in:
RD WebDesign
2022-01-15 03:47:26 -03:00
committed by GitHub
parent 035d8f981d
commit e1cbe8775f
3 changed files with 44 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
style/themes/default-dark.css
View File

@@ -263,24 +263,36 @@ h4 {
.nav-tabs-custom .tab-content {
background-color: #30383f;
}
.nav-tabs-custom > .nav-tabs > li.active > a {
border-left-color: #353c42;
border-right-color: #353c42;
background-color: #272c30;
color: #bec5cb;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
border-left-color: #353c42;
.nav-tabs-custom > .nav-tabs {
background: rgba(64, 72, 80, 0.666);
}
.nav-tabs-custom > .nav-tabs > li {
margin-right: 1px;
color: #bec5cb;
}
.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a {
border-left-color: #30383f;
border-right-color: #30383f;
background-color: #30383f;
color: #bec5cb;
}
.nav-tabs-custom > .nav-tabs > li:not(.active):hover {
border-top-color: #d2d6de;
background-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li > a {
color: #bec5cb;
color: #8e959b;
}
.nav-tabs-custom > .nav-tabs > li > a:focus {
background: #404850;
color: #3c8dbc;
}
.nav-tabs-custom > .nav-tabs > li:hover > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a {
background-color: #353c42;
color: #bec5cb;
}
.list-group {
color: #bec5cb;
background-color: #272c30;
@@ -452,11 +464,6 @@ div.dataTables_wrapper div.dataTables_length select {
color: #bec5cb;
border: 1px solid #3d444b;
}
.nav-tabs-custom > .nav-tabs > li:hover > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a {
background-color: #353c42;
color: #bec5cb;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {