status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(@desktop/keycard): keycard images have white background on dark mode 

Images are updated the way they are the same as those we're using for the light
theme, but now without white background. All in all it does the job till we get
a better images from the design team, specialized for the dark theme.

Fixes: #6823
This commit is contained in:
Sale Djenic 2022-08-09 14:26:55 +02:00 committed by saledjenic
parent 76cd0f9949
commit 201517aa88
12 changed files with 0 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/imports/assets/icons/keycard/card-error3@2x.svg
View File

@ -1,6 +1,4 @@
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="180" height="180" fill="#E5E5E5"/>
<rect x="-526" y="-222" width="1232" height="770" rx="5" fill="white"/>
<circle cx="90" cy="90" r="90" fill="#FF2D55" fill-opacity="0.1"/> <circle cx="90" cy="90" r="90" fill="#FF2D55" fill-opacity="0.1"/>
<circle cx="90" cy="90" r="63" fill="#FF2D55" fill-opacity="0.1"/> <circle cx="90" cy="90" r="63" fill="#FF2D55" fill-opacity="0.1"/>
<circle cx="90" cy="90" r="36" fill="#FF2D55" fill-opacity="0.1"/> <circle cx="90" cy="90" r="36" fill="#FF2D55" fill-opacity="0.1"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

2
ui/imports/assets/icons/keycard/card-error3@3x.svg
View File

@ -1,6 +1,4 @@
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="180" height="180" fill="#E5E5E5"/>
<rect x="-526" y="-222" width="1232" height="770" rx="5" fill="white"/>
<circle cx="90" cy="90" r="90" fill="#FF2D55" fill-opacity="0.1"/> <circle cx="90" cy="90" r="90" fill="#FF2D55" fill-opacity="0.1"/>
<circle cx="90" cy="90" r="63" fill="#FF2D55" fill-opacity="0.1"/> <circle cx="90" cy="90" r="63" fill="#FF2D55" fill-opacity="0.1"/>
<circle cx="90" cy="90" r="36" fill="#FF2D55" fill-opacity="0.1"/> <circle cx="90" cy="90" r="36" fill="#FF2D55" fill-opacity="0.1"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

2
ui/imports/assets/icons/keycard/card-success3@2x.svg
View File

@ -1,6 +1,4 @@
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="180" height="180" fill="#E5E5E5"/>
<rect x="-526" y="-222" width="1232" height="770" rx="5" fill="white"/>
<circle cx="90" cy="90" r="90" fill="#4360DF" fill-opacity="0.1"/> <circle cx="90" cy="90" r="90" fill="#4360DF" fill-opacity="0.1"/>
<circle cx="90" cy="90" r="63" fill="#4360DF" fill-opacity="0.1"/> <circle cx="90" cy="90" r="63" fill="#4360DF" fill-opacity="0.1"/>
<circle cx="90" cy="90" r="36" fill="#4360DF" fill-opacity="0.1"/> <circle cx="90" cy="90" r="36" fill="#4360DF" fill-opacity="0.1"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

2
ui/imports/assets/icons/keycard/card-success3@3x.svg
View File

@ -1,6 +1,4 @@
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="180" height="180" fill="#E5E5E5"/>
<rect x="-526" y="-222" width="1232" height="770" rx="5" fill="white"/>
<circle cx="90" cy="90" r="90" fill="#4360DF" fill-opacity="0.1"/> <circle cx="90" cy="90" r="90" fill="#4360DF" fill-opacity="0.1"/>
<circle cx="90" cy="90" r="63" fill="#4360DF" fill-opacity="0.1"/> <circle cx="90" cy="90" r="63" fill="#4360DF" fill-opacity="0.1"/>
<circle cx="90" cy="90" r="36" fill="#4360DF" fill-opacity="0.1"/> <circle cx="90" cy="90" r="36" fill="#4360DF" fill-opacity="0.1"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

