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

Primary icons chnaged according to dark mode

This commit is contained in:
jitendra 2022-03-16 15:50:19 +05:30
parent 6914ad6ee5
commit 4639c5678e
19 changed files with 97 additions and 15 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

4
packages/Webkul/Admin/publishable/assets/images/Accordion-Dark-Arrow-Down.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12Z" fill="#FFFFFF"/>
<path d="M16 10L12 14L8 10" stroke="#000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 355 B

4
packages/Webkul/Admin/publishable/assets/images/Accordion-Dark-Arrow-Up.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12Z" fill="#FFFFFF"/>
<path d="M16 13L12 9L8 13" stroke="#000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 354 B

11
packages/Webkul/Admin/publishable/assets/images/dark-chevron-left.svg Normal file
View File

@ -0,0 +1,11 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2:540)">
<path d="M12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0Z" fill="#FFFFFF"/>
<path d="M13.5 17.5L8.5 12.5L13.5 7.5" stroke="#000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_2:540">
<rect width="24" height="24" fill="#000000"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 505 B

11
packages/Webkul/Admin/publishable/assets/images/dark-chevron-right.svg Normal file
View File

@ -0,0 +1,11 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2:543)">
<path d="M12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0Z" fill="#FFFFFF"/>
<path d="M10.5 17.5L15.5 12.5L10.5 7.5" stroke="#000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_2:543">
<rect width="24" height="24" fill="#000000"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 506 B

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

@ -1,4 +1,4 @@
{
"/js/admin.js": "/js/admin.js?id=7d73f64f6f160ecd8a23",
"/css/admin.css": "/css/admin.css?id=a1b1fd5b256cfa34cf49"
"/css/admin.css": "/css/admin.css?id=517088acc4e4577fd849"
}

4
packages/Webkul/Admin/src/Resources/assets/images/Accordion-Dark-Arrow-Down.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12Z" fill="#FFFFFF"/>
<path d="M16 10L12 14L8 10" stroke="#000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 355 B

4
packages/Webkul/Admin/src/Resources/assets/images/Accordion-Dark-Arrow-Up.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12Z" fill="#FFFFFF"/>
<path d="M16 13L12 9L8 13" stroke="#000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 354 B

11
packages/Webkul/Admin/src/Resources/assets/images/dark-chevron-left.svg Normal file
View File

@ -0,0 +1,11 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2:540)">
<path d="M12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0Z" fill="#FFFFFF"/>
<path d="M13.5 17.5L8.5 12.5L13.5 7.5" stroke="#000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_2:540">
<rect width="24" height="24" fill="#000000"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 505 B

11
packages/Webkul/Admin/src/Resources/assets/images/dark-chevron-right.svg Normal file
View File

@ -0,0 +1,11 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2:543)">
<path d="M12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0Z" fill="#FFFFFF"/>
<path d="M10.5 17.5L15.5 12.5L10.5 7.5" stroke="#000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_2:543">
<rect width="24" height="24" fill="#000000"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 506 B

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

@ -302,6 +302,14 @@
color: $font-color;
border-top: solid 1px $border-color;
border-bottom: solid 1px $border-color;
.accordian-up-icon {
background-image: url(../images/Accordion-Dark-Arrow-Up.svg);
}
.accordian-down-icon {
background-image: url(../images/Accordion-Dark-Arrow-Up.svg);
}
}
}
@ -765,6 +773,20 @@
}
}
.navbar-left {
.menubar-bottom {
background-color: $dark-bg;
.accordian-left-icon {
background-image: url(../images/dark-chevron-left.svg);
}
.accordian-right-icon {
background-image: url(../images/dark-chevron-right.svg);
}
}
}
.rtl.dark-mode {
.navbar-left {
background-color: $dark-bg;

2
packages/Webkul/Ui/publishable/assets/css/ui.css vendored
View File

File diff suppressed because one or more lines are too long

10
packages/Webkul/Ui/publishable/assets/images/Icon-Catalog-Active.svg
View File

@ -1,7 +1,7 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M39 7H9V41H39V7Z" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 13H33" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 20H33" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 27H33" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 34H33" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M39 7H9V41H39V7Z" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 13H33" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 20H33" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 27H33" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 34H33" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 625 B

After

Width:  |  Height:  |  Size: 625 B

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

@ -1,4 +1,4 @@
{
"/js/ui.js": "/js/ui.js?id=72f4ff44ad3698911872",
"/css/ui.css": "/css/ui.css?id=e2aba6492905df892f66"
"/css/ui.css": "/css/ui.css?id=bd09631c82c50b02445f"
}

BIN
packages/Webkul/Ui/src/Resources/assets/images/Arrow-Down-Light.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 264 B

10
packages/Webkul/Ui/src/Resources/assets/images/Icon-Catalog-Active.svg
View File

@ -1,7 +1,7 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M39 7H9V41H39V7Z" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 13H33" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 20H33" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 27H33" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 34H33" stroke="#0041FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M39 7H9V41H39V7Z" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 13H33" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 20H33" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 27H33" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 34H33" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 625 B

After

Width:  |  Height:  |  Size: 625 B

BIN
packages/Webkul/Ui/src/Resources/assets/images/chevron-left.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 518 B

BIN
packages/Webkul/Ui/src/Resources/assets/images/chevron-right.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 513 B

2
packages/Webkul/Ui/src/Resources/assets/sass/main/_icons.scss vendored
View File

@ -99,7 +99,7 @@
}
.accordian-right-icon {
background-image: url("../images/chevron-right.png");
background-image: url("../images/chevron-right.svg");
width: 24px;
height: 24px;
}