Penambahan FrontEnd All-New-Manufacture
This commit is contained in:
pand03
0
public/scss/layout/version-dark/_dark-footer.scss
Normal file
0
public/scss/layout/version-dark/_dark-footer.scss
Normal file
557
public/scss/layout/version-dark/_dark-global.scss
Normal file
557
public/scss/layout/version-dark/_dark-global.scss
Normal file
@@ -0,0 +1,557 @@
|
||||
[data-theme-version="dark"]{
|
||||
|
||||
.btn-link g [fill]{
|
||||
fill: #fff;
|
||||
}
|
||||
.btn-light:active,
|
||||
.btn-light:focus,
|
||||
.btn-light:hover{
|
||||
color:#000;
|
||||
}
|
||||
.modal-content{
|
||||
background:$dark-card;
|
||||
}
|
||||
.modal-footer,
|
||||
.modal-header{
|
||||
border-color: $d-border;
|
||||
}
|
||||
.dashboard-select-2,
|
||||
.menu-tabs{
|
||||
border-color:$d-border!important;
|
||||
}
|
||||
.close{
|
||||
font-weight: 400;
|
||||
color: $white;
|
||||
text-shadow: none;
|
||||
|
||||
&:hover{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.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: 0.5rem;
|
||||
box-shadow: none;
|
||||
|
||||
.noUi-connects{
|
||||
background:$d-border;
|
||||
}
|
||||
}
|
||||
.noUi-marker-large,
|
||||
.noUi-marker{
|
||||
background:$d-border;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.list-group-item-action{
|
||||
color:$border;
|
||||
}
|
||||
.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:var(--primary);
|
||||
&:focus,
|
||||
&:hover,
|
||||
&:focus{
|
||||
background-color:var(--primary);
|
||||
border-color:var(--primary);
|
||||
color:$white;
|
||||
}
|
||||
}
|
||||
.form-head .btn-outline-primary{
|
||||
border-color:$d-border;
|
||||
}
|
||||
.form-head .btn-outline-primary:hover{
|
||||
border-color:var(--primary);
|
||||
}
|
||||
.review-tab.nav-pills li a.nav-link.active{
|
||||
background:transparent;
|
||||
}
|
||||
.text-black{
|
||||
color:$white!important;
|
||||
}
|
||||
.abilities-chart .ct-chart .ct-label{
|
||||
fill:$white;
|
||||
}
|
||||
.morris_chart_height text tspan{
|
||||
fill:$white;
|
||||
}
|
||||
.btn-link{
|
||||
color:$white;
|
||||
}
|
||||
.order-bg{
|
||||
background:$d-bg;
|
||||
}
|
||||
.detault-daterange{
|
||||
background:$d-bg;
|
||||
color:$white;
|
||||
.input-group-text{
|
||||
background:$dark-card;
|
||||
border:0;
|
||||
|
||||
}
|
||||
}
|
||||
.dataTablesCard{
|
||||
background-color:$dark-card;
|
||||
}
|
||||
.compose-content .dropzone{
|
||||
background:$d-bg!important;
|
||||
border-color:$d-border;
|
||||
.dlab-message .dlab-button{
|
||||
color:$white;
|
||||
}
|
||||
}
|
||||
.daterangepicker{
|
||||
.calendar-table{
|
||||
.table-condensed{
|
||||
td{
|
||||
&:hover{
|
||||
background-color:var(--primary);
|
||||
color:$white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:after{
|
||||
border-bottom: 0.375rem solid $d-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.app-fullcalendar{
|
||||
.fc-button{
|
||||
background-color:$d-bg;
|
||||
border-color:var(--primary);
|
||||
color:$white;
|
||||
text-shadow:none;
|
||||
&:hover,&.fc-stat-hover{
|
||||
background-color:var(--primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
.dd-handle{
|
||||
border-color:$d-border;
|
||||
}
|
||||
.menu-toggle .dlabnav .metismenu li > ul{
|
||||
background:$dark-card;
|
||||
}
|
||||
.header-right .notification_dropdown .nav-link{
|
||||
border-color:$d-border;
|
||||
}
|
||||
.clockpicker-popover .popover-content{
|
||||
background-color:$dark-card;
|
||||
}
|
||||
.clockpicker-plate{
|
||||
background-color:$d-bg;
|
||||
}
|
||||
.clockpicker-popover .popover-title{
|
||||
background-color:$d-bg;
|
||||
color:$white;
|
||||
}
|
||||
.form-wizard .nav-wizard li .nav-link span{
|
||||
background-color:$d-bg;
|
||||
}
|
||||
.form-wizard .nav-wizard li .nav-link:after{
|
||||
background:$d-bg;
|
||||
}
|
||||
.form-wizard .nav-wizard li .nav-link.active:after,.form-wizard .nav-wizard li .nav-link.done:after{
|
||||
background:var(--primary);
|
||||
}
|
||||
.form-wizard .nav-wizard li .nav-link.active span
|
||||
,.form-wizard .nav-wizard li .nav-link.done span{
|
||||
background:var(--primary);
|
||||
}
|
||||
.check-switch .custom-control-label:after
|
||||
, .check-switch .custom-control-label:before{
|
||||
border-color:var(--primary);
|
||||
}
|
||||
.fc-unthemed .fc-today{
|
||||
background:$d-bg;
|
||||
}
|
||||
.fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header{
|
||||
background: $d-border;
|
||||
}
|
||||
.picker__box{
|
||||
background:$d-bg;
|
||||
.picker__button--clear
|
||||
, .picker__button--close
|
||||
, .picker__button--today{
|
||||
background:$dark-card;
|
||||
color:$white;
|
||||
&:hover{
|
||||
&:before{
|
||||
color:$white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.picker{
|
||||
color:#999;
|
||||
}
|
||||
.dtp table.dtp-picker-days tr > td > a{
|
||||
color: #68686a;
|
||||
&.selected{
|
||||
color:$white;
|
||||
}
|
||||
}
|
||||
.order-request tbody tr{
|
||||
border-color:$d-border;
|
||||
}
|
||||
.card-list li{
|
||||
color:$white;
|
||||
}
|
||||
.card-bx .change-btn:hover{
|
||||
color:var(--primary);
|
||||
}
|
||||
.invoice-card{
|
||||
&.bg-warning{
|
||||
background-color:#5b3c1f!important;
|
||||
}
|
||||
&.bg-success{
|
||||
background-color:#2a6729!important;
|
||||
}
|
||||
&.bg-info{
|
||||
background-color:#4c276a!important;
|
||||
}
|
||||
&.bg-secondary{
|
||||
background-color:#1c3e52!important;
|
||||
}
|
||||
}
|
||||
.user-list li{
|
||||
border-color:$dark-card;
|
||||
}
|
||||
.toggle-switch{
|
||||
color:$white;
|
||||
}
|
||||
.bar-chart{
|
||||
.apexcharts-text tspan{
|
||||
fill:#969ba0;
|
||||
}
|
||||
line{
|
||||
stroke:$d-border;
|
||||
}
|
||||
}
|
||||
.coin-card{
|
||||
background: #0f6a62;
|
||||
background: -moz-linear-gradient(left, #0f6a62 0%, #084355 100%);
|
||||
background: -webkit-linear-gradient(left, #0f6a62 0%,#084355 100%);
|
||||
background: linear-gradient(to right, #0f6a62 0%,#084355 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f6a62', endColorstr='#084355',GradientType=1 );
|
||||
.coin-icon{
|
||||
background:rgba($black,0.2);
|
||||
}
|
||||
}
|
||||
.accordion.style-1 .accordion-item,.invoice-list{
|
||||
border-color:$d-border;
|
||||
}
|
||||
.accordion.style-1 .accordion-header.collapsed {
|
||||
.user-info a,.user-info,&>span{
|
||||
color:$white;
|
||||
}
|
||||
}
|
||||
.ic-card {
|
||||
&>a{
|
||||
background:#25479f;
|
||||
&:first-child{
|
||||
border-color:#25479f;
|
||||
}
|
||||
}
|
||||
span{
|
||||
color:$white;
|
||||
}
|
||||
}
|
||||
table.dataTable thead th, table.dataTable thead td{
|
||||
border-color:$d-border!important;
|
||||
}
|
||||
.form-check-input{
|
||||
&:checked{
|
||||
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
|
||||
}
|
||||
}
|
||||
.dataTables_info{
|
||||
color:$white;
|
||||
}
|
||||
.dataTables_wrapper .dataTables_paginate span .paginate_button.current,
|
||||
.dataTables_wrapper .dataTables_paginate span .paginate_button:hover{
|
||||
background:var(--primary);
|
||||
color:$white!important;
|
||||
}
|
||||
|
||||
.transaction-details{
|
||||
border-color:$d-border;
|
||||
}
|
||||
.description{
|
||||
color:$white;
|
||||
}
|
||||
.transaction-details .amount-bx{
|
||||
background:#3f250d;
|
||||
i{
|
||||
background:#8d3b0c;
|
||||
}
|
||||
}
|
||||
.nice-select .option{
|
||||
background:$dark-card;
|
||||
}
|
||||
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus{
|
||||
background:$dark-card;
|
||||
}
|
||||
.card-tabs.style-1{
|
||||
border-color:$d-border;
|
||||
}
|
||||
|
||||
.nice-select .list{
|
||||
background:$d-bg;
|
||||
}
|
||||
.table-search .input-group .input-group-text{
|
||||
background:$dark-card;
|
||||
}
|
||||
.bar-chart{
|
||||
.apexcharts-legend-text{
|
||||
color:$white!important;
|
||||
}
|
||||
}
|
||||
.Sales{
|
||||
tspan{
|
||||
fill:$white;
|
||||
}
|
||||
}
|
||||
.timeline-chart{
|
||||
rect{
|
||||
fill:$d-bg;
|
||||
}
|
||||
}
|
||||
.header-info{
|
||||
span{
|
||||
color:$white!important;
|
||||
}
|
||||
}
|
||||
.smallipop-instance.blue{
|
||||
color:#fff;
|
||||
}
|
||||
.property-map .smallipop.smallimap-mapicon .circle-marker{
|
||||
border-color:$d-border;
|
||||
}
|
||||
.property-features li{
|
||||
color:$white;
|
||||
}
|
||||
.review-tabs-1{
|
||||
background:$dark-card;
|
||||
}
|
||||
|
||||
.shapreter-row > div{
|
||||
border-color:$d-border;
|
||||
}
|
||||
.chartBar{
|
||||
line{
|
||||
stroke:$d-border;
|
||||
}
|
||||
}
|
||||
.search-job .search-dropdown:after{
|
||||
background:$d-border;
|
||||
}
|
||||
.chartjs{
|
||||
line{
|
||||
stroke:$d-border;
|
||||
}
|
||||
}
|
||||
.form-label{
|
||||
color:$white;
|
||||
}
|
||||
.datepicker-switch{
|
||||
color:$white;
|
||||
}
|
||||
.datepicker.datepicker-dropdown td.day, .datepicker.datepicker-dropdown th.next, .datepicker.datepicker-dropdown th.prev{
|
||||
color:$white;
|
||||
}
|
||||
.datepicker.datepicker-dropdown th.dow{
|
||||
color:$white;
|
||||
}
|
||||
.datepicker.datepicker-dropdown th.datepicker-switch, .datepicker.datepicker-dropdown th.next, .datepicker.datepicker-dropdown th.prev{
|
||||
color:$white;
|
||||
}
|
||||
.btn-close{
|
||||
color:$white!important;
|
||||
}
|
||||
.bgl-secondary{
|
||||
color:$white;
|
||||
}
|
||||
.application tr td .btn{
|
||||
color:$white;
|
||||
}
|
||||
.alert.alert-outline-secondary,
|
||||
.alert.alert-outline-dark{
|
||||
color:$white;
|
||||
}
|
||||
.form-control-plaintext{
|
||||
color:$white;
|
||||
}
|
||||
.timeline-panel{
|
||||
.media-body{
|
||||
small{
|
||||
color:$white;
|
||||
}
|
||||
}
|
||||
}
|
||||
.search-job .job-title-search .search-area .input-group-text{
|
||||
background-color:$d-bg;
|
||||
}
|
||||
.default-select.style-1{
|
||||
background-color:transparent;
|
||||
}
|
||||
|
||||
.activity{
|
||||
svg{
|
||||
path{
|
||||
fill:$d-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
.custom-label,
|
||||
.custom-label-2,
|
||||
.exp-del i, .exp-del strong{
|
||||
color:$white;
|
||||
}
|
||||
.attachment{
|
||||
a{
|
||||
color:var(--primary);
|
||||
&:hover{
|
||||
color:$white;
|
||||
}
|
||||
}
|
||||
}
|
||||
.table-bordered > :not(caption) > *{
|
||||
border-color:$d-border;
|
||||
}
|
||||
.read-content-attachment .attachment > div:not(:last-child){
|
||||
border-color:$d-border;
|
||||
}
|
||||
.bg-img-fix{
|
||||
.bg-white{
|
||||
background-color:$d-bg!important;
|
||||
}
|
||||
}
|
||||
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom{
|
||||
border-color:$d-border;
|
||||
}
|
||||
.text-youtube,
|
||||
.text-linkedin,
|
||||
.text-facebook,
|
||||
.text-dribble{
|
||||
|
||||
|
||||
&:after{
|
||||
background-color: $d-border;
|
||||
|
||||
}
|
||||
}
|
||||
.cm-content-box .cm-content-body{
|
||||
background-color:$dark-card;
|
||||
}
|
||||
.tab-my{
|
||||
.nav-link{
|
||||
background-color: transparent;
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
color: #fff;
|
||||
&.active{
|
||||
background-color: var(--primary) !important;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.dd .accordion-body,
|
||||
.dz-terms{
|
||||
border-color:$d-border;
|
||||
}
|
||||
.new-scroll{
|
||||
background-color:$d-bg;
|
||||
}
|
||||
.cm-content-box{
|
||||
background-color:$dark-card;
|
||||
|
||||
}
|
||||
.cm-content-box .cm-content-body{
|
||||
border-color:$d-border;
|
||||
}
|
||||
.cm-content-box.box-primary.style-1 .content-title{
|
||||
border-color:$d-border;
|
||||
}
|
||||
.admin-settings{
|
||||
.bootstrap-select .btn{
|
||||
border-color:$border-color !important;
|
||||
background: $white !important;
|
||||
|
||||
}
|
||||
.dropdown-menu{
|
||||
background-color:$white!important;
|
||||
box-shadow:0rem 0rem 2.5rem 0rem rgba(82, 63, 105, 0.1);
|
||||
|
||||
.dropdown-item{
|
||||
background-color:$white!important;
|
||||
color:#514e5f!important;
|
||||
|
||||
&:hover{
|
||||
background-color:#e9ecef!important;
|
||||
}
|
||||
|
||||
&.active{
|
||||
background-color:var(--rgba-primary-1)!important;
|
||||
color:var(--primary)!important
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
0
public/scss/layout/version-dark/_dark-header.scss
Normal file
0
public/scss/layout/version-dark/_dark-header.scss
Normal file
10
public/scss/layout/version-dark/_dark-nav-header.scss
Normal file
10
public/scss/layout/version-dark/_dark-nav-header.scss
Normal file
@@ -0,0 +1,10 @@
|
||||
[data-theme-version="dark"] {
|
||||
.nav-header{
|
||||
.brand-title{
|
||||
path{
|
||||
fill:var(--text-dark);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
19
public/scss/layout/version-dark/_dark-reset.scss
Normal file
19
public/scss/layout/version-dark/_dark-reset.scss
Normal file
@@ -0,0 +1,19 @@
|
||||
|
||||
|
||||
[data-theme-version="dark"] {
|
||||
|
||||
--nav-headbg : #{$dark-card};
|
||||
--sidebar-bg : #{$dark-card};
|
||||
--headerbg : #{$dark-card};
|
||||
|
||||
--card : #{$dark-card};
|
||||
--text-dark : #{$d-text-dark};
|
||||
--text-gray : #{$d-text-gray};
|
||||
--text : #{$d-text};
|
||||
--body-bg : #{$d-bg};
|
||||
--light : #{$d-bg};
|
||||
--border : #{$d-border};
|
||||
|
||||
|
||||
}
|
||||
|
||||
33
public/scss/layout/version-dark/_dark-right-sidebar.scss
Normal file
33
public/scss/layout/version-dark/_dark-right-sidebar.scss
Normal file
@@ -0,0 +1,33 @@
|
||||
[data-theme-version="dark"] {
|
||||
.sidebar-right {
|
||||
.card-tabs{
|
||||
.nav-tabs{
|
||||
border-color: var(--rgba-primary-1)!important;
|
||||
.nav-item{
|
||||
.nav-link{
|
||||
color:$black!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-control{
|
||||
background:$white;
|
||||
color:$black;
|
||||
border-color:$border-color;
|
||||
}
|
||||
.default-select .list{
|
||||
background:$white;
|
||||
.option{
|
||||
&.selected,&.focus,&:hover{
|
||||
background:rgba($black,0.05)!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.sidebar-right-inner>h4{
|
||||
color:$black!important;
|
||||
}
|
||||
.nice-select .option {
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
8
public/scss/layout/version-dark/_main.scss
Normal file
8
public/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