2
ui/imports/assets/icons/keycard/card0@2x.svg
View File

@ -1,6 +1,4 @@
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="180" height="180" fill="#E5E5E5"/>
<rect x="-526" y="-222" width="1232" height="770" rx="5" fill="white"/>
<g filter="url(#filter0_d_1023_298171)"> <g filter="url(#filter0_d_1023_298171)">
<path d="M50 71.8889C50 66.9797 53.9797 63 58.8889 63H121.111C126.02 63 130 66.9797 130 71.8889V107.444C130 112.354 126.02 116.333 121.111 116.333H58.8889C53.9797 116.333 50 112.354 50 107.444V71.8889Z" fill="#2D2D2D"/> <path d="M50 71.8889C50 66.9797 53.9797 63 58.8889 63H121.111C126.02 63 130 66.9797 130 71.8889V107.444C130 112.354 126.02 116.333 121.111 116.333H58.8889C53.9797 116.333 50 112.354 50 107.444V71.8889Z" fill="#2D2D2D"/>
</g> </g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

2
ui/imports/assets/icons/keycard/card0@3x.svg
View File

@ -1,6 +1,4 @@
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="180" height="180" fill="#E5E5E5"/>
<rect x="-526" y="-222" width="1232" height="770" rx="5" fill="white"/>
<g filter="url(#filter0_d_1023_298171)"> <g filter="url(#filter0_d_1023_298171)">
<path d="M50 71.8889C50 66.9797 53.9797 63 58.8889 63H121.111C126.02 63 130 66.9797 130 71.8889V107.444C130 112.354 126.02 116.333 121.111 116.333H58.8889C53.9797 116.333 50 112.354 50 107.444V71.8889Z" fill="#2D2D2D"/> <path d="M50 71.8889C50 66.9797 53.9797 63 58.8889 63H121.111C126.02 63 130 66.9797 130 71.8889V107.444C130 112.354 126.02 116.333 121.111 116.333H58.8889C53.9797 116.333 50 112.354 50 107.444V71.8889Z" fill="#2D2D2D"/>
</g> </g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

2
ui/imports/assets/icons/keycard/card1@2x.svg
View File

@ -1,6 +1,4 @@
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="180" height="180" fill="#E5E5E5"/>
<rect x="-526" y="-222" width="1232" height="770" rx="5" fill="white"/>
<circle cx="90" cy="90" r="36" fill="#4360DF" fill-opacity="0.1"/> <circle cx="90" cy="90" r="36" fill="#4360DF" fill-opacity="0.1"/>
<g filter="url(#filter0_d_1023_298171)"> <g filter="url(#filter0_d_1023_298171)">
<path d="M50 71.8889C50 66.9797 53.9797 63 58.8889 63H121.111C126.02 63 130 66.9797 130 71.8889V107.444C130 112.354 126.02 116.333 121.111 116.333H58.8889C53.9797 116.333 50 112.354 50 107.444V71.8889Z" fill="#2D2D2D"/> <path d="M50 71.8889C50 66.9797 53.9797 63 58.8889 63H121.111C126.02 63 130 66.9797 130 71.8889V107.444C130 112.354 126.02 116.333 121.111 116.333H58.8889C53.9797 116.333 50 112.354 50 107.444V71.8889Z" fill="#2D2D2D"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

2
ui/imports/assets/icons/keycard/card1@3x.svg
View File

