Ecosystem/stack_wallet
1
0
Fork 0
mirror of https://github.com/cypherstack/stack_wallet.git synced 2025-01-11 05:04:35 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #342 from cypherstack/ui-fixes

Browse source 
UI fixes
This commit is contained in:
julian-CStack 2023-02-10 14:22:12 -06:00 committed by GitHub
commit 1a8a7f58fd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
25 changed files with 1076 additions and 88 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

63
assets/svg/forest-theme.svg Normal file
View file

@ -0,0 +1,63 @@
<svg width="200" height="162" viewBox="0 0 200 162" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_849_28937)">
<g clip-path="url(#clip1_849_28937)">
<g opacity="0.8">
<path d="M251.767 -0.724846C252.686 -3.25447 251.905 -9.96949 241.418 -16.5925C230.932 -23.2155 226.01 -30.3905 224.86 -33.1501C225.09 -35.9097 223.619 -41.7048 215.892 -42.8087C208.165 -43.9125 191.742 -55.8772 186.683 -59.7867L177.257 -64.8854C169.287 -70.884 174.641 -47.1565 143.452 -39.3592C118.616 -33.1501 117.236 1.34486 93.0897 -7.62383C73.7725 -14.7988 72.6962 -22.1117 58.5948 -22.1117C49.3019 -22.1117 42.5891 3.96647 33.7584 -7.62383C22.72 -22.1117 8.92203 -46.2582 0.64325 -42.8087C-5.5929 -40.2103 -8.24066 -35.777 -8.91269 -33.5401C-9.06287 -34.8255 -16.8224 -30.6898 -21.9509 -25.5612C-28.8499 -18.6622 -27.6426 -25.5612 -35.2315 -16.5925C-42.8204 -7.62383 -46.9598 -7.2698 -46.9598 -0.724846V148.662H251.767L251.767 -0.724846Z" fill="#D0FDEC"/>
<path d="M-45.7635 32.5656C-46.6806 30.0437 -45.9011 23.3491 -35.4466 16.7463C-24.9921 10.1435 -20.0857 2.99038 -18.9394 0.239195C-19.1686 -2.51199 -17.7013 -8.28947 -9.99801 -9.38995C-2.2947 -10.4904 9.7188 -18.5606 14.7626 -22.4581L28.5186 -31.3994C42.9623 -26.5848 31.1265 -13.7245 62.2206 -5.95097C86.9812 0.239195 88.3568 34.629 112.43 25.6876C131.688 18.5346 132.761 11.2439 146.819 11.2439C156.084 11.2439 162.776 37.2426 171.58 25.6876C182.585 11.2439 196.341 -12.8289 204.594 -9.38995C210.811 -6.79948 213.451 -2.37967 214.121 -0.149632C214.271 -1.43107 222.007 2.69203 227.12 7.80495C233.998 14.6829 232.794 7.80495 240.36 16.7463C247.925 25.6876 252.052 26.0406 252.052 32.5656V181.497H-45.7635L-45.7635 32.5656Z" fill="#BFF3DF"/>
<path d="M-42.0812 55.3395H-34.0259L-46.9632 67.3004H-39.6402L-51.8452 80.97H-46.9632L-55.0186 90.49H1.85689L-8.15124 80.97H-3.51332L-15.9625 67.3004H-8.15124L-20.1122 55.3395H-12.7891L-27.6793 41.1816L-42.0812 55.3395Z" fill="#DAFCE3"/>
<path d="M-10.9675 48.3784H-1.32186L-16.8133 62.7078H-8.04458L-22.6592 79.0843H-16.8133L-26.459 90.4893H41.6451L29.6611 79.0843H35.2147L20.3078 62.7078H29.6611L15.3388 48.3784H24.1076L6.27773 31.417L-10.9675 48.3784Z" fill="#DAFCE3"/>
<path d="M63.7268 48.3784H73.3725L57.881 62.7078H66.6498L52.0351 79.0843H57.881L48.2354 90.4893H116.339L104.355 79.0843H109.909L95.0021 62.7078H104.355L90.0331 48.3784H98.8019L80.9721 31.417L63.7268 48.3784Z" fill="#DAFCE3"/>
<path d="M101.617 54.8173H109.776L96.6717 66.9559H104.089L91.7269 80.8285H96.6717L88.5127 90.4898H146.12L135.983 80.8285H140.681L128.072 66.9559H135.983L123.869 54.8173H131.286L116.204 40.4492L101.617 54.8173Z" fill="#DAFCE3"/>
<path d="M181.438 54.8173H189.597L176.493 66.9559H183.91L171.548 80.8285H176.493L168.334 90.4898H225.942L215.805 80.8285H220.502L207.893 66.9559H215.805L203.69 54.8173H211.107L196.025 40.4492L181.438 54.8173Z" fill="#DAFCE3"/>
<path d="M207.78 47.5091H217.598L201.829 62.1346H210.755L195.879 78.8494H201.829L192.011 90.4901H261.335L249.137 78.8494H254.79L239.616 62.1346H249.137L234.558 47.5091H243.483L225.334 30.1973L207.78 47.5091Z" fill="#DAFCE3"/>
<path d="M136.035 54.8173H144.194L131.09 66.9559H138.507L126.145 80.8285H131.09L122.931 90.4898H180.538L170.401 80.8285H175.099L162.49 66.9559H170.401L158.286 54.8173H165.704L150.622 40.4492L136.035 54.8173Z" fill="#DAFCE3"/>
<path d="M27.3409 62.9968H33.633L23.5275 72.3524H29.2476L19.7141 83.0445H23.5275L17.2354 90.4907H61.6617L53.8442 83.0445H57.4669L47.7427 72.3524H53.8442L44.5013 62.9968H50.2214L38.5905 51.9229L27.3409 62.9968Z" fill="#DAFCE3"/>
<path d="M162.816 62.9968H169.109L159.003 72.3524H164.723L155.19 83.0445H159.003L152.711 90.4907H197.137L189.32 83.0445H192.942L183.218 72.3524H189.32L179.977 62.9968H185.697L174.066 51.9229L162.816 62.9968Z" fill="#DAFCE3"/>
<path d="M-6.19939 68.4957H1.85593L-11.0814 80.4567H-3.75838L-15.9634 94.1263H-11.0814L-19.1367 103.646H37.7387L27.7306 94.1263H32.3685L19.9194 80.4567H27.7306L15.7697 68.4957H23.0927L8.20255 54.3379L-6.19939 68.4957Z" fill="#DAFCE3"/>
<path d="M24.9143 61.5356H34.56L19.0685 75.865H27.8373L13.2226 92.2415H19.0685L9.42285 103.647H77.5269L65.5429 92.2415H71.0965L56.1896 75.865H65.5429L51.2206 61.5356H59.9894L42.1596 44.5742L24.9143 61.5356Z" fill="#DAFCE3"/>
<path d="M99.6087 61.5356H109.254L93.7628 75.865H102.532L87.917 92.2415H93.7628L84.1172 103.647H152.221L140.237 92.2415H145.791L130.884 75.865H140.237L125.915 61.5356H134.684L116.854 44.5742L99.6087 61.5356Z" fill="#DAFCE3"/>
<path d="M137.498 67.9736H145.657L132.554 80.1121H139.971L127.609 93.9848H132.554L124.395 103.646H182.002L171.865 93.9848H176.563L163.953 80.1121H171.865L159.75 67.9736H167.168L152.086 53.6055L137.498 67.9736Z" fill="#DAFCE3"/>
<path d="M171.916 67.9736H180.075L166.972 80.1121H174.389L162.027 93.9848H166.972L158.812 103.646H216.42L206.283 93.9848H210.981L198.371 80.1121H206.283L194.168 67.9736H201.586L186.504 53.6055L171.916 67.9736Z" fill="#DAFCE3"/>
<path d="M63.2227 76.1531H69.5149L59.4093 85.5086H65.1295L55.5959 96.2007H59.4093L53.1172 103.647H97.5435L89.726 96.2007H93.3487L83.6245 85.5086H89.726L80.3831 76.1531H86.1032L74.4723 65.0791L63.2227 76.1531Z" fill="#DAFCE3"/>
<path d="M198.698 76.1531H204.99L194.885 85.5086H200.605L191.071 96.2007H194.885L188.593 103.647H233.019L225.202 96.2007H228.824L219.1 85.5086H225.202L215.859 76.1531H221.579L209.948 65.0791L198.698 76.1531Z" fill="#DAFCE3"/>
<rect x="-16.1465" y="103.991" width="239.209" height="89.1054" fill="#EDFFF2"/>
<path d="M-6.36398 76.8678H-0.27299L-10.0555 88.8287H-4.51823L-13.747 102.498H-10.0555L-16.1465 112.018H26.8596L19.292 102.498H22.799L13.3856 88.8287H19.292L10.2478 76.8678H15.7851L4.52597 62.71L-6.36398 76.8678Z" fill="#EDFFF2"/>
<path d="M17.1621 69.9067H24.4556L12.7417 84.2361H19.3722L8.32144 100.613H12.7417L5.44824 112.018H56.9448L47.8832 100.613H52.0825L40.8107 84.2361H47.8832L37.0534 69.9067H43.6839L30.202 52.9453L17.1621 69.9067Z" fill="#EDFFF2"/>
<path d="M71.8486 69.9067H79.1421L67.4283 84.2361H74.0587L63.008 100.613H67.4283L60.1348 112.018H111.631L102.57 100.613H106.769L95.4972 84.2361H102.57L91.74 69.9067H98.3704L84.8885 52.9453L71.8486 69.9067Z" fill="#EDFFF2"/>
<path d="M102.292 76.3456H108.462L98.5532 88.4842H104.162L94.8142 102.357H98.5532L92.3838 112.018H135.944L128.279 102.357H131.831L122.296 88.4842H128.279L119.118 76.3456H124.726L113.322 61.9775L102.292 76.3456Z" fill="#EDFFF2"/>
<path d="M162.649 76.3456H168.818L158.91 88.4842H164.518L155.171 102.357H158.91L152.74 112.018H196.3L188.635 102.357H192.187L182.653 88.4842H188.635L179.474 76.3456H185.083L173.679 61.9775L162.649 76.3456Z" fill="#EDFFF2"/>
<path d="M182.566 69.0374H189.991L178.067 83.6629H184.816L173.567 100.378H178.067L170.643 112.018H223.062L213.838 100.378H218.113L206.639 83.6629H213.838L202.814 69.0374H209.563L195.84 51.7256L182.566 69.0374Z" fill="#EDFFF2"/>
<path d="M128.317 76.3456H134.486L124.578 88.4842H130.186L120.839 102.357H124.578L118.408 112.018H161.968L154.303 102.357H157.855L148.321 88.4842H154.303L145.142 76.3456H150.751L139.347 61.9775L128.317 76.3456Z" fill="#EDFFF2"/>
<path d="M46.1295 84.5241H50.8873L43.2461 93.8797H47.5713L40.3626 104.572H43.2461L38.4883 112.018H72.081L66.1699 104.572H68.9092L61.5563 93.8797H66.1699L59.1053 84.5241H63.4305L54.6359 73.4502L46.1295 84.5241Z" fill="#EDFFF2"/>
<path d="M142.588 84.5241H147.345L139.704 93.8797H144.029L136.821 104.572H139.704L134.946 112.018H168.539L162.628 104.572H165.367L158.014 93.8797H162.628L155.563 84.5241H159.889L151.094 73.4502L142.588 84.5241Z" fill="#EDFFF2"/>
</g>
</g>
<g clip-path="url(#clip2_849_28937)">
<rect x="10" y="10" width="180" height="20" rx="2" fill="#22867A"/>
<rect x="16" y="16" width="106" height="8" rx="1" fill="white"/>
<rect x="10" y="40" width="180" height="20" rx="2" fill="#BDDBCB"/>
<rect x="16" y="46" width="106" height="8" rx="1" fill="white"/>
<rect x="10" y="62" width="180" height="20" rx="2" fill="#BDDBCB"/>
<rect x="16" y="68" width="106" height="8" rx="1" fill="white"/>
<rect x="10" y="84" width="180" height="20" rx="2" fill="#BDDBCB"/>
<rect x="16" y="90" width="106" height="8" rx="1" fill="white"/>
<rect x="10" y="106" width="180" height="20" rx="2" fill="#BDDBCB"/>
<rect x="16" y="112" width="106" height="8" rx="1" fill="white"/>
<rect x="10" y="128" width="180" height="20" rx="2" fill="#BDDBCB"/>
<rect x="16" y="134" width="106" height="8" rx="1" fill="white"/>
<rect x="10" y="150" width="180" height="20" rx="2" fill="#BDDBCB"/>
<rect x="16" y="156" width="106" height="8" rx="1" fill="white"/>
</g>
</g>
<defs>
<clipPath id="clip0_849_28937">
<rect width="200" height="162" fill="white"/>
</clipPath>
<clipPath id="clip1_849_28937">
<rect width="200" height="368.997" fill="white" transform="translate(0 -201)"/>
</clipPath>
<clipPath id="clip2_849_28937">
<rect width="200" height="162" rx="8" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 8.6 KiB

