mirror/php-flextype
1
0
Fork 0
mirror of https://github.com/flextype/flextype.git synced 2025-08-24 05:43:10 +02:00
Code Issues Releases Wiki Activity

fix(admin-plugin): fix dark theme for admin panel #186 #168

Browse Source
This commit is contained in:
Awilum
2019-09-10 11:43:30 +03:00
parent 68365463bf
commit bbf562bc67
4 changed files with 145 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
site/plugins/admin/assets/scss/admin-light.scss
View File

@@ -723,3 +723,65 @@ ul.messenger-theme-flat .messenger-message-slot.messenger-first.messenger-last .
border-radius: .25rem;
padding: 3px 8px 3px 3px;
}
.card-deck .card {
border-color: #ced4da;
}
.card-footer,
.card-header {
background: #eaeaeb;
color: #424243;
border-color: #ced4da;
}
.bootstrap-tagsinput > input {
border: none;
background-color: white;
color: #424243;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
border-top: 7px solid #dbdbdc!important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
border-top: 7px solid black!important;
}
.bootstrap-datetimepicker-widget table td span:hover {
background: #eaeaeb!important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.float-right:after {
bottom: -8px;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
background: #eaeaeb!important;
color: #424243!important;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
background: #eaeaeb!important;
color: #424243!important;
}
.bootstrap-datetimepicker-widget .table tbody tr:hover td,
.bootstrap-datetimepicker-widget .table tbody tr:hover th {
background-color: transparent;
}
.bootstrap-datetimepicker-widget table td span.active,
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
background: #eaeaeb!important;
color: #424243!important;
}
.bootstrap-datetimepicker-widget table th {
border-color: #ced4da;
}

44
site/plugins/admin/assets/scss/components/nav.scss
View File

@@ -234,50 +234,6 @@
border: 1px solid black;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
border-top: 7px solid black!important;
}
.bootstrap-datetimepicker-widget table td span:hover {
background: #3b404b!important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.float-right:after {
bottom: -8px;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
background: #3b404b!important;
color: #b7b9bd!important;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
background: #3b404b!important;
color: #b7b9bd!important;
}
.bootstrap-datetimepicker-widget .table tbody tr:hover td,
.bootstrap-datetimepicker-widget .table tbody tr:hover th {
background-color: transparent;
}
.bootstrap-datetimepicker-widget table td span.active,
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
background: #3b404b!important;
color: #b7b9bd!important;
}
.bootstrap-datetimepicker-widget table th {
padding: 12.5px 20px;
vertical-align: middle;
border-color: #000;
font-size: 14px;
}
.dropdown-menu {
background-color: #21252b;
}

39
site/plugins/admin/assets/scss/objects/container.scss
View File

@@ -53,42 +53,3 @@
.tempusdominus-bootstrap-4 .btn:hover > span {
background: transparent!important;
}
.bootstrap-tagsinput {
background-color: #1b1d23;
border: 1px solid #000;
color: white;
border-radius: 4px;
font-size: .875rem;
padding: 8px 12px;
height: 40px;
box-shadow: none;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
content: "x";
padding: 3px 5px;
margin-right: -9px;
margin-left: 4px;
color: #7b838f;
background: #3d424e;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
cursor: pointer;
}
.bootstrap-tagsinput > input {
border: none;
background-color: #1b1d23;
color: white;
}
.bootstrap-tagsinput .tag {
color: #7b838f;
background-color: #3a3f4a;
border: 1px solid black;
border-radius: .25rem;
padding: 3px 8px 3px 3px;
}

83
site/plugins/admin/assets/scss/objects/form-control.scss
View File

@@ -402,3 +402,86 @@ $switch-transition: .2s all !default;
margin-left: 1rem;
}
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
border-top: 7px solid black!important;
}
.bootstrap-datetimepicker-widget table td span:hover {
background: #3b404b!important;
}
.bootstrap-datetimepicker-widget.dropdown-menu.float-right:after {
bottom: -8px;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
background: #3b404b!important;
color: #b7b9bd!important;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
background: #3b404b!important;
color: #b7b9bd!important;
}
.bootstrap-datetimepicker-widget .table tbody tr:hover td,
.bootstrap-datetimepicker-widget .table tbody tr:hover th {
background-color: transparent;
}
.bootstrap-datetimepicker-widget table td span.active,
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
background: #3b404b!important;
color: #b7b9bd!important;
}
.bootstrap-datetimepicker-widget table th {
padding: 12.5px 20px;
vertical-align: middle;
border-color: #000;
font-size: 14px;
}
.bootstrap-tagsinput {
background-color: #1b1d23;
border: 1px solid #000;
color: white;
border-radius: 4px;
font-size: .875rem;
padding: 8px 12px;
height: 40px;
box-shadow: none;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
content: "x";
padding: 3px 5px;
margin-right: -9px;
margin-left: 4px;
color: #7b838f;
background: #3d424e;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
cursor: pointer;
}
.bootstrap-tagsinput > input {
border: none;
background-color: #1b1d23;
color: white;
}
.bootstrap-tagsinput .tag {
color: #7b838f;
background-color: #3a3f4a;
border: 1px solid black;
border-radius: .25rem;
padding: 3px 8px 3px 3px;
}