@ -1,6 +1,4 @@
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="180" height="180" fill="#E5E5E5"/>
<rect x="-526" y="-222" width="1232" height="770" rx="5" fill="white"/>
<circle cx="90" cy="90" r="36" fill="#4360DF" fill-opacity="0.1"/> <circle cx="90" cy="90" r="36" fill="#4360DF" fill-opacity="0.1"/>
<g filter="url(#filter0_d_1023_298171)"> <g filter="url(#filter0_d_1023_298171)">
<path d="M50 71.8889C50 66.9797 53.9797 63 58.8889 63H121.111C126.02 63 130 66.9797 130 71.8889V107.444C130 112.354 126.02 116.333 121.111 116.333H58.8889C53.9797 116.333 50 112.354 50 107.444V71.8889Z" fill="#2D2D2D"/> <path d="M50 71.8889C50 66.9797 53.9797 63 58.8889 63H121.111C126.02 63 130 66.9797 130 71.8889V107.444C130 112.354 126.02 116.333 121.111 116.333H58.8889C53.9797 116.333 50 112.354 50 107.444V71.8889Z" fill="#2D2D2D"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

2
ui/imports/assets/icons/keycard/card2@2x.svg
View File

@ -1,6 +1,4 @@
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="180" height="180" fill="#E5E5E5"/>
<rect x="-526" y="-222" width="1232" height="770" rx="5" fill="white"/>
<circle cx="90" cy="90" r="63" fill="#4360DF" fill-opacity="0.1"/> <circle cx="90" cy="90" r="63" fill="#4360DF" fill-opacity="0.1"/>
<circle cx="90" cy="90" r="36" fill="#4360DF" fill-opacity="0.1"/> <circle cx="90" cy="90" r="36" fill="#4360DF" fill-opacity="0.1"/>
<g filter="url(#filter0_d_1023_298171)"> <g filter="url(#filter0_d_1023_298171)">

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

2
ui/imports/assets/icons/keycard/card2@3x.svg
View File

@ -1,6 +1,4 @@
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="180" height="180" fill="#E5E5E5"/>
<rect x="-526" y="-222" width="1232" height="770" rx="5" fill="white"/>
<circle cx="90" cy="90" r="63" fill="#4360DF" fill-opacity="0.1"/> <circle cx="90" cy="90" r="63" fill="#4360DF" fill-opacity="0.1"/>
<circle cx="90" cy="90" r="36" fill="#4360DF" fill-opacity="0.1"/> <circle cx="90" cy="90" r="36" fill="#4360DF" fill-opacity="0.1"/>
<g filter="url(#filter0_d_1023_298171)"> <g filter="url(#filter0_d_1023_298171)">

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

2
ui/imports/assets/icons/keycard/card3@2x.svg
View File

@ -1,6 +1,4 @@
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="180" height="180" fill="#E5E5E5"/>
<rect x="-526" y="-222" width="1232" height="770" rx="5" fill="white"/>
<circle cx="90" cy="90" r="90" fill="#4360DF" fill-opacity="0.1"/> <circle cx="90" cy="90" r="90" fill="#4360DF" fill-opacity="0.1"/>
<circle cx="90" cy="90" r="63" fill="#4360DF" fill-opacity="0.1"/> <circle cx="90" cy="90" r="63" fill="#4360DF" fill-opacity="0.1"/>
<circle cx="90" cy="90" r="36" fill="#4360DF" fill-opacity="0.1"/> <circle cx="90" cy="90" r="36" fill="#4360DF" fill-opacity="0.1"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

2
ui/imports/assets/icons/keycard/card3@3x.svg
View File

@ -1,6 +1,4 @@
<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="180" height="180" fill="#E5E5E5"/>
<rect x="-526" y="-222" width="1232" height="770" rx="5" fill="white"/>
<circle cx="90" cy="90" r="90" fill="#4360DF" fill-opacity="0.1"/> <circle cx="90" cy="90" r="90" fill="#4360DF" fill-opacity="0.1"/>
<circle cx="90" cy="90" r="63" fill="#4360DF" fill-opacity="0.1"/> <circle cx="90" cy="90" r="63" fill="#4360DF" fill-opacity="0.1"/>
<circle cx="90" cy="90" r="36" fill="#4360DF" fill-opacity="0.1"/> <circle cx="90" cy="90" r="36" fill="#4360DF" fill-opacity="0.1"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB