Merge pull request #5563 from bagisto-europe/admin

admin theme update
This commit is contained in:
Glenn Hermans 2022-01-07 18:31:37 +01:00 committed by GitHub
commit e2839a4c36
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 37 additions and 36 deletions

2
packages/Webkul/Admin/publishable/assets/css/admin.css vendored Executable file → Normal file

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,9 @@
$black: #0000;
$black: #000000;
$blue: #0041FF;
$dark-bg:#051e37;
$green: #42c067;
$red: #FF0000;
$seprator: rgba(162, 162, 162, 0.2);
$white: #ffffff;

View File

@ -6,9 +6,8 @@
@import "variables";
@import "mixins";
@import "partials/default";
@import "partials/dark";
@import "partials/default";
@import "partials/mobile";
@import "partials/dashboard";

View File

@ -23,7 +23,7 @@
color: #a2a2a2;
}
.name {
color: rgba(255,255,255,.8);
color: rgba(255,255,255,.8) !important;
}
.dropdown-list {
right: 0px;
@ -44,7 +44,7 @@
> a {
padding: 5px 2px;
display: block;
color: $black;
color: #000;
width: 100%;
.icon {
@ -85,13 +85,13 @@
.sub-menu-item {
.menu-label {
color: $white !important;
color: #fff !important;
}
&.active, &:hover {
background-color: #020f1c;
.menu-label {
color: $white !important;
color: #fff !important;
}
}
}
@ -136,7 +136,7 @@
width: calc(100% - 1px);
.menu-label {
color: $white;
color: #fff;
}
ul.sub-menubar {
@ -152,7 +152,7 @@
&.active, &:hover {
background-color: rgba(1, 10, 20, .5);
.menu-label {
color: $white !important;
color: #fff !important;
}
}
}
@ -162,7 +162,7 @@
&:hover {
background: $dark-bg;
.menu-label {
color: $white;
color: #fff;
}
}
}
@ -188,11 +188,11 @@
margin-left: 40px;
.name{
color: $white;
color: #fff;
}
.role{
color: $white;
color: #fff;
}
}
}
@ -205,7 +205,7 @@
.nav-item {
a{
color: $white;
color:#fff;
display: block;
padding: 5px;
}
@ -302,12 +302,12 @@
}
.grid-dropdown-header {
background-color: $black;
background-color: #000;
border: 1px solid #24384c;
}
.dropdown-list{
background-color: $black;
background-color: #000;
.dropdown-container {
background-color: #02080d;
color: rgba(255,255,255,.8);
@ -320,7 +320,7 @@
a{
color: rgba(255,255,255,.8);
&:hover{
color: $white;
color: #fff;
}
}
@ -330,7 +330,7 @@
}
.notification{
background-color: $black;
background-color: #000;
.dropdown-container {
@ -385,7 +385,7 @@
.control-container {
.control {
background: $black;
background: #000;
}
}
@ -450,14 +450,14 @@
color: rgba(255,255,255,.5)
}
.accordian-content, div[slot*="body"] {
background-color: $black;
background-color: #000;
border-bottom: 1px solid #24384c;
}
&.active>.accordian-content {
background-color: #02080d;
}
&.active>.accordian-header {
background-color: $black;
background-color: #000;
}
}
@ -524,7 +524,7 @@
background: #071e37;
box-shadow: 0 5px 10px 2px rgb(0 0 0 / 80%);
.data {
color: $white !important;
color: $white;
.progress {
color: rgba(255,255,255,.8);
@ -535,14 +535,14 @@
}
.pagination .page-item {
background: $black;
background: #000;
border: 1px solid 000;
color: $white;
color: #ffffff;
}
.pagination .page-item.active {
background: #0041FF;
color: $white;
color: #ffffff;
border-color: #0041FF;
}

View File

@ -1,4 +1,3 @@
@import "colors";
body {
margin: 0;
color: $font-color;
@ -11,7 +10,7 @@ body {
}
.dark-mode-button{
background: #3c41ff;
background: $blue;
border: none;
padding: 10px 30px;
width: 95%;
@ -63,7 +62,7 @@ body {
&::before{
content: "";
width: 24px;
height: 24px;
height: 24px;
background-color: rebeccapurple;
background-image: url("../assets/image/Icon-Sortable.svg");
display: block;
@ -198,7 +197,7 @@ body {
> a {
padding: 5px 2px;
display: block;
color: $black;
color: #000;
width: 100%;
.icon {
@ -242,7 +241,7 @@ body {
a {
display: block;
padding: 8px 12px;
color: $black;
color: #000;
font-size: 12px;
}
}
@ -292,7 +291,7 @@ body {
font-size: 14px;
font-weight: 200;
display: inline-block;
color: $black;
color: #000;
}
.arrow-icon {
@ -320,7 +319,7 @@ body {
width: calc(100% - 1px);
.menu-label {
color: $black;
color: #000;
}
ul.sub-menubar {
@ -330,7 +329,7 @@ body {
.sub-menu-item {
.menu-label {
color: $black;
color: #000;
}
&.active, &:hover {
@ -345,7 +344,7 @@ body {
&:hover {
.menu-label {
color: $black;
color: #000;
}
}
}
@ -557,7 +556,7 @@ body {
.notif{
background-color: $white;
background-color: #fff;
li {
padding: 10px;
@ -625,7 +624,7 @@ body {
right: 13px;
top: 6px;
background: red;
color: $white;
color: #fff;
width: 20px;
text-align: center;
border-radius: 10px;