5
assets/svg/forest/bell-new.svg Normal file
View file

@ -0,0 +1,5 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.5 17.5C12.5 17.9193 12.2383 18.3672 11.7695 18.6797C11.3008 18.9922 10.6289 19.1667 10 19.1667C9.33594 19.1667 8.69922 18.9922 8.23047 18.6797C7.76172 18.3672 7.5 17.9193 7.5 17.5H12.5Z" fill="#227386"/>
<path d="M11.1903 1.98716V2.67947C13.9059 3.2142 15.9519 5.54245 15.9519 8.33331V9.0112C15.9519 10.7095 16.5955 12.3429 17.7561 13.6122L18.0314 13.9114C18.3439 14.254 18.422 14.7372 18.2286 15.1518C18.0351 15.5665 17.611 15.8333 17.1423 15.8333H2.85739C2.38867 15.8333 1.96351 15.5665 1.77148 15.1518C1.57945 14.7372 1.65626 14.254 1.96771 13.9114L2.24359 13.6122C3.40573 12.3429 4.0478 10.7095 4.0478 9.0112V8.33331C4.0478 5.54245 6.06034 3.2142 8.80945 2.67947V1.98716C8.80945 1.35002 9.34141 0.833313 9.99986 0.833313C10.6583 0.833313 11.1903 1.35002 11.1903 1.98716Z" fill="#227386"/>
<ellipse cx="17.0833" cy="2.91665" rx="2.08333" ry="2.08333" fill="#D34E50"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 987 B

18
assets/svg/forest/buy-coins-icon.svg Normal file
View file

@ -0,0 +1,18 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_519_18707)">
<g opacity="0.4">
<path d="M22.2 6C23.3297 5.37187 24 4.59422 24 3.75C24 1.67906 19.9688 0 15 0C9.98906 0 6 1.67906 6 3.75C6 4.59422 6.67031 5.37187 7.8 6C7.80937 6.00469 7.81758 6.00937 7.82578 6.01406C7.83398 6.01875 7.84219 6.02344 7.85156 6.02813C8.23125 6.00938 8.61094 6 9 6C11.6344 6 14.0906 6.44062 15.9422 7.21406C16.1203 7.28906 16.2984 7.36875 16.4672 7.44844C18.8062 7.28906 20.8359 6.75469 22.2 6Z" fill="#227386"/>
<path d="M19.9435 12.9151C19.7958 12.9551 19.6477 12.9951 19.5 13.0359V13.5C20.7602 13.5 21.9296 13.8885 22.8951 14.5522C23.5995 14.0172 24 13.4028 24 12.75V11.0906C23.4141 11.5734 22.7063 11.9672 21.9422 12.2859C21.3382 12.5376 20.6447 12.7253 19.9435 12.9151Z" fill="#227386"/>
<path d="M18.3703 8.74688C19.0031 9.37969 19.5 10.2234 19.5 11.25V11.4984C20.4328 11.2734 21.2625 10.9781 21.9469 10.6359C21.9739 10.6209 22.0009 10.6021 22.0279 10.5833C22.0852 10.5432 22.1426 10.5032 22.2 10.5C23.3297 9.87187 24 9.09375 24 8.25V6.59063C23.4141 7.07344 22.7063 7.46719 21.9422 7.78594C20.9109 8.2125 19.6969 8.54063 18.3703 8.74688Z" fill="#227386"/>
</g>
<path d="M16.2 13.5C17.3297 12.8719 18 12.0938 18 11.25C18 9.17813 13.9688 7.5 9 7.5C4.02938 7.5 0 9.17813 0 11.25C0 12.0938 0.669375 12.8719 1.79953 13.5C1.85443 13.5031 1.91057 13.5415 1.96782 13.5807C1.9966 13.6004 2.02567 13.6203 2.055 13.6359C3.70594 14.4703 6.20625 15 9 15C11.9438 15 14.5594 14.4094 16.2 13.5Z" fill="#227386"/>
<path d="M14.8788 15.6729C13.1948 16.2046 11.1571 16.5 9 16.5C6.36562 16.5 3.91125 16.0594 2.05922 15.2859C1.29469 14.9672 0.583594 14.5734 0 14.0906V15.75C0 16.5938 0.669375 17.3719 1.79953 18C3.44109 18.9094 6.05625 19.5 9 19.5C10.6471 19.5 12.1916 19.3159 13.5211 18.9937C13.6261 17.7367 14.1186 16.5898 14.8788 15.6729Z" fill="#227386"/>
<path d="M13.5862 20.5191C13.7529 21.4936 14.1547 22.3879 14.731 23.1415C13.1742 23.6778 11.1771 24 9 24C4.02938 24 0 22.3219 0 20.25V18.5906C0.583594 19.0734 1.29469 19.4672 2.05922 19.7859C3.91125 20.5594 6.36562 21 9 21C10.6307 21 12.1932 20.8312 13.5862 20.5191Z" fill="#227386"/>
<path d="M24 19.5C24 21.9844 21.9844 24 19.5 24C17.0156 24 15 21.9844 15 19.5C15 17.0156 17.0156 15 19.5 15C21.9844 15 24 17.0156 24 19.5ZM19 17.4719V18.9719H17.5C17.225 18.9719 17 19.225 17 19.4719C17 19.775 17.225 19.9719 17.5 19.9719H19V21.4719C19 21.775 19.225 21.9719 19.5 21.9719C19.775 21.9719 20 21.775 20 21.4719V19.9719H21.5C21.775 19.9719 22 19.775 22 19.4719C22 19.225 21.775 18.9719 21.5 18.9719H20V17.4719C20 17.225 19.775 16.9719 19.5 16.9719C19.225 16.9719 19 17.225 19 17.4719Z" fill="#227386"/>
</g>
<defs>
<clipPath id="clip0_519_18707">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.7 KiB

