mirror of https://github.com/Chocobozzz/PeerTube
fix nav tab and tag color in dark theme
parent
f845c68305
commit
1fd3ef3fb4
|
@ -5,6 +5,13 @@ textarea {
|
||||||
height: 250px;
|
height: 250px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.form-control {
|
||||||
|
&, &:focus {
|
||||||
|
background-color: var(--inputColor);
|
||||||
|
color: var(--mainForegroundColor);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
input[type=submit] {
|
input[type=submit] {
|
||||||
@include peertube-button;
|
@include peertube-button;
|
||||||
@include orange-button;
|
@include orange-button;
|
||||||
|
|
|
@ -164,15 +164,17 @@ p-calendar {
|
||||||
tag-input-form {
|
tag-input-form {
|
||||||
input {
|
input {
|
||||||
height: 30px !important;
|
height: 30px !important;
|
||||||
background-color: #fff !important;
|
|
||||||
|
background-color: var(--mainBackgroundColor) !important;
|
||||||
|
color: var(--mainForegroundColor) !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
tag {
|
tag {
|
||||||
background-color: #E5E5E5 !important;
|
background-color: var(--inputColor) !important;
|
||||||
border-radius: 3px !important;
|
border-radius: 3px !important;
|
||||||
font-size: 15px !important;
|
font-size: 15px !important;
|
||||||
color: #000 !important;
|
color: var(--mainForegroundColor) !important;
|
||||||
height: 30px !important;
|
height: 30px !important;
|
||||||
line-height: 30px !important;
|
line-height: 30px !important;
|
||||||
margin: 0 5px 0 0 !important;
|
margin: 0 5px 0 0 !important;
|
||||||
|
|
|
@ -283,6 +283,11 @@ ngb-tabset.bootstrap {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.nav-tabs .nav-link.active {
|
||||||
|
background-color: var(--mainBackgroundColor) !important;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
.orange-button {
|
.orange-button {
|
||||||
@include peertube-button;
|
@include peertube-button;
|
||||||
@include orange-button;
|
@include orange-button;
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
@mixin glyphicon-light {
|
@mixin glyphicon-light {
|
||||||
font-family: 'Glyphicons Halflings';
|
font-family: 'Glyphicons Halflings';
|
||||||
text-decoration: none !important;
|
text-decoration: none !important;
|
||||||
color: #000 !important;
|
color: var(--mainForegroundColor) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
// data table customizations
|
// data table customizations
|
||||||
|
@ -33,7 +33,7 @@ p-table {
|
||||||
.ui-table-tbody {
|
.ui-table-tbody {
|
||||||
tr {
|
tr {
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: #f0f0f0 !important;
|
background-color: var(--submenuColor) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:not(:hover) {
|
&:not(:hover) {
|
||||||
|
@ -60,15 +60,15 @@ p-table {
|
||||||
|
|
||||||
th {
|
th {
|
||||||
border: none !important;
|
border: none !important;
|
||||||
border-bottom: 1px solid #f0f0f0 !important;
|
border-bottom: 1px solid var(--submenuColor) !important;
|
||||||
text-align: left !important;
|
text-align: left !important;
|
||||||
padding: 5px 0 5px 15px !important;
|
padding: 5px 0 5px 15px !important;
|
||||||
font-weight: $font-semibold !important;
|
font-weight: $font-semibold !important;
|
||||||
color: #000 !important;
|
color: var(--mainForegroundColor) !important;
|
||||||
|
|
||||||
&.ui-sortable-column:hover {
|
&.ui-sortable-column:hover {
|
||||||
background-color: #f0f0f0 !important;
|
background-color: var(--submenuColor) !important;
|
||||||
border: 1px solid #f0f0f0 !important;
|
border: 1px solid var(--submenuColor) !important;
|
||||||
border-width: 0 1px !important;
|
border-width: 0 1px !important;
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
|
@ -77,7 +77,7 @@ p-table {
|
||||||
}
|
}
|
||||||
|
|
||||||
&.ui-state-highlight {
|
&.ui-state-highlight {
|
||||||
background-color: #fff !important;
|
background-color:var(--submenuColor) !important;
|
||||||
|
|
||||||
.pi {
|
.pi {
|
||||||
@extend .glyphicon;
|
@extend .glyphicon;
|
||||||
|
@ -109,8 +109,9 @@ p-table {
|
||||||
|
|
||||||
p-paginator {
|
p-paginator {
|
||||||
.ui-paginator-bottom {
|
.ui-paginator-bottom {
|
||||||
|
background-color: var(--mainBackgroundColor) !important;
|
||||||
position: relative;
|
position: relative;
|
||||||
border: 1px solid #f0f0f0 !important;
|
border: 1px solid var(--submenuColor) !important;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
Loading…
Reference in New Issue