Merge pull request #19 from globalfund/feat/DE-254

DE-254 Control app colours from theme file
globalfund · Mar 17, 2023 · d063df7 · d063df7
2 parents 3d41682 + 0e8803f
commit d063df7
Show file tree

Hide file tree

Showing 177 changed files with 3,925 additions and 23,221 deletions.
diff --git a/src/app/assets/BigLogo.tsx b/src/app/assets/BigLogo.tsx
@@ -1,80 +1,81 @@
 import React from "react";
+import { appColors } from "app/theme";
 
 const BigLogo = () => (
   <svg width="672" height="56" viewBox="0 0 672 56">
     <path
       d="M29.2993 47.0395C26.2438 47.0407 23.2913 45.9345 20.9889 43.9259C20.9213 43.8743 20.869 43.8055 20.8375 43.7266C20.8059 43.6477 20.7963 43.5618 20.8097 43.4779C20.7926 43.427 20.7926 43.3719 20.8097 43.3211C20.842 43.2694 20.8844 43.2249 20.9345 43.1903C20.9846 43.1556 21.0412 43.1315 21.1009 43.1195C21.1801 43.0883 21.2681 43.0883 21.3473 43.1195C22.8392 44.0949 24.5823 44.6163 26.3649 44.6203C28.7059 44.6283 30.9572 43.7198 32.6369 42.0891C33.9405 40.8163 34.8318 39.1813 35.1953 37.396C35.5587 35.6107 35.3776 33.7574 34.6753 32.0763L34.4513 31.6059C34.1256 30.8781 34.0675 30.0587 34.2871 29.2923C34.5068 28.5258 34.9902 27.8616 35.6519 27.4169C36.3137 26.9722 37.1112 26.7755 37.9039 26.8616C38.6965 26.9477 39.4333 27.311 39.9841 27.8875C40.2919 28.2332 40.5415 28.6266 40.7233 29.0523C41.6006 30.9846 41.9789 33.1062 41.8235 35.2226C41.668 37.339 40.9838 39.3826 39.8335 41.166C38.6833 42.9493 37.1038 44.4154 35.2398 45.4299C33.3758 46.4443 31.287 46.9747 29.1649 46.9723L29.2993 47.0395Z"
-      fill="#252C34"
+      fill={appColors.COMMON.PRIMARY_COLOR_1}
     />
     <path
       d="M23.1392 35.8404H22.624C19.7438 35.5523 17.0484 34.2889 14.9843 32.2597C12.9201 30.2304 11.6111 27.5569 11.274 24.682C10.9368 21.8072 11.5918 18.9034 13.1304 16.4516C14.669 13.9998 16.999 12.1471 19.7344 11.2004H19.936C20.0089 11.178 20.087 11.178 20.16 11.2004C20.16 11.2004 20.16 11.2004 20.272 11.3348C20.3169 11.4501 20.3169 11.578 20.272 11.6932C20.2543 11.7452 20.2249 11.7925 20.1861 11.8313C20.1472 11.8702 20.1 11.8996 20.048 11.9172C18.1814 12.7036 16.6364 14.0992 15.6648 15.8764C14.6932 17.6536 14.3525 19.7075 14.6981 21.7033C15.0437 23.699 16.0553 25.5188 17.5679 26.8658C19.0805 28.2128 21.0049 29.0075 23.0272 29.1204H23.5424C24.3555 29.187 25.1177 29.5433 25.6903 30.1246C26.2628 30.7058 26.6076 31.4733 26.6619 32.2874C26.7161 33.1015 26.4763 33.908 25.986 34.5601C25.4957 35.2122 24.7875 35.6665 23.9904 35.8404C23.7072 35.8657 23.4223 35.8657 23.1392 35.8404Z"
-      fill="#252C34"
+      fill={appColors.COMMON.PRIMARY_COLOR_1}
     />
     <path
       d="M48.2721 26.8798C48.1512 26.8699 48.0389 26.8137 47.9585 26.723C47.9375 26.6734 47.9267 26.6201 47.9267 26.5662C47.9267 26.5123 47.9375 26.459 47.9585 26.4094C48.1396 24.4482 47.6695 22.4819 46.6208 20.8147C45.5721 19.1475 44.0033 17.8723 42.1571 17.1864C40.3108 16.5004 38.29 16.4419 36.4071 17.0198C34.5242 17.5978 32.8843 18.7801 31.7409 20.3838L31.3601 20.8318C31.0548 21.2658 30.6486 21.619 30.1764 21.861C29.7042 22.1029 29.1802 22.2263 28.6497 22.2206C28.3239 22.2215 27.9996 22.1763 27.6865 22.0862C26.8409 21.8175 26.1337 21.2293 25.7153 20.4469C25.297 19.6646 25.2005 18.7498 25.4465 17.8974C25.5926 17.4646 25.8041 17.0567 26.0737 16.6878C27.2504 15.0543 28.7981 13.7233 30.5893 12.8043C32.3806 11.8853 34.3644 11.4045 36.3777 11.4014C37.56 11.3987 38.7366 11.5646 39.8721 11.8942C42.9134 12.7799 45.5159 14.7664 47.1723 17.4664C48.8288 20.1664 49.4205 23.3865 48.8321 26.499C48.8163 26.5807 48.7818 26.6576 48.7313 26.7237C48.6807 26.7897 48.6156 26.8432 48.5409 26.8798H48.3617H48.2721Z"
-      fill="#252C34"
+      fill={appColors.COMMON.PRIMARY_COLOR_1}
     />
     <path
       d="M71.3217 23.0717H64.1089V17.4717H85.3665V23.0717H78.1313V40.5885H71.3217V23.0717Z"
-      fill="#252C34"
+      fill={appColors.COMMON.PRIMARY_COLOR_1}
     />
     <path
       d="M89.04 17.4717H95.8496V26.0061H103.757V17.4717H110.566V40.5885H103.757V31.3149H95.8496V40.5885H89.04V17.4717Z"
-      fill="#252C34"
+      fill={appColors.COMMON.PRIMARY_COLOR_1}
     />
     <path
       d="M114.867 17.4717H132.653V22.8477H121.453V26.7005H132.026V31.1357H121.453V35.2349H132.966V40.5885H114.867V17.4717Z"
-      fill="#252C34"
+      fill={appColors.COMMON.PRIMARY_COLOR_1}
     />
     <path
       d="M144.704 29.1197C144.704 21.9741 150.17 17.1357 157.696 17.1357C163.139 17.1357 167.776 20.1821 168.896 24.4605L162.647 25.6477C162.211 24.7151 161.508 23.9335 160.626 23.4029C159.744 22.8722 158.724 22.6165 157.696 22.6685C156.856 22.6514 156.022 22.8086 155.247 23.1303C154.471 23.452 153.77 23.9312 153.189 24.5375C152.608 25.1439 152.159 25.8642 151.871 26.6529C151.582 27.4416 151.461 28.2816 151.514 29.1197C151.474 29.979 151.611 30.8373 151.916 31.6414C152.222 32.4454 152.69 33.178 153.291 33.7936C153.891 34.4091 154.613 34.8945 155.409 35.2195C156.205 35.5446 157.06 35.7023 157.92 35.6829C159.229 35.8134 160.538 35.4383 161.579 34.6345C162.621 33.8307 163.315 32.659 163.52 31.3597H155.68V27.3053H170.039C170.89 35.5037 165.693 41.1709 157.763 41.1709C150.237 41.1709 144.771 36.1981 144.771 29.0301L144.704 29.1197Z"
-      fill="#252C34"
+      fill={appColors.COMMON.PRIMARY_COLOR_1}
     />
     <path
       d="M173.914 17.4941H180.723V34.7869H190.691V40.5885H173.914V17.4941Z"
-      fill="#252C34"
+      fill={appColors.COMMON.PRIMARY_COLOR_1}
     />
     <path
       d="M212.307 29.1197C212.358 28.2811 212.237 27.4409 211.95 26.6509C211.664 25.8609 211.22 25.1377 210.644 24.526C210.068 23.9142 209.373 23.4267 208.601 23.0935C207.83 22.7603 206.999 22.5884 206.159 22.5884C205.318 22.5884 204.487 22.7603 203.716 23.0935C202.944 23.4267 202.249 23.9142 201.673 24.526C201.098 25.1377 200.653 25.8609 200.367 26.6509C200.081 27.4409 199.959 28.2811 200.01 29.1197C199.959 29.9584 200.081 30.7986 200.367 31.5886C200.653 32.3786 201.098 33.1017 201.673 33.7135C202.249 34.3253 202.944 34.8127 203.716 35.1459C204.487 35.4791 205.318 35.651 206.159 35.651C206.999 35.651 207.83 35.4791 208.601 35.1459C209.373 34.8127 210.068 34.3253 210.644 33.7135C211.22 33.1017 211.664 32.3786 211.95 31.5886C212.237 30.7986 212.358 29.9584 212.307 29.1197ZM193.2 29.1197C193.2 21.7725 198.419 17.1357 206.17 17.1357C213.92 17.1357 219.117 21.6829 219.117 29.1197C219.117 36.5565 213.875 41.0813 206.08 41.0813C198.285 41.0813 193.2 36.3997 193.2 29.1197Z"
-      fill="#252C34"
+      fill={appColors.COMMON.PRIMARY_COLOR_1}
     />
     <path
       d="M233.744 35.6829C235.558 35.6829 236.902 34.6973 236.902 33.3085C236.902 31.9197 235.558 30.9341 233.744 30.9341H229.578V35.6829H233.744ZM233.296 26.7229C235.043 26.7229 236.253 25.8269 236.253 24.4829C236.253 23.1389 235.043 22.2429 233.296 22.2429H229.578V26.5885L233.296 26.7229ZM222.768 17.4717H234.618C240.061 17.4717 243.286 19.9805 243.286 23.8557C243.306 24.9016 242.993 25.9267 242.393 26.7839C241.794 27.641 240.938 28.2862 239.949 28.6269V28.9629C241.121 29.2798 242.153 29.9829 242.876 30.9584C243.6 31.9339 243.973 33.1249 243.936 34.3389C243.936 38.3037 240.621 40.5661 235.222 40.5661H222.768V17.4941V17.4717Z"
-      fill="#252C34"
+      fill={appColors.COMMON.PRIMARY_COLOR_1}
     />
     <path
       d="M261.072 32.2333L258.429 23.2733H258.093L255.45 32.2333H261.072ZM253.254 17.4941H263.267L270.48 40.5885H263.491L262.394 37.0717H254.106L253.12 40.5885H246.109L253.366 17.4941H253.254Z"
-      fill="#252C34"
+      fill={appColors.COMMON.PRIMARY_COLOR_1}
     />
     <path
       d="M274.355 17.4941H281.165V34.7869H291.133V40.5885H274.355V17.4941Z"
-      fill="#252C34"
+      fill={appColors.COMMON.PRIMARY_COLOR_1}
     />
     <path
       d="M303.946 17.4717H321.619V23.2957H310.755V27.1709H320.141V32.2557H310.755V40.5885H303.946V17.4717Z"
-      fill="#252C34"
+      fill={appColors.COMMON.PRIMARY_COLOR_1}
     />
     <path
       d="M325.942 31.0909V17.4941H332.662V30.9341C332.576 31.514 332.615 32.1058 332.778 32.669C332.941 33.2323 333.223 33.7538 333.606 34.198C333.989 34.6422 334.463 34.9986 334.996 35.2429C335.529 35.4872 336.108 35.6137 336.694 35.6137C337.281 35.6137 337.86 35.4872 338.393 35.2429C338.926 34.9986 339.4 34.6422 339.783 34.198C340.166 33.7538 340.448 33.2323 340.611 32.669C340.774 32.1058 340.813 31.514 340.726 30.9341V17.4941H347.446V31.0909C347.446 37.2061 342.966 41.0813 336.605 41.0813C330.243 41.0813 325.763 37.2061 325.763 31.0909H325.942Z"
-      fill="#252C34"
+      fill={appColors.COMMON.PRIMARY_COLOR_1}
     />
     <path
       d="M352.262 17.4717H359.565L367.136 31.8077H367.472V17.4717H373.811V40.5885H366.531L358.937 26.2973H358.624V40.5885H352.262V17.4717Z"
-      fill="#252C34"
+      fill={appColors.COMMON.PRIMARY_COLOR_1}
     />
     <path
       d="M387.946 35.4589C388.797 35.5173 389.652 35.3941 390.452 35.0974C391.252 34.8007 391.981 34.3373 392.588 33.738C393.196 33.1386 393.67 32.417 393.978 31.6208C394.286 30.8246 394.421 29.9721 394.374 29.1197C394.431 28.2619 394.303 27.402 393.999 26.5976C393.696 25.7933 393.224 25.0632 392.615 24.4564C392.006 23.8496 391.274 23.3801 390.469 23.0794C389.664 22.7788 388.803 22.654 387.946 22.7133H385.123V35.5485L387.946 35.4589ZM378.538 17.5389H387.946C395.898 17.5389 401.184 22.1533 401.184 29.0749C401.184 35.9965 395.898 40.6333 387.946 40.6333H378.56V17.4941L378.538 17.5389Z"
-      fill="#252C34"
+      fill={appColors.COMMON.PRIMARY_COLOR_1}
     />
     <path
       d="M424.883 16.7998V41.3278"
-      stroke="#252C34"
+      stroke={appColors.COMMON.PRIMARY_COLOR_1}
       strokeWidth="2.24"
       strokeMiterlimit="10"
     />
     <path
       d="M452.941 39.7197V16.4533H459.508C461.533 16.4533 463.322 16.9007 464.878 17.7956C466.433 18.6905 467.631 19.9635 468.473 21.6147C469.325 23.266 469.757 25.1622 469.767 27.3035V28.7896C469.767 30.9842 469.341 32.9071 468.489 34.5583C467.647 36.2095 466.438 37.4772 464.862 38.3615C463.296 39.2457 461.469 39.6984 459.381 39.7197H452.941ZM456.009 18.9781V37.2109H459.237C461.602 37.2109 463.439 36.4759 464.75 35.0057C466.071 33.5356 466.731 31.4422 466.731 28.7257V27.3674C466.731 24.7255 466.108 22.6747 464.862 21.2152C463.626 19.7451 461.868 18.9994 459.588 18.9781H456.009ZM484.629 39.7197C484.458 39.3788 484.32 38.7716 484.213 37.898C482.839 39.3256 481.198 40.0393 479.291 40.0393C477.587 40.0393 476.186 39.5599 475.089 38.6011C474.002 37.6317 473.459 36.4066 473.459 34.9258C473.459 33.1254 474.141 31.7299 475.504 30.7391C476.878 29.7377 478.807 29.2371 481.289 29.2371H484.165V27.8788C484.165 26.8454 483.856 26.0251 483.238 25.4179C482.62 24.8 481.71 24.4911 480.506 24.4911C479.451 24.4911 478.567 24.7574 477.853 25.2901C477.139 25.8227 476.782 26.4672 476.782 27.2236H473.81C473.81 26.3607 474.114 25.5298 474.721 24.7308C475.339 23.9211 476.17 23.282 477.214 22.8132C478.269 22.3445 479.424 22.1101 480.682 22.1101C482.674 22.1101 484.234 22.6108 485.364 23.6122C486.493 24.6029 487.079 25.9719 487.121 27.719V35.6769C487.121 37.2642 487.324 38.5266 487.729 39.4641V39.7197H484.629ZM479.723 37.4666C480.65 37.4666 481.528 37.2269 482.359 36.7475C483.19 36.2681 483.792 35.6449 484.165 34.8779V31.3304H481.848C478.226 31.3304 476.415 32.3904 476.415 34.5103C476.415 35.4372 476.724 36.1616 477.342 36.6836C477.96 37.2056 478.753 37.4666 479.723 37.4666ZM495.766 18.243V22.4297H498.994V24.7148H495.766V35.4372C495.766 36.1296 495.91 36.6516 496.198 37.0032C496.485 37.3441 496.975 37.5145 497.668 37.5145C498.009 37.5145 498.478 37.4506 499.074 37.3228V39.7197C498.296 39.9328 497.54 40.0393 496.805 40.0393C495.484 40.0393 494.488 39.6398 493.817 38.8408C493.146 38.0419 492.81 36.9073 492.81 35.4372V24.7148H489.662V22.4297H492.81V18.243H495.766ZM513.136 39.7197C512.966 39.3788 512.827 38.7716 512.721 37.898C511.347 39.3256 509.706 40.0393 507.799 40.0393C506.095 40.0393 504.694 39.5599 503.596 38.6011C502.51 37.6317 501.966 36.4066 501.966 34.9258C501.966 33.1254 502.648 31.7299 504.012 30.7391C505.386 29.7377 507.314 29.2371 509.797 29.2371H512.673V27.8788C512.673 26.8454 512.364 26.0251 511.746 25.4179C511.128 24.8 510.217 24.4911 509.014 24.4911C507.959 24.4911 507.075 24.7574 506.361 25.2901C505.647 25.8227 505.29 26.4672 505.29 27.2236H502.318C502.318 26.3607 502.622 25.5298 503.229 24.7308C503.847 23.9211 504.678 23.282 505.722 22.8132C506.776 22.3445 507.932 22.1101 509.189 22.1101C511.181 22.1101 512.742 22.6108 513.871 23.6122C515.001 24.6029 515.586 25.9719 515.629 27.719V35.6769C515.629 37.2642 515.832 38.5266 516.236 39.4641V39.7197H513.136ZM508.231 37.4666C509.157 37.4666 510.036 37.2269 510.867 36.7475C511.698 36.2681 512.3 35.6449 512.673 34.8779V31.3304H510.356C506.734 31.3304 504.923 32.3904 504.923 34.5103C504.923 35.4372 505.232 36.1616 505.85 36.6836C506.467 37.2056 507.261 37.4666 508.231 37.4666ZM541.996 28.9654H531.912V37.2109H543.626V39.7197H528.844V16.4533H543.466V18.9781H531.912V26.4566H541.996V28.9654ZM552.782 28.7417L556.617 22.4297H560.069L554.412 30.9788L560.244 39.7197H556.825L552.83 33.248L548.835 39.7197H545.399L551.232 30.9788L545.575 22.4297H548.995L552.782 28.7417ZM577.822 31.2665C577.822 33.8978 577.22 36.0178 576.016 37.6264C574.813 39.235 573.183 40.0393 571.127 40.0393C569.028 40.0393 567.377 39.3735 566.173 38.0419V46.3673H563.217V22.4297H565.917L566.061 24.3473C567.265 22.8558 568.937 22.1101 571.079 22.1101C573.156 22.1101 574.797 22.8931 576 24.4591C577.215 26.0251 577.822 28.2037 577.822 30.9948V31.2665ZM574.866 30.9309C574.866 28.9814 574.45 27.442 573.619 26.3128C572.788 25.1835 571.649 24.6189 570.2 24.6189C568.41 24.6189 567.068 25.4126 566.173 26.9999V35.2614C567.057 36.8381 568.41 37.6264 570.232 37.6264C571.649 37.6264 572.772 37.0671 573.603 35.9485C574.445 34.8193 574.866 33.1467 574.866 30.9309ZM584.805 39.7197H581.849V15.1749H584.805V39.7197ZM588.768 30.9149C588.768 29.2211 589.098 27.6977 589.759 26.3447C590.43 24.9918 591.357 23.9478 592.539 23.2127C593.732 22.4776 595.091 22.1101 596.614 22.1101C598.968 22.1101 600.87 22.9251 602.319 24.555C603.778 26.1849 604.508 28.3528 604.508 31.0587V31.2665C604.508 32.9497 604.183 34.4624 603.533 35.8047C602.894 37.1363 601.973 38.175 600.769 38.9207C599.576 39.6665 598.201 40.0393 596.646 40.0393C594.302 40.0393 592.401 39.2244 590.941 37.5944C589.493 35.9645 588.768 33.8072 588.768 31.1227V30.9149ZM591.74 31.2665C591.74 33.184 592.182 34.7234 593.067 35.8846C593.962 37.0458 595.155 37.6264 596.646 37.6264C598.148 37.6264 599.341 37.0405 600.226 35.8686C601.11 34.6861 601.552 33.0349 601.552 30.9149C601.552 29.0187 601.099 27.4846 600.194 26.3128C599.299 25.1303 598.106 24.539 596.614 24.539C595.155 24.539 593.978 25.1196 593.083 26.2808C592.188 27.442 591.74 29.1039 591.74 31.2665ZM616.573 25.0823C616.125 25.0078 615.641 24.9705 615.119 24.9705C613.18 24.9705 611.864 25.7961 611.172 27.4473V39.7197H608.215V22.4297H611.092L611.14 24.4272C612.109 22.8825 613.483 22.1101 615.262 22.1101C615.838 22.1101 616.275 22.1847 616.573 22.3338V25.0823ZM626.161 40.0393C623.817 40.0393 621.91 39.2723 620.44 37.7382C618.97 36.1935 618.235 34.1322 618.235 31.5541V31.0108C618.235 29.2956 618.56 27.7669 619.209 26.4246C619.87 25.0717 620.786 24.017 621.958 23.2606C623.14 22.4936 624.419 22.1101 625.793 22.1101C628.041 22.1101 629.788 22.8505 631.034 24.3313C632.281 25.8121 632.904 27.932 632.904 30.6912V31.9216H621.191C621.234 33.6261 621.729 35.0057 622.677 36.0604C623.636 37.1044 624.85 37.6264 626.32 37.6264C627.364 37.6264 628.249 37.4133 628.973 36.9872C629.697 36.5611 630.331 35.9965 630.875 35.2934L632.68 36.6996C631.231 38.9261 629.058 40.0393 626.161 40.0393ZM625.793 24.539C624.6 24.539 623.599 24.9758 622.789 25.8494C621.979 26.7123 621.479 27.9267 621.287 29.4927H629.948V29.269C629.863 27.7669 629.458 26.6057 628.733 25.7854C628.009 24.9545 627.029 24.539 625.793 24.539ZM644.697 25.0823C644.25 25.0078 643.765 24.9705 643.243 24.9705C641.304 24.9705 639.988 25.7961 639.296 27.4473V39.7197H636.34V22.4297H639.216L639.264 24.4272C640.233 22.8825 641.608 22.1101 643.387 22.1101C643.962 22.1101 644.399 22.1847 644.697 22.3338V25.0823Z"
-      fill="#252C34"
+      fill={appColors.COMMON.PRIMARY_COLOR_1}
     />
   </svg>
 );