4
assets/svg/forest/exchange-2.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="M19.5 6.5L20.4343 7.33045C20.8552 6.85685 20.8552 6.14315 20.4343 5.66955L19.5 6.5ZM16.4343 1.16955C15.9756 0.653567 15.1855 0.607091 14.6695 1.06574C14.1536 1.52439 14.1071 2.31448 14.5657 2.83045L16.4343 1.16955ZM14.5657 10.1695C14.1071 10.6855 14.1536 11.4756 14.6695 11.9343C15.1855 12.3929 15.9756 12.3464 16.4343 11.8305L14.5657 10.1695ZM0.75 10.5C0.75 11.1904 1.30964 11.75 2 11.75C2.69036 11.75 3.25 11.1904 3.25 10.5H0.75ZM6 7.75H19.5V5.25H6V7.75ZM14.5657 2.83045L18.5657 7.33045L20.4343 5.66955L16.4343 1.16955L14.5657 2.83045ZM16.4343 11.8305L20.4343 7.33045L18.5657 5.66955L14.5657 10.1695L16.4343 11.8305ZM3.25 10.5C3.25 8.98122 4.48122 7.75 6 7.75V5.25C3.10051 5.25 0.75 7.60051 0.75 10.5H3.25Z" fill="#227386"/>
<path opacity="0.4" d="M4.5 18L3.56574 17.1695C3.14475 17.6432 3.14475 18.3568 3.56574 18.8305L4.5 18ZM7.56574 23.3305C8.02439 23.8464 8.81448 23.8929 9.33045 23.4343C9.84643 22.9756 9.89291 22.1855 9.43426 21.6695L7.56574 23.3305ZM9.43426 14.3305C9.89291 13.8145 9.84643 13.0244 9.33046 12.5657C8.81448 12.1071 8.02439 12.1536 7.56574 12.6695L9.43426 14.3305ZM23.25 14C23.25 13.3096 22.6904 12.75 22 12.75C21.3096 12.75 20.75 13.3096 20.75 14L23.25 14ZM18 16.75L4.5 16.75L4.5 19.25L18 19.25L18 16.75ZM9.43426 21.6695L5.43426 17.1695L3.56574 18.8305L7.56574 23.3305L9.43426 21.6695ZM7.56574 12.6695L3.56574 17.1695L5.43426 18.8305L9.43426 14.3305L7.56574 12.6695ZM20.75 14C20.75 15.5188 19.5188 16.75 18 16.75L18 19.25C20.8995 19.25 23.25 16.8995 23.25 14L20.75 14Z" fill="#227386"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.6 KiB

5
assets/svg/forest/stack-icon1.svg Normal file
View file

@ -0,0 +1,5 @@
<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M41.3715 9.57675C37.2965 7.22564 32.2041 10.1695 32.2041 14.8717C32.2041 19.5739 34.4762 23.6489 38.2004 26.163L53.9717 35.3057L54.0112 35.2908L69.9948 26.0543L41.3715 9.57675Z" fill="#B3B3B3"/>
<path d="M38.2014 26.163C34.4771 23.6489 32.205 19.4159 32.205 14.8717C32.205 12.6342 33.3757 10.7671 35.0402 9.7101C34.9612 9.75455 35.1192 9.66564 35.0402 9.7101L10.0917 23.7279L6.08593 26.1481L3.35449 27.7188C5.07337 26.8446 7.22692 26.7754 9.14831 27.8917L16.0189 31.8037L22.0399 35.2859L38.0236 44.5076L53.9677 35.2958L38.1964 26.1531L38.2014 26.163Z" fill="#666666"/>
<path d="M70 44.5187L38.0278 62.9917L31.992 59.5095L31.9673 59.4848L6.06054 44.5187C4.28733 43.3629 2.84505 41.7872 1.82755 40.014C0.642111 37.9691 0 35.618 0 33.1829C0 30.9899 1.10147 29.1771 2.70181 28.1004C2.91914 27.967 3.13153 27.8435 3.35874 27.725C5.07762 26.8507 7.23116 26.7816 9.15256 27.8979L15.9836 31.8394L22.0047 35.3068L22.0442 35.292L38.0278 44.5137L53.9719 35.3019L70 44.5137V44.5187Z" fill="#232323"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

7
assets/svg/forest/tx-exchange-icon-failed.svg Normal file
View file

@ -0,0 +1,7 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4" d="M23.0154 16.7681C23.6489 15.3066 24 13.6943 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C13.6943 24 15.3066 23.6489 16.7681 23.0154C16.2832 22.2973 16 21.4317 16 20.5C16 18.0147 18.0147 16 20.5 16C21.4317 16 22.2973 16.2832 23.0154 16.7681Z" fill="#0056D2"/>
<path d="M5.30071 12.4C4.91018 12.7905 4.91018 13.4236 5.30071 13.8142C5.69123 14.2047 6.32439 14.2047 6.71492 13.8142L5.30071 12.4ZM13.0789 6.03599L14.0787 6.05567C14.0839 5.78863 13.9821 5.53058 13.796 5.33904C13.6098 5.1475 13.3548 5.03839 13.0877 5.03603L13.0789 6.03599ZM9.00968 5.00004C8.45741 4.99516 8.00576 5.43891 8.00089 5.99117C7.99601 6.54344 8.43976 6.99509 8.99202 6.99996L9.00968 5.00004ZM12.001 9.98032C11.9902 10.5325 12.429 10.9889 12.9812 10.9998C13.5333 11.0107 13.9898 10.5719 14.0007 10.0197L12.001 9.98032ZM18.6429 11.6C19.0334 11.2095 19.0334 10.5764 18.6429 10.1858C18.2524 9.79531 17.6192 9.79531 17.2287 10.1858L18.6429 11.6ZM10.8647 17.964L9.8653 17.9297C9.85604 18.1992 9.95602 18.461 10.1426 18.6557C10.3291 18.8505 10.5864 18.9616 10.856 18.964L10.8647 17.964ZM14.9922 19C15.5444 19.0048 15.996 18.561 16.0008 18.0087C16.0056 17.4564 15.5618 17.0048 15.0096 17L14.9922 19ZM12.0003 14.0343C12.0192 13.4824 11.5871 13.0195 11.0352 13.0006C10.4832 12.9816 10.0204 13.4137 10.0014 13.9657L12.0003 14.0343ZM6.71492 13.8142L13.786 6.7431L12.3718 5.32889L5.30071 12.4L6.71492 13.8142ZM8.99202 6.99996L13.0701 7.03595L13.0877 5.03603L9.00968 5.00004L8.99202 6.99996ZM12.0791 6.01631L12.001 9.98032L14.0007 10.0197L14.0787 6.05567L12.0791 6.01631ZM17.2287 10.1858L10.1576 17.2569L11.5718 18.6711L18.6429 11.6L17.2287 10.1858ZM15.0096 17L10.8734 16.964L10.856 18.964L14.9922 19L15.0096 17ZM11.8641 17.9983L12.0003 14.0343L10.0014 13.9657L9.8653 17.9297L11.8641 17.9983Z" fill="#0056D2"/>
<circle cx="20.5" cy="20.5" r="3.5" fill="#C00205"/>
<path d="M19.4395 19.4395L20.5001 20.5001L21.5608 21.5608" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.5 21.5605L20.5607 20.4999L21.6213 19.4392" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.2 KiB

