first commit
This commit is contained in:
13
public/style/scss/layout/version-dark/_dark-footer.scss
Normal file
13
public/style/scss/layout/version-dark/_dark-footer.scss
Normal file
@ -0,0 +1,13 @@
|
||||
[data-theme-version="dark"] {
|
||||
.footer {
|
||||
background-color: transparent;
|
||||
|
||||
.copyright {
|
||||
background-color: transparent;
|
||||
|
||||
p {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
171
public/style/scss/layout/version-dark/_dark-global.scss
Normal file
171
public/style/scss/layout/version-dark/_dark-global.scss
Normal file
@ -0,0 +1,171 @@
|
||||
|
||||
[data-theme-version="dark"] {
|
||||
.dropdown-menu {
|
||||
background-color: $d-bg;
|
||||
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255,0.1);
|
||||
|
||||
.dropdown-item {
|
||||
&.selected,
|
||||
&.selected.active,
|
||||
&.active,
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: $dark-card;
|
||||
color: $body-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-control {
|
||||
background-color: $d-bg;
|
||||
border-color: $d-border;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.card {
|
||||
background-color: $dark-card;
|
||||
box-shadow:none;
|
||||
}
|
||||
.btn-outline-dark:hover{
|
||||
background-color: $d-bg;
|
||||
border-color: $d-bg;
|
||||
}
|
||||
.tdl-holder input[type=text],
|
||||
.tdl-holder li{
|
||||
background-color: $dark-card;
|
||||
border-color:$d-border;
|
||||
}
|
||||
.tdl-holder input[type=text]{
|
||||
&::placeholder {
|
||||
color: $d-ctl;
|
||||
}
|
||||
}
|
||||
.tdl-holder label:hover {
|
||||
background-color: $d-border;
|
||||
color: $white;
|
||||
}
|
||||
.text-muted {
|
||||
color: $d-ctl !important;
|
||||
}
|
||||
.modal-content{
|
||||
background:$dark-card;
|
||||
}
|
||||
.modal-footer,
|
||||
.modal-header{
|
||||
border-color: $d-border;
|
||||
}
|
||||
.close{
|
||||
font-weight: 400;
|
||||
color: $white;
|
||||
text-shadow: none;
|
||||
|
||||
&:hover{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.table strong {
|
||||
color: #fff;
|
||||
}
|
||||
.text-dark {
|
||||
color: $d-ctl !important;
|
||||
}
|
||||
.star-rating .product-review,
|
||||
.new-arrival-content .item{
|
||||
color: $white;
|
||||
}
|
||||
.custom-dropdown .dropdown-menu{
|
||||
border-color: $d-border;
|
||||
}
|
||||
.widget-stat .media > span{
|
||||
background: $d-border;
|
||||
border-color: $d-border;
|
||||
color:$white;
|
||||
}
|
||||
.plus-minus-input .custom-btn{
|
||||
background: $d-bg;
|
||||
border-color: $d-border;
|
||||
}
|
||||
.dropdown-divider,
|
||||
.size-filter ul li{
|
||||
border-color: $d-border;
|
||||
}
|
||||
.custom-select{
|
||||
border-color: $d-border;
|
||||
color: $d-ctl;
|
||||
background:$d-bg;
|
||||
}
|
||||
.nav-tabs{
|
||||
border-color: $d-border;
|
||||
}
|
||||
.mail-list .list-group-item.active i {
|
||||
color: $white;
|
||||
}
|
||||
hr{
|
||||
border-color: $d-border;
|
||||
}
|
||||
|
||||
.grid-col{
|
||||
background:$d-bg;
|
||||
}
|
||||
|
||||
.noUi-target{
|
||||
border-color:$d-border;
|
||||
border-radius: 8px;
|
||||
box-shadow: none;
|
||||
|
||||
.noUi-connects{
|
||||
background:$d-border;
|
||||
}
|
||||
}
|
||||
.noUi-marker-large,
|
||||
.noUi-marker{
|
||||
background:$d-border;
|
||||
}
|
||||
.input-group-text{
|
||||
background:$d-border;
|
||||
color:$body-color;
|
||||
}
|
||||
.note-editor.note-frame{
|
||||
border-color:$d-border;
|
||||
.btn{
|
||||
color:$white;
|
||||
}
|
||||
.note-editing-area .note-editable{
|
||||
color:$white;
|
||||
}
|
||||
}
|
||||
.widget-media .timeline .timeline-panel{
|
||||
border-color:$d-border;
|
||||
}
|
||||
.notification_dropdown .dropdown-menu-right .all-notification{
|
||||
border-color:$d-border;
|
||||
}
|
||||
#user-activity .nav-tabs .nav-link{
|
||||
border-color:$d-border;
|
||||
}
|
||||
.list-group-item-action{
|
||||
color:$body-color;
|
||||
}
|
||||
.list-group-item-action:focus,
|
||||
.list-group-item-action:hover,
|
||||
.list-group-item-action:focus{
|
||||
background-color:$d-bg;
|
||||
border-color:$d-bg;
|
||||
}
|
||||
.list-group-item.active{
|
||||
color:$white;
|
||||
border-color:$primary;
|
||||
&:focus,
|
||||
&:hover,
|
||||
&:focus{
|
||||
background-color:$primary;
|
||||
border-color:$primary;
|
||||
color:$white;
|
||||
}
|
||||
}
|
||||
.swal2-popup{
|
||||
background:$dark-card;
|
||||
}
|
||||
|
||||
|
||||
}
|
62
public/style/scss/layout/version-dark/_dark-header.scss
Normal file
62
public/style/scss/layout/version-dark/_dark-header.scss
Normal file
@ -0,0 +1,62 @@
|
||||
[data-theme-version="dark"] {
|
||||
|
||||
.header {
|
||||
background-color: $dark-card;
|
||||
}
|
||||
|
||||
.header-left {
|
||||
input {
|
||||
background: $d-bg !important;
|
||||
border-color: transparent ;
|
||||
color: $white !important;
|
||||
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
border-color: $primary;
|
||||
}
|
||||
|
||||
&::placeholder {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.search_icon{
|
||||
background: $d-bg !important;
|
||||
|
||||
i{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header-right {
|
||||
.right-sidebar a{
|
||||
color:$primary;
|
||||
border-color:$d-border;
|
||||
}
|
||||
.header-profile > a.nav-link .header-info strong{
|
||||
color:$white;
|
||||
}
|
||||
.notification_dropdown .nav-link{
|
||||
background: $d-bg;
|
||||
}
|
||||
.dropdown {
|
||||
.nav-link {
|
||||
color: $white;
|
||||
&:hover {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
.nav-link {
|
||||
|
||||
}
|
||||
.notification_dropdown {
|
||||
.dropdown-item {
|
||||
a {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
@ -0,0 +1,92 @@
|
||||
[data-theme-version="dark"] {
|
||||
|
||||
&[data-sidebar-style="mini"] {
|
||||
.deznav .metismenu li > ul{
|
||||
background-color: $dark-card;
|
||||
}
|
||||
}
|
||||
|
||||
.fixed-content-box{
|
||||
background-color: $dark-card;
|
||||
.head-name{
|
||||
background:$dark-card;
|
||||
color: $white;
|
||||
border-color:$d-border;
|
||||
}
|
||||
& + .header + .deznav{
|
||||
background-color: $d-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.deznav {
|
||||
background-color: $dark-card;
|
||||
|
||||
.metismenu {
|
||||
|
||||
|
||||
&>li {
|
||||
|
||||
&>a {
|
||||
color: darken($color: $white, $amount: 30%);
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.mm-active {
|
||||
|
||||
&>a {
|
||||
color: $white;
|
||||
|
||||
&::after {
|
||||
border-color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.mm-active {
|
||||
|
||||
ul {
|
||||
|
||||
ul {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//one step dropdown
|
||||
ul {
|
||||
|
||||
&:after{
|
||||
background-color:$d-border;
|
||||
}
|
||||
|
||||
a {
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.mm-active {
|
||||
color: $white;
|
||||
}
|
||||
&:before{
|
||||
background-color: $white;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: darken($color: $white, $amount: 30%);
|
||||
}
|
||||
|
||||
.has-arrow {
|
||||
&:after {
|
||||
border-color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
18
public/style/scss/layout/version-dark/_dark-nav-header.scss
Normal file
18
public/style/scss/layout/version-dark/_dark-nav-header.scss
Normal file
@ -0,0 +1,18 @@
|
||||
[data-theme-version="dark"] {
|
||||
.nav-header,
|
||||
.nav-control {
|
||||
background-color:$d-bg;
|
||||
}
|
||||
|
||||
.nav-control {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.brand-logo {
|
||||
color: $white;
|
||||
|
||||
&:hover {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
17
public/style/scss/layout/version-dark/_dark-preloader.scss
Normal file
17
public/style/scss/layout/version-dark/_dark-preloader.scss
Normal file
@ -0,0 +1,17 @@
|
||||
[data-theme-version="dark"] {
|
||||
|
||||
#preloader {
|
||||
background: $d-bg;
|
||||
}
|
||||
|
||||
.loader {
|
||||
&__bar {
|
||||
background: $primary;
|
||||
box-shadow: 1px 1px 0 $d-border;
|
||||
}
|
||||
&__ball {
|
||||
background: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
46
public/style/scss/layout/version-dark/_dark-reset.scss
Normal file
46
public/style/scss/layout/version-dark/_dark-reset.scss
Normal file
@ -0,0 +1,46 @@
|
||||
@import "./../../abstracts/variable";
|
||||
|
||||
|
||||
|
||||
[data-theme-version="dark"] {
|
||||
background: $d-bg;
|
||||
color: $d-ctl;
|
||||
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: $white !important;
|
||||
}
|
||||
a.link {
|
||||
color: $d-ctd;
|
||||
}
|
||||
a.link:focus,
|
||||
a.link:hover {
|
||||
color: $info;
|
||||
}
|
||||
|
||||
a {
|
||||
&:hover {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
//Generating border classess
|
||||
@each $value in $borders {
|
||||
@if $value == "" {
|
||||
.border {
|
||||
border: 1px solid $d-border !important;
|
||||
}
|
||||
} @else {
|
||||
.border-#{$value} {
|
||||
border-#{$value}: 1px solid $d-border !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
@ -0,0 +1,16 @@
|
||||
[data-theme-version="dark"] {
|
||||
.sidebar-right {
|
||||
background-color: lighten($d-bg, 3.2%);
|
||||
|
||||
.nav-tabs {
|
||||
background-color: lighten($d-bg, 3.2%);
|
||||
border-bottom: 1px solid $d-bg;
|
||||
|
||||
.nav-link {
|
||||
&.active {
|
||||
background-color: $d-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
8
public/style/scss/layout/version-dark/_main.scss
Normal file
8
public/style/scss/layout/version-dark/_main.scss
Normal file
@ -0,0 +1,8 @@
|
||||
@import "./dark-reset";
|
||||
@import "./dark-global";
|
||||
@import "./dark-header";
|
||||
@import "./dark-nav-header";
|
||||
@import "./dark-nav-header";
|
||||
@import "./dark-left-sidebar";
|
||||
@import "./dark-right-sidebar";
|
||||
@import "./dark-footer";
|
Reference in New Issue
Block a user