merdan
/
sarga
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed Dark mode color issue

This commit is contained in:
Deepak Singh Gusain 2022-01-18 15:14:57 +05:30
parent 999026d538
commit e1a1d1d821
4 changed files with 147 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/Webkul/Admin/publishable/assets/css/admin.css vendored
View File

File diff suppressed because one or more lines are too long

2
packages/Webkul/Admin/publishable/assets/mix-manifest.json
View File

@ -1,4 +1,4 @@
{
"/js/admin.js": "/js/admin.js?id=16e7709105034d93361f",
"/css/admin.css": "/css/admin.css?id=7a4562b605f6b0e50953"
"/css/admin.css": "/css/admin.css?id=718e64a285dafc4f2ae4"
}

145
packages/Webkul/Admin/src/Resources/assets/sass/partials/_dark.scss vendored
View File

@ -173,7 +173,7 @@
.menubar-bottom {
background-color: $dark-bg;
}
}
}
.nav-container {
@ -699,3 +699,146 @@
}
}
.rtl.dark-mode {
.navbar-left {
background-color: $dark-bg;
border-right: 1px solid $dark-bg;
ul.menubar {
li.menu-item {
> a {
padding: 5px 2px;
display: block;
color: #000;
width: 100%;
.icon {
display: inline-block;
vertical-align: middle;
transform: scale(0.7);
}
.menu-label {
display: none;
color: #B0BEC5;
}
.arrow-icon{
display: none;
}
&.active,&:hover {
padding: 5px 2px;
background-color: rgba(1, 10, 20, .5);
}
}
&.active{
> a{
background-color: rgba(1, 10, 20, .5);
}
}
&:hover {
ul.sub-menubar {
background: #031425;
box-shadow: none;
border: 1px solid #24384c;
.sub-menu-item {
.menu-label {
color: #fff !important;
}
&.active, &:hover {
background-color: #020f1c;
.menu-label {
color: #fff !important;
}
}
}
}
}
}
}
&.open{
ul.menubar {
li.menu-item {
a {
.menu-label {
font-size: 14px;
font-weight: 200;
display: inline-block;
color: #B0BEC5;
}
.arrow-icon {
display: inline-block;
}
}
ul.sub-menubar {
display: none;
position: unset;
background-color: transparent;
border-radius: 0;
box-shadow: unset;
border: 0;
li.sub-menu-item {
a {
padding-left: 52px;
}
}
}
&.active {
background: $dark-bg;
width: calc(100% - 1px);
.menu-label {
color: #fff;
}
ul.sub-menubar {
display: block;
background-color: #031425;
border:none !important;
.sub-menu-item {
.menu-label {
color: #B0BEC5;
}
&.active, &:hover {
background-color: rgba(1, 10, 20, .5);
.menu-label {
color: #fff !important;
}
}
}
}
}
&:hover {
background: $dark-bg;
.menu-label {
color: #fff;
}
}
}
}
}
.menubar-bottom {
background-color: $dark-bg;
}
}
}

3
packages/Webkul/Admin/src/Resources/assets/sass/partials/_default.scss vendored
View File

@ -478,8 +478,7 @@ body {
ul.menubar {
li.menu-item {
li.menu-item {
ul.sub-menubar {