6
assets/svg/forest/tx-exchange-icon-pending.svg Normal file
View file

@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4" d="M23.0154 16.7681C23.6489 15.3066 24 13.6943 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C13.6943 24 15.3066 23.6489 16.7681 23.0154C16.2832 22.2973 16 21.4317 16 20.5C16 18.0147 18.0147 16 20.5 16C21.4317 16 22.2973 16.2832 23.0154 16.7681Z" fill="#0056D2"/>
<circle cx="20.5" cy="20.5" r="3.5" fill="#F4C517"/>
<path d="M20.5 19V20.5H21.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.30071 12.4C4.91018 12.7905 4.91018 13.4236 5.30071 13.8142C5.69123 14.2047 6.32439 14.2047 6.71492 13.8142L5.30071 12.4ZM13.0789 6.03599L14.0787 6.05567C14.0839 5.78863 13.9821 5.53058 13.796 5.33904C13.6098 5.1475 13.3548 5.03839 13.0877 5.03603L13.0789 6.03599ZM9.00968 5.00004C8.45741 4.99516 8.00576 5.43891 8.00089 5.99117C7.99601 6.54344 8.43976 6.99509 8.99202 6.99996L9.00968 5.00004ZM12.001 9.98032C11.9902 10.5325 12.429 10.9889 12.9812 10.9998C13.5333 11.0107 13.9898 10.5719 14.0007 10.0197L12.001 9.98032ZM18.6429 11.6C19.0334 11.2095 19.0334 10.5764 18.6429 10.1858C18.2524 9.79531 17.6192 9.79531 17.2287 10.1858L18.6429 11.6ZM10.8647 17.964L9.8653 17.9297C9.85605 18.1992 9.95602 18.461 10.1426 18.6557C10.3291 18.8505 10.5864 18.9616 10.856 18.964L10.8647 17.964ZM14.9922 19C15.5444 19.0048 15.996 18.561 16.0008 18.0087C16.0056 17.4564 15.5618 17.0048 15.0096 17L14.9922 19ZM12.0003 14.0343C12.0192 13.4824 11.5871 13.0195 11.0352 13.0006C10.4832 12.9816 10.0204 13.4137 10.0014 13.9657L12.0003 14.0343ZM6.71492 13.8142L13.786 6.7431L12.3718 5.32889L5.30071 12.4L6.71492 13.8142ZM8.99202 6.99996L13.0701 7.03595L13.0877 5.03603L9.00968 5.00004L8.99202 6.99996ZM12.0791 6.01631L12.001 9.98032L14.0007 10.0197L14.0787 6.05567L12.0791 6.01631ZM17.2287 10.1858L10.1576 17.2569L11.5718 18.6711L18.6429 11.6L17.2287 10.1858ZM15.0096 17L10.8734 16.964L10.856 18.964L14.9922 19L15.0096 17ZM11.8641 17.9983L12.0003 14.0343L10.0014 13.9657L9.8653 17.9297L11.8641 17.9983Z" fill="#0056D2"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

4
assets/svg/forest/tx-exchange-icon.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">
<circle opacity="0.4" cx="12" cy="12" r="12" fill="#0056D2"/>
<path d="M5.30071 12.4C4.91018 12.7905 4.91018 13.4236 5.30071 13.8142C5.69123 14.2047 6.32439 14.2047 6.71492 13.8142L5.30071 12.4ZM13.0789 6.03599L14.0787 6.05567C14.0839 5.78863 13.9821 5.53058 13.796 5.33904C13.6098 5.1475 13.3548 5.03839 13.0877 5.03603L13.0789 6.03599ZM9.00968 5.00004C8.45741 4.99516 8.00576 5.43891 8.00089 5.99117C7.99601 6.54344 8.43976 6.99509 8.99202 6.99996L9.00968 5.00004ZM12.001 9.98032C11.9902 10.5325 12.429 10.9889 12.9812 10.9998C13.5333 11.0107 13.9898 10.5719 14.0007 10.0197L12.001 9.98032ZM18.6429 11.6C19.0334 11.2095 19.0334 10.5764 18.6429 10.1858C18.2524 9.79531 17.6192 9.79531 17.2287 10.1858L18.6429 11.6ZM10.8647 17.964L9.8653 17.9297C9.85604 18.1992 9.95602 18.461 10.1426 18.6557C10.3291 18.8505 10.5864 18.9616 10.856 18.964L10.8647 17.964ZM14.9922 19C15.5444 19.0048 15.996 18.561 16.0008 18.0087C16.0056 17.4564 15.5618 17.0048 15.0096 17L14.9922 19ZM12.0003 14.0343C12.0192 13.4824 11.5871 13.0195 11.0352 13.0006C10.4832 12.9816 10.0204 13.4137 10.0014 13.9657L12.0003 14.0343ZM6.71492 13.8142L13.786 6.7431L12.3718 5.32889L5.30071 12.4L6.71492 13.8142ZM8.99202 6.99996L13.0701 7.03595L13.0877 5.03603L9.00968 5.00004L8.99202 6.99996ZM12.0791 6.01631L12.001 9.98032L14.0007 10.0197L14.0787 6.05567L12.0791 6.01631ZM17.2287 10.1858L10.1576 17.2569L11.5718 18.6711L18.6429 11.6L17.2287 10.1858ZM15.0096 17L10.8734 16.964L10.856 18.964L14.9922 19L15.0096 17ZM11.8641 17.9983L12.0003 14.0343L10.0014 13.9657L9.8653 17.9297L11.8641 17.9983Z" fill="#0056D2"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.6 KiB

7
assets/svg/forest/tx-icon-receive-failed.svg Normal file
View file

@ -0,0 +1,7 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4" fill-rule="evenodd" clip-rule="evenodd" d="M23.0154 16.7681C23.6489 15.3066 24 13.6943 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C13.6943 24 15.3066 23.6489 16.7681 23.0154C16.2832 22.2973 16 21.4317 16 20.5C16 18.0147 18.0147 16 20.5 16C21.4317 16 22.2973 16.2832 23.0154 16.7681Z" fill="#00A578"/>
<circle cx="20.5" cy="20.5" r="3.5" fill="#C00205"/>
<path d="M16 8L8 16M8 16H14M8 16V10" stroke="#00A578" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.4395 19.4395L20.5001 20.5001L21.5608 21.5608" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.5 21.5605L20.5607 20.4999L21.6213 19.4392" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 882 B

5
assets/svg/forest/tx-icon-receive-pending.svg Normal file
View file

@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4" d="M23.0154 16.7681C23.6489 15.3066 24 13.6943 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C13.6943 24 15.3066 23.6489 16.7681 23.0154C16.2832 22.2973 16 21.4317 16 20.5C16 18.0147 18.0147 16 20.5 16C21.4317 16 22.2973 16.2832 23.0154 16.7681Z" fill="#00A578"/>
<path d="M16 8L8 16M8 16H14M8 16V10" stroke="#00A578" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 24C22.433 24 24 22.433 24 20.5C24 18.567 22.433 17 20.5 17C18.567 17 17 18.567 17 20.5C17 22.433 18.567 24 20.5 24ZM21 19C21 18.7239 20.7761 18.5 20.5 18.5C20.2239 18.5 20 18.7239 20 19V20.5C20 20.7761 20.2239 21 20.5 21H21.5C21.7761 21 22 20.7761 22 20.5C22 20.2239 21.7761 20 21.5 20H21V19Z" fill="#F4C517"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 912 B

4
assets/svg/forest/tx-icon-receive.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">
<circle opacity="0.4" cx="12" cy="12" r="12" fill="#00A578"/>
<path d="M16 8L8 16M8 16H14M8 16V10" stroke="#00A578" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 287 B

7
assets/svg/forest/tx-icon-send-failed.svg Normal file
View file

@ -0,0 +1,7 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4" d="M23.0154 16.7681C23.6489 15.3066 24 13.6943 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C13.6943 24 15.3066 23.6489 16.7681 23.0154C16.2832 22.2973 16 21.4317 16 20.5C16 18.0147 18.0147 16 20.5 16C21.4317 16 22.2973 16.2832 23.0154 16.7681Z" fill="#FE805C"/>
<path d="M8 16L16 8M16 8L10 8M16 8L16 14" stroke="#FE805C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="20.5" cy="20.5" r="3.5" fill="#C00205"/>
<path d="M19.4395 19.4395L20.5001 20.5001L21.5608 21.5608" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.5 21.5605L20.5607 20.4999L21.6213 19.4392" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 847 B

6
assets/svg/forest/tx-icon-send-pending.svg Normal file
View file

@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4" d="M23.0154 16.7681C23.6489 15.3066 24 13.6943 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C13.6943 24 15.3066 23.6489 16.7681 23.0154C16.2832 22.2973 16 21.4317 16 20.5C16 18.0147 18.0147 16 20.5 16C21.4317 16 22.2973 16.2832 23.0154 16.7681Z" fill="#FE805C"/>
<path d="M8 16L16 8M16 8L10 8M16 8L16 14" stroke="#FE805C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="20.5" cy="20.5" r="3.5" fill="#F4C517"/>
<path d="M20.5 19V20.5H21.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 697 B

4
assets/svg/forest/tx-icon-send.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">
<circle opacity="0.4" cx="12" cy="12" r="12" fill="#FE805C"/>
<path d="M8 16L16 8M16 8L10 8M16 8L16 14" stroke="#FE805C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 292 B

2
crypto_plugins/flutter_libmonero

@ -1 +1 @@
Subproject commit af88796d5e4988c03422320c3842af5cf6c049ef
Subproject commit e81b1b7c2d8114435a9458ab2e439f4393f626e7

4
lib/main.dart
View file

@ -58,6 +58,7 @@ import 'package:stackwallet/utilities/logger.dart';
import 'package:stackwallet/utilities/stack_file_system.dart';
import 'package:stackwallet/utilities/theme/color_theme.dart';
import 'package:stackwallet/utilities/theme/dark_colors.dart';
import 'package:stackwallet/utilities/theme/forest_colors.dart';
import 'package:stackwallet/utilities/theme/fruit_sorbet_colors.dart';
import 'package:stackwallet/utilities/theme/light_colors.dart';
import 'package:stackwallet/utilities/theme/ocean_breeze_colors.dart';
@ -347,6 +348,9 @@ class _MaterialAppWithThemeState extends ConsumerState<MaterialAppWithTheme>
case "fruitSorbet":
colorTheme = FruitSorbetColors();
break;
case "forest":
colorTheme = ForestColors();
break;
case "light":
default:
colorTheme = LightColors();

250
lib/pages/settings_views/global_settings_view/appearance_settings_view.dart
View file

@ -7,6 +7,7 @@ import 'package:stackwallet/utilities/constants.dart';
import 'package:stackwallet/utilities/text_styles.dart';
import 'package:stackwallet/utilities/theme/color_theme.dart';
import 'package:stackwallet/utilities/theme/dark_colors.dart';
import 'package:stackwallet/utilities/theme/forest_colors.dart';
import 'package:stackwallet/utilities/theme/fruit_sorbet_colors.dart';
import 'package:stackwallet/utilities/theme/light_colors.dart';
import 'package:stackwallet/utilities/theme/ocean_breeze_colors.dart';
@ -26,14 +27,16 @@ class AppearanceSettingsView extends ConsumerWidget {
switch (type) {
case ThemeType.light:
return "Light theme";
case ThemeType.oceanBreeze:
return "Ocean theme";
case ThemeType.dark:
return "Dark theme";
case ThemeType.oceanBreeze:
return "Ocean theme";
case ThemeType.oledBlack:
return "Oled Black theme";
case ThemeType.fruitSorbet:
return "Fruit Sorbet theme";
case ThemeType.forest:
return "Forest theme";
}
}
@ -277,87 +280,6 @@ class _ThemeOptionsView extends ConsumerState<ThemeOptionsView> {
const SizedBox(
height: 10,
),
MaterialButton(
splashColor: Colors.transparent,
hoverColor: Colors.transparent,
padding: const EdgeInsets.all(0),
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(
Constants.size.circularBorderRadius,
),
),
onPressed: () {
DB.instance.put<dynamic>(
boxName: DB.boxNameTheme,
key: "colorScheme",
value: ThemeType.oceanBreeze.name,
);
ref.read(colorThemeProvider.state).state =
StackColors.fromStackColorTheme(
OceanBreezeColors(),
);
setState(() {
_selectedTheme = "oceanBreeze";
});
},
child: SizedBox(
width: 200,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Row(
children: [
SizedBox(
width: 10,
height: 10,
child: Radio(
activeColor: Theme.of(context)
.extension<StackColors>()!
.radioButtonIconEnabled,
value: "oceanBreeze",
groupValue: _selectedTheme,
onChanged: (newValue) {
if (newValue is String && newValue == "oceanBreeze") {
DB.instance.put<dynamic>(
boxName: DB.boxNameTheme,
key: "colorScheme",
value: ThemeType.oceanBreeze.name,
);
ref.read(colorThemeProvider.state).state =
StackColors.fromStackColorTheme(
OceanBreezeColors(),
);
setState(() {
_selectedTheme = "oceanBreeze";
});
}
},
),
),
const SizedBox(
width: 14,
),
Text(
"Ocean Breeze",
style:
STextStyles.desktopTextExtraSmall(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.textDark2,
),
),
],
),
],
),
),
),
const SizedBox(
height: 10,
),
MaterialButton(
splashColor: Colors.transparent,
hoverColor: Colors.transparent,
@ -439,6 +361,87 @@ class _ThemeOptionsView extends ConsumerState<ThemeOptionsView> {
const SizedBox(
height: 10,
),
MaterialButton(
splashColor: Colors.transparent,
hoverColor: Colors.transparent,
padding: const EdgeInsets.all(0),
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(
Constants.size.circularBorderRadius,
),
),
onPressed: () {
DB.instance.put<dynamic>(
boxName: DB.boxNameTheme,
key: "colorScheme",
value: ThemeType.oceanBreeze.name,
);
ref.read(colorThemeProvider.state).state =
StackColors.fromStackColorTheme(
OceanBreezeColors(),
);
setState(() {
_selectedTheme = "oceanBreeze";
});
},
child: SizedBox(
width: 200,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Row(
children: [
SizedBox(
width: 10,
height: 10,
child: Radio(
activeColor: Theme.of(context)
.extension<StackColors>()!
.radioButtonIconEnabled,
value: "oceanBreeze",
groupValue: _selectedTheme,
onChanged: (newValue) {
if (newValue is String && newValue == "oceanBreeze") {
DB.instance.put<dynamic>(
boxName: DB.boxNameTheme,
key: "colorScheme",
value: ThemeType.oceanBreeze.name,
);
ref.read(colorThemeProvider.state).state =
StackColors.fromStackColorTheme(
OceanBreezeColors(),
);
setState(() {
_selectedTheme = "oceanBreeze";
});
}
},
),
),
const SizedBox(
width: 14,
),
Text(
"Ocean Breeze",
style:
STextStyles.desktopTextExtraSmall(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.textDark2,
),
),
],
),
],
),
),
),
const SizedBox(
height: 10,
),
MaterialButton(
splashColor: Colors.transparent,
hoverColor: Colors.transparent,
@ -598,6 +601,87 @@ class _ThemeOptionsView extends ConsumerState<ThemeOptionsView> {
),
),
),
const SizedBox(
height: 10,
),
MaterialButton(
splashColor: Colors.transparent,
hoverColor: Colors.transparent,
padding: const EdgeInsets.all(0),
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(
Constants.size.circularBorderRadius,
),
),
onPressed: () {
DB.instance.put<dynamic>(
boxName: DB.boxNameTheme,
key: "colorScheme",
value: ThemeType.forest.name,
);
ref.read(colorThemeProvider.state).state =
StackColors.fromStackColorTheme(
ForestColors(),
);
setState(() {
_selectedTheme = "forest";
});
},
child: SizedBox(
width: 200,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Row(
children: [
SizedBox(
width: 10,
height: 10,
child: Radio(
activeColor: Theme.of(context)
.extension<StackColors>()!
.radioButtonIconEnabled,
value: "forest",
groupValue: _selectedTheme,
onChanged: (newValue) {
if (newValue is String && newValue == "forest") {
DB.instance.put<dynamic>(
boxName: DB.boxNameTheme,
key: "colorScheme",
value: ThemeType.forest.name,
);
ref.read(colorThemeProvider.state).state =
StackColors.fromStackColorTheme(
ForestColors(),
);
setState(() {
_selectedTheme = "forest";
});
}
},
),
),
const SizedBox(
width: 14,
),
Text(
"Forest",
style:
STextStyles.desktopTextExtraSmall(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.textDark2,
),
),
],
),
],
),
),
),
],
);
}

2
lib/pages_desktop_specific/my_stack_view/desktop_favorite_wallets.dart
View file

@ -64,12 +64,14 @@ class DesktopFavoriteWallets extends ConsumerWidget {
children: [
...favorites.map((p0) {
final walletId = ref.read(p0).walletId;
final walletName = ref.read(p0).walletName;
final managerProvider = ref
.read(walletsChangeNotifierProvider)
.getManagerProvider(walletId);
return FavoriteCard(
walletId: walletId,
key: Key(walletName),
width: cardWidth,
height: cardHeight,
managerProvider: managerProvider,

7
lib/pages_desktop_specific/settings/settings_menu/appearance_settings.dart
View file

@ -27,7 +27,8 @@ class _AppearanceOptionSettings
@override
Widget build(BuildContext context) {
debugPrint("BUILD: $runtimeType");
return Column(
return SingleChildScrollView(
child: Column(
children: [
Padding(
padding: const EdgeInsets.only(
@ -145,7 +146,7 @@ class _AppearanceOptionSettings
),
),
],
);
));
}
}
@ -171,6 +172,8 @@ class _ThemeToggle extends ConsumerState<ThemeToggle> {
return Assets.svg.themeOledBlack;
case ThemeType.fruitSorbet:
return Assets.svg.themeFruit;
case ThemeType.forest:
return Assets.svg.themeForest;
}
}

4
lib/utilities/assets.dart
View file

@ -55,6 +55,7 @@ class _SVG {
case ThemeType.light:
case ThemeType.dark:
case ThemeType.oledBlack:
case ThemeType.forest:
return null;
case ThemeType.oceanBreeze:
@ -94,6 +95,7 @@ class _SVG {
"assets/svg/${Theme.of(context).extension<StackColors>()!.themeType.name}/tx-exchange-icon-failed.svg";
String get themeFruit => "assets/svg/fruit-sorbet-theme.svg";
String get themeForest => "assets/svg/forest-theme.svg";
String get themeOledBlack => "assets/svg/oled-black-theme.svg";
String get themeOcean => "assets/svg/ocean-breeze-theme.svg";
String get themeLight => "assets/svg/light-mode.svg";
@ -265,6 +267,8 @@ class _SVG {
class _PNG {
const _PNG();
// String get themeFruit => "assets/svg/fruit-sorbet-theme.png";
String get stack => "assets/images/stack.png";
String get unclaimedPaynym => "assets/images/unclaimed.png";
String get splash => "assets/images/splash.png";

394
lib/utilities/text_styles.dart
View file

@ -39,6 +39,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 14,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark3,
fontWeight: FontWeight.w500,
fontSize: 12,
);
}
}
@ -74,6 +80,12 @@ class STextStyles {
fontWeight: FontWeight.w600,
fontSize: 20,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w600,
fontSize: 20,
);
}
}
@ -109,6 +121,12 @@ class STextStyles {
fontWeight: FontWeight.w600,
fontSize: 18,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w600,
fontSize: 18,
);
}
}
@ -144,6 +162,12 @@ class STextStyles {
fontWeight: FontWeight.w600,
fontSize: 16,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w600,
fontSize: 16,
);
}
}
@ -179,6 +203,12 @@ class STextStyles {
fontWeight: FontWeight.w600,
fontSize: 16,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w600,
fontSize: 16,
);
}
}
@ -214,6 +244,12 @@ class STextStyles {
fontWeight: FontWeight.w400,
fontSize: 16,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w400,
fontSize: 16,
);
}
}
@ -249,6 +285,12 @@ class STextStyles {
fontWeight: FontWeight.w400,
fontSize: 16,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w400,
fontSize: 16,
);
}
}
@ -284,6 +326,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 16,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w500,
fontSize: 16,
);
}
}
@ -319,6 +367,12 @@ class STextStyles {
fontWeight: FontWeight.w600,
fontSize: 16,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w600,
fontSize: 16,
);
}
}
@ -354,6 +408,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 16,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).buttonTextPrimary,
fontWeight: FontWeight.w500,
fontSize: 16,
);
}
}
@ -389,6 +449,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 16,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w500,
fontSize: 16,
);
}
}
@ -424,6 +490,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 16,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark3,
fontWeight: FontWeight.w500,
fontSize: 16,
);
}
}
@ -459,6 +531,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 14,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark3,
fontWeight: FontWeight.w500,
fontSize: 14,
);
}
}
@ -494,6 +572,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 12,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textSubtitle1,
fontWeight: FontWeight.w500,
fontSize: 12,
);
}
}
@ -534,6 +618,13 @@ class STextStyles {
fontSize: 14,
height: 14 / 14,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textFieldActiveSearchIconRight,
fontWeight: FontWeight.w500,
fontSize: 14,
height: 14 / 14,
);
}
}
@ -569,6 +660,12 @@ class STextStyles {
fontWeight: FontWeight.w700,
fontSize: 12,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textSubtitle1,
fontWeight: FontWeight.w700,
fontSize: 12,
);
}
}
@ -604,6 +701,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 14,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).infoItemLabel,
fontWeight: FontWeight.w500,
fontSize: 14,
);
}
}
@ -639,6 +742,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 14,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w500,
fontSize: 14,
);
}
}
@ -674,6 +783,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 14,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w500,
fontSize: 14,
);
}
}
@ -714,6 +829,13 @@ class STextStyles {
fontSize: 14,
height: 1.5,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textSubtitle2,
fontWeight: FontWeight.w500,
fontSize: 14,
height: 1.5,
);
}
}
@ -754,6 +876,13 @@ class STextStyles {
fontSize: 14,
height: 1.5,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w500,
fontSize: 14,
height: 1.5,
);
}
}
@ -789,6 +918,12 @@ class STextStyles {
fontWeight: FontWeight.w400,
fontSize: 14,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w400,
fontSize: 14,
);
}
}
@ -824,6 +959,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 14,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).accentColorRed,
fontWeight: FontWeight.w500,
fontSize: 14,
);
}
}
@ -859,6 +1000,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 14,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).infoItemIcons,
fontWeight: FontWeight.w500,
fontSize: 14,
);
}
}
@ -894,6 +1041,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 12,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).accentColorBlue,
fontWeight: FontWeight.w500,
fontSize: 12,
);
}
}
@ -929,6 +1082,12 @@ class STextStyles {
fontWeight: FontWeight.w600,
fontSize: 12,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w600,
fontSize: 12,
);
}
}
@ -964,6 +1123,12 @@ class STextStyles {
fontWeight: FontWeight.w600,
fontSize: 14,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w600,
fontSize: 14,
);
}
}
@ -999,6 +1164,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 14,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w500,
fontSize: 14,
);
}
}
@ -1034,6 +1205,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 12,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w500,
fontSize: 12,
);
}
}
@ -1069,6 +1246,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 10,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w500,
fontSize: 10,
);
}
}
@ -1104,6 +1287,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 12,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w500,
fontSize: 12,
);
}
}
@ -1139,6 +1328,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 12,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w500,
fontSize: 12,
);
}
}
@ -1174,6 +1369,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 10,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textError,
fontWeight: FontWeight.w500,
fontSize: 10,
);
}
}
@ -1209,6 +1410,12 @@ class STextStyles {
fontWeight: FontWeight.w500,
fontSize: 10,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textSubtitle1,
fontWeight: FontWeight.w500,
fontSize: 10,
);
}
}
@ -1251,6 +1458,13 @@ class STextStyles {
fontSize: 40,
height: 40 / 40,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w600,
fontSize: 40,
height: 40 / 40,
);
}
}
@ -1291,6 +1505,13 @@ class STextStyles {
fontSize: 32,
height: 32 / 32,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w600,
fontSize: 32,
height: 32 / 32,
);
}
}
@ -1331,6 +1552,13 @@ class STextStyles {
fontSize: 24,
height: 24 / 24,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w600,
fontSize: 24,
height: 24 / 24,
);
}
}
@ -1371,6 +1599,13 @@ class STextStyles {
fontSize: 24,
height: 24 / 24,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w500,
fontSize: 24,
height: 24 / 24,
);
}
}
@ -1411,6 +1646,13 @@ class STextStyles {
fontSize: 20,
height: 30 / 20,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w500,
fontSize: 20,
height: 30 / 20,
);
}
}
@ -1451,6 +1693,13 @@ class STextStyles {
fontSize: 20,
height: 30 / 20,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w400,
fontSize: 20,
height: 30 / 20,
);
}
}
@ -1491,6 +1740,13 @@ class STextStyles {
fontSize: 20,
height: 28 / 20,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w400,
fontSize: 20,
height: 28 / 20,
);
}
}
@ -1531,6 +1787,13 @@ class STextStyles {
fontSize: 24,
height: 33 / 24,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w400,
fontSize: 24,
height: 33 / 24,
);
}
}
@ -1571,6 +1834,13 @@ class STextStyles {
fontSize: 20,
height: 26 / 20,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).buttonTextPrimary,
fontWeight: FontWeight.w500,
fontSize: 20,
height: 26 / 20,
);
}
}
@ -1611,6 +1881,13 @@ class STextStyles {
fontSize: 20,
height: 26 / 20,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).buttonTextPrimaryDisabled,
fontWeight: FontWeight.w500,
fontSize: 20,
height: 26 / 20,
);
}
}
@ -1651,6 +1928,13 @@ class STextStyles {
fontSize: 20,
height: 26 / 20,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).buttonTextSecondary,
fontWeight: FontWeight.w500,
fontSize: 20,
height: 26 / 20,
);
}
}
@ -1691,6 +1975,13 @@ class STextStyles {
fontSize: 20,
height: 26 / 20,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).buttonTextSecondaryDisabled,
fontWeight: FontWeight.w500,
fontSize: 20,
height: 26 / 20,
);
}
}
@ -1731,6 +2022,13 @@ class STextStyles {
fontSize: 18,
height: 27 / 18,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w500,
fontSize: 18,
height: 27 / 18,
);
}
}
@ -1771,6 +2069,13 @@ class STextStyles {
fontSize: 18,
height: 27 / 18,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w700,
fontSize: 18,
height: 27 / 18,
);
}
}
@ -1811,6 +2116,13 @@ class STextStyles {
fontSize: 16,
height: 24 / 16,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).buttonTextPrimaryDisabled,
fontWeight: FontWeight.w500,
fontSize: 16,
height: 24 / 16,
);
}
}
@ -1851,6 +2163,13 @@ class STextStyles {
fontSize: 14,
height: 21 / 14,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textSubtitle1,
fontWeight: FontWeight.w500,
fontSize: 14,
height: 21 / 14,
);
}
}
@ -1891,6 +2210,13 @@ class STextStyles {
fontSize: 14,
height: 21 / 14,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w600,
fontSize: 14,
height: 21 / 14,
);
}
}
@ -1931,6 +2257,13 @@ class STextStyles {
fontSize: 16,
height: 24 / 16,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).buttonTextSecondary,
fontWeight: FontWeight.w500,
fontSize: 16,
height: 24 / 16,
);
}
}
@ -1971,6 +2304,13 @@ class STextStyles {
fontSize: 20,
height: 30 / 20,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textSubtitle2,
fontWeight: FontWeight.w500,
fontSize: 20,
height: 30 / 20,
);
}
}
@ -2011,6 +2351,13 @@ class STextStyles {
fontSize: 16,
height: 20.8 / 16,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark.withOpacity(0.8),
fontWeight: FontWeight.w500,
fontSize: 16,
height: 20.8 / 16,
);
}
}
@ -2051,6 +2398,13 @@ class STextStyles {
fontSize: 16,
height: 20.8 / 16,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w500,
fontSize: 16,
height: 20.8 / 16,
);
}
}
@ -2091,6 +2445,13 @@ class STextStyles {
fontSize: 16,
height: 20.8 / 16,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark.withOpacity(0.5),
fontWeight: FontWeight.w500,
fontSize: 16,
height: 20.8 / 16,
);
}
}
@ -2131,6 +2492,13 @@ class STextStyles {
fontSize: 16,
height: 20.8 / 16,
);
case ThemeType.forest:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w500,
fontSize: 16,
height: 20.8 / 16,
);
}
}
@ -2166,6 +2534,12 @@ class STextStyles {
fontWeight: FontWeight.w600,
fontSize: 8,
);
case ThemeType.forest:
return GoogleFonts.roboto(
color: _theme(context).textDark,
fontWeight: FontWeight.w600,
fontSize: 8,
);
}
}
@ -2201,6 +2575,12 @@ class STextStyles {
fontWeight: FontWeight.w400,
fontSize: 26,
);
case ThemeType.forest:
return GoogleFonts.roboto(
color: _theme(context).numberTextDefault,
fontWeight: FontWeight.w400,
fontSize: 26,
);
}
}
@ -2241,6 +2621,13 @@ class STextStyles {
fontWeight: FontWeight.w400,
fontSize: 12,
);
case ThemeType.forest:
return GoogleFonts.inter(
letterSpacing: 0.5,
color: _theme(context).accentColorDark,
fontWeight: FontWeight.w400,
fontSize: 12,
);
}
}
@ -2281,6 +2668,13 @@ class STextStyles {
fontWeight: FontWeight.w600,
fontSize: 16,
);
case ThemeType.forest:
return GoogleFonts.inter(
letterSpacing: 0.5,
color: _theme(context).accentColorDark,
fontWeight: FontWeight.w600,
fontSize: 16,
);
}
}
}

9
lib/utilities/theme/color_theme.dart
View file

@ -1,12 +1,13 @@
import 'package:flutter/material.dart';
import 'package:stackwallet/utilities/enums/coin_enum.dart';
import 'package:stackwallet/utilities/theme/dark_colors.dart';
import 'package:stackwallet/utilities/theme/forest_colors.dart';
import 'package:stackwallet/utilities/theme/fruit_sorbet_colors.dart';
import 'package:stackwallet/utilities/theme/light_colors.dart';
import 'package:stackwallet/utilities/theme/ocean_breeze_colors.dart';
import 'package:stackwallet/utilities/theme/oled_black_colors.dart';
enum ThemeType { light, dark, oceanBreeze, oledBlack, fruitSorbet }
enum ThemeType { light, dark, oceanBreeze, oledBlack, fruitSorbet, forest }
// adjust this file
@ -23,6 +24,8 @@ extension ThemeTypeExt on ThemeType {
return OledBlackColors();
case ThemeType.fruitSorbet:
return FruitSorbetColors();
case ThemeType.forest:
return ForestColors();
}
}
@ -35,9 +38,11 @@ extension ThemeTypeExt on ThemeType {
case ThemeType.oceanBreeze:
return "Ocean Breeze";
case ThemeType.oledBlack:
return "Oled Black";
return "OLED Black";
case ThemeType.fruitSorbet:
return "Fruit Sorbet";
case ThemeType.forest:
return "Forest";
}
}
}

345
lib/utilities/theme/forest_colors.dart Normal file
View file

@ -0,0 +1,345 @@
import 'package:flutter/material.dart';
import 'package:stackwallet/utilities/theme/color_theme.dart';
class ForestColors extends StackColorTheme {
@override
ThemeType get themeType => ThemeType.forest;
@override
Color get background => const Color(0xFFF3FAF5);
@override
Color get backgroundAppBar => background;
@override
Gradient? get gradientBackground => null;
@override
Color get overlay => const Color(0xFF111215);
@override
Color get accentColorBlue => const Color(0xFF077CBE);
@override
Color get accentColorGreen => const Color(0xFF00A591);
@override
Color get accentColorYellow => const Color(0xFFF4C517);
@override
Color get accentColorRed => const Color(0xFFD1382D);
@override
Color get accentColorOrange => const Color(0xFFFF985F);
@override
Color get accentColorDark => const Color(0xFF22867A);
@override
Color get shadow => const Color(0x0F2D3132);
@override
Color get textDark => const Color(0xFF232323);
@override
Color get textDark2 => const Color(0xFF333333);
@override
Color get textDark3 => const Color(0xFF696B6C);
@override
Color get textSubtitle1 => const Color(0xFF7E8284);
@override
Color get textSubtitle2 => const Color(0xFF919393);
@override
Color get textSubtitle3 => const Color(0xFFB0B2B2);
@override
Color get textSubtitle4 => const Color(0xFFD1D3D3);
@override
Color get textSubtitle5 => const Color(0xFFDEDFE1);
@override
Color get textSubtitle6 => const Color(0xFFF1F1F1);
@override
Color get textWhite => const Color(0xFFFFFFFF);
@override
Color get textFavoriteCard => const Color(0xFF232323);
@override
Color get textError => const Color(0xFF8D0006);
@override
Color get textRestore => overlay;
// button background
@override
Color get buttonBackPrimary => const Color(0xFF22867A);
@override
Color get buttonBackSecondary => const Color(0xFFC2E2D5);
@override
Color get buttonBackPrimaryDisabled => const Color(0xFFBDDBCB);
@override
Color get buttonBackSecondaryDisabled => const Color(0xFFBDBDBD);
@override
Color get buttonBackBorder => const Color(0xFF22867A);
@override
Color get buttonBackBorderDisabled => const Color(0xFFBDD5DB);
@override
Color get buttonBackBorderSecondary => buttonBackSecondary;
@override
Color get buttonBackBorderSecondaryDisabled => buttonBackSecondaryDisabled;
@override
Color get numberBackDefault => const Color(0xFFFFFFFF);
@override
Color get numpadBackDefault => const Color(0xFF22867A);
@override
Color get bottomNavBack => const Color(0xFFFFFFFF);
// button text/element
@override
Color get buttonTextPrimary => const Color(0xFFFFFFFF);
@override
Color get buttonTextSecondary => const Color(0xFF232323);
@override
Color get buttonTextPrimaryDisabled => const Color(0xFFFFFFFF);
@override
Color get buttonTextSecondaryDisabled => const Color(0xFFBDD5DB);
@override
Color get buttonTextBorder => const Color(0xFFBDD5DB);
@override
Color get buttonTextDisabled => const Color(0xFF22867A);
@override
Color get buttonTextBorderless => const Color(0xFFFFFFFF);
@override
Color get buttonTextBorderlessDisabled => const Color(0xFF056EC6);
@override
Color get numberTextDefault => const Color(0xFF232323);
@override
Color get numpadTextDefault => const Color(0xFFFFFFFF);
@override
Color get bottomNavText => const Color(0xFF232323);
// switch
@override
Color get switchBGOn => const Color(0xFF2DAB9C);
@override
Color get switchBGOff => const Color(0xFFD6F0E8);
@override
Color get switchBGDisabled => const Color(0xFFC5C6C9);
@override
Color get switchCircleOn => const Color(0xFFDEFFF2);
@override
Color get switchCircleOff => const Color(0xFFFBFCFF);
@override
Color get switchCircleDisabled => const Color(0xFFFBFCFF);
// step indicator background
@override
Color get stepIndicatorBGCheck => const Color(0xFFBBF0DB);
@override
Color get stepIndicatorBGNumber => const Color(0xFFCDD9FF);
@override
Color get stepIndicatorBGInactive => const Color(0xFFD2EDE5);
@override
Color get stepIndicatorBGLines => const Color(0xFF90B8DC);
@override
Color get stepIndicatorBGLinesInactive => const Color(0xFFBCEAD9);
@override
Color get stepIndicatorIconText => const Color(0xFF22867A);
@override
Color get stepIndicatorIconNumber => const Color(0xFF005BAF);
@override
Color get stepIndicatorIconInactive => const Color(0xFFD4DFFF);
// checkbox
@override
Color get checkboxBGChecked => const Color(0xFF22867A);
@override
Color get checkboxBorderEmpty => const Color(0xFF8C8F90);
@override
Color get checkboxBGDisabled => const Color(0xFFB0C9ED);
@override
Color get checkboxIconChecked => const Color(0xFFFFFFFF);
@override
Color get checkboxIconDisabled => const Color(0xFFFFFFFF);
@override
Color get checkboxTextLabel => const Color(0xFF232323);
// snack bar
@override
Color get snackBarBackSuccess => const Color(0xFFADD6D2);
@override
Color get snackBarBackError => const Color(0xFFADD6D2);
@override
Color get snackBarBackInfo => const Color(0xFFCCD7FF);
@override
Color get snackBarTextSuccess => const Color(0xFF075547);
@override
Color get snackBarTextError => const Color(0xFF8D0006);
@override
Color get snackBarTextInfo => const Color(0xFF002569);
// icons
@override
Color get bottomNavIconBack => const Color(0xFFA7C7CF);
@override
Color get bottomNavIconIcon => const Color(0xFF227386);
@override
Color get topNavIconPrimary => const Color(0xFF227386);
@override
Color get topNavIconGreen => const Color(0xFF00A591);
@override
Color get topNavIconYellow => const Color(0xFFFDD33A);
@override
Color get topNavIconRed => const Color(0xFFEA4649);
@override
Color get settingsIconBack => const Color(0xFFE0E3E3);
@override
Color get settingsIconIcon => const Color(0xFF232323);
@override
Color get settingsIconBack2 => const Color(0xFF80D2C8);
@override
Color get settingsIconElement => const Color(0xFF00A591);
// text field
@override
Color get textFieldActiveBG => const Color(0xFFE3FFF3);
@override
Color get textFieldDefaultBG => const Color(0xFFDDF3EA);
@override
Color get textFieldErrorBG => const Color(0xFFF6C7C3);
@override
Color get textFieldSuccessBG => const Color(0xFFADD6D2);
@override
Color get textFieldErrorBorder => textFieldErrorBG;
@override
Color get textFieldSuccessBorder => textFieldSuccessBG;
@override
Color get textFieldActiveSearchIconLeft => const Color(0xFF86898C);
@override
Color get textFieldDefaultSearchIconLeft => const Color(0xFF86898C);
@override
Color get textFieldErrorSearchIconLeft => const Color(0xFF8D0006);
@override
Color get textFieldSuccessSearchIconLeft => const Color(0xFF006C4D);
@override
Color get textFieldActiveText => const Color(0xFF232323);
@override
Color get textFieldDefaultText => const Color(0xFF86898C);
@override
Color get textFieldErrorText => const Color(0xFF000000);
@override
Color get textFieldSuccessText => const Color(0xFF000000);
@override
Color get textFieldActiveLabel => const Color(0xFF86898C);
@override
Color get textFieldErrorLabel => const Color(0xFF8D0006);
@override
Color get textFieldSuccessLabel => const Color(0xFF077C6E);
@override
Color get textFieldActiveSearchIconRight => const Color(0xFF22867A);
@override
Color get textFieldDefaultSearchIconRight => const Color(0xFF22867A);
@override
Color get textFieldErrorSearchIconRight => const Color(0xFF8D0006);
@override
Color get textFieldSuccessSearchIconRight => const Color(0xFF077C6E);
// settings item level2
@override
Color get settingsItem2ActiveBG => const Color(0xFFFFFFFF);
@override
Color get settingsItem2ActiveText => const Color(0xFF232323);
@override
Color get settingsItem2ActiveSub => const Color(0xFF8C8F90);
// radio buttons
@override
Color get radioButtonIconBorder => const Color(0xFF056EC6);
@override
Color get radioButtonIconBorderDisabled => const Color(0xFF8C8D97);
@override
Color get radioButtonBorderEnabled => const Color(0xFF056EC6);
@override
Color get radioButtonBorderDisabled => const Color(0xFF8C8D97);
@override
Color get radioButtonIconCircle => const Color(0xFF056EC6);
@override
Color get radioButtonIconEnabled => const Color(0xFF056EC6);
@override
Color get radioButtonTextEnabled => const Color(0xFF42444B);
@override
Color get radioButtonTextDisabled => const Color(0xFF42444B);
@override
Color get radioButtonLabelEnabled => const Color(0xFF8C8F90);
@override
Color get radioButtonLabelDisabled => const Color(0xFF8C8F90);
// info text
@override
Color get infoItemBG => const Color(0xFFFFFFFF);
@override
Color get infoItemLabel => const Color(0xFF838788);
@override
Color get infoItemText => const Color(0xFF232323);
@override
Color get infoItemIcons => const Color(0xFF056EC6);
// popup
@override
Color get popupBG => const Color(0xFFFFFFFF);
// currency list
@override
Color get currencyListItemBG => const Color(0xFFF0F5F7);
// bottom nav
@override
Color get stackWalletBG => const Color(0xFFFFFFFF);
@override
Color get stackWalletMid => const Color(0xFFFFFFFF);
@override
Color get stackWalletBottom => const Color(0xFF232323);
@override
Color get bottomNavShadow => const Color(0xFF388192);
@override
Color get favoriteStarActive => const Color(0xFFF4C517);
@override
Color get favoriteStarInactive => const Color(0xFFB0B2B2);
@override
Color get splash => const Color(0xFF8E9192);
@override
Color get highlight => const Color(0xFFA9ACAC);
@override
Color get warningForeground => const Color(0xFF232323);
@override
Color get warningBackground => const Color(0xFFF6C7C3);
@override
Color get loadingOverlayTextColor => const Color(0xFFF7F7F7);
@override
Color get myStackContactIconBG => const Color(0xFFD8E7EB);
@override
Color get textConfirmTotalAmount => const Color(0xFF232323);
@override
Color get textSelectedWordTableItem => const Color(0xFF232323);
//rate type toggle
@override
Color get rateTypeToggleColorOn => textFieldDefaultBG;
@override
Color get rateTypeToggleColorOff => popupBG;
@override
Color get rateTypeToggleDesktopColorOn => textFieldDefaultBG;
@override
Color get rateTypeToggleDesktopColorOff => buttonBackSecondary;
@override
BoxShadow get standardBoxShadow => BoxShadow(
color: shadow,
spreadRadius: 3,
blurRadius: 4,
);
@override
BoxShadow? get homeViewButtonBarBoxShadow => BoxShadow(
color: shadow,
spreadRadius: 3,
blurRadius: 4,
);
}

1
lib/widgets/background.dart
View file

@ -23,6 +23,7 @@ class Background extends StatelessWidget {
case ThemeType.light:
case ThemeType.dark:
case ThemeType.oledBlack:
case ThemeType.forest:
color = Theme.of(context).extension<StackColors>()!.background;
break;
case ThemeType.oceanBreeze:

1
pubspec.yaml
View file

@ -353,6 +353,7 @@ flutter:
- assets/svg/ocean-breeze-theme.svg
- assets/svg/oled-black-theme.svg
- assets/svg/fruit-sorbet-theme.svg
- assets/svg/forest-theme.svg
# light theme specific
- assets/svg/light/tx-exchange-icon.svg