D1APP-30 settings page (static) + system chrome

lib/assets/images/categories/enviromental-dark.svg

@@ -0,0 +1,33 @@
+<svg width="38" height="56" viewBox="0 0 38 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9724 2.8462C11.9806 1.89292 11.803 0.876805 12.2783 0C12.3876 0.114722 12.6061 0.344167 12.7153 0.461621C12.7263 1.27287 12.7263 2.08685 12.6989 2.8981C12.4558 2.88171 12.2155 2.86259 11.9724 2.8462Z" fill="#B8B8B8"/>
+<path d="M7.50391 1.51871C7.62955 1.51325 7.87539 1.50778 7.9983 1.50232C8.38617 2.17973 8.82594 2.82709 9.15099 3.53727C9.05539 3.66838 8.86418 3.93334 8.76858 4.06718C8.31789 3.45533 7.90816 2.81343 7.50664 2.1688C7.50664 2.00764 7.50664 1.67987 7.50391 1.51871Z" fill="#B8B8B8"/>
+<path d="M16.6678 1.54332C16.788 1.52693 17.0284 1.49962 17.1458 1.48596C17.154 1.65531 17.1677 1.99128 17.1731 2.16064C16.8344 2.72878 16.4985 3.29693 16.1625 3.86508C16.045 3.88966 15.8129 3.9361 15.6954 3.95795C15.5698 3.02652 16.2772 2.3136 16.6678 1.54332Z" fill="#B8B8B8"/>
+<path d="M11.2378 4.01255C13.1116 3.72301 15.1356 4.2775 16.4467 5.68694C18.0829 7.25754 18.6401 9.85518 17.736 11.9448C17.3563 13.0073 16.5505 13.8349 15.7229 14.5697C16.4877 15.1051 17.5011 14.7145 18.3779 14.9193C18.7521 15.3728 19.1864 15.7907 19.4759 16.3097C19.6617 16.8505 19.5661 17.4378 19.5852 17.9977C20.2243 18.4894 21.0028 18.9537 21.2323 19.7841C21.8851 21.4503 20.4374 23.5836 18.621 23.4771C14.8734 23.4853 11.1258 23.4907 7.38093 23.4743C5.68468 23.488 4.30802 21.9802 4.15232 20.3495C3.22908 20.2785 2.21024 20.4834 1.38807 19.9589C0.557696 19.4263 -0.11698 18.4894 0.0605663 17.4542C0.0769552 16.4599 0.986537 15.8781 1.57927 15.2089C1.86334 14.4741 1.58473 13.4498 2.35228 12.9554C3.05154 12.2944 4.04033 12.3408 4.92806 12.4364C5.29954 11.6525 5.86769 10.9997 6.49047 10.4069C6.43857 8.69977 6.98214 6.94889 8.20584 5.72245C9.00343 4.83199 10.137 4.38949 11.2378 4.01255ZM8.87778 6.11032C7.83709 7.07454 7.31811 8.47305 7.22797 9.86884C8.09111 9.86884 8.96792 9.79236 9.82287 9.94805C11.0957 10.2676 11.4863 11.9256 12.8466 12.0622C13.9228 12.2725 14.745 13.0483 15.4852 13.8104C16.1299 13.1657 16.7909 12.4883 17.1105 11.6115C17.9381 9.5274 17.1869 6.9844 15.3732 5.67056C13.4858 4.24199 10.5413 4.39222 8.87778 6.11032ZM5.3569 13.57C4.51561 13.2012 3.20177 12.8024 2.64181 13.8022C2.17473 14.3594 2.50251 15.045 2.65547 15.6514C2.13376 15.9682 1.52191 16.1949 1.13404 16.6839C0.71339 17.3859 0.920981 18.2873 1.29519 18.9592C2.05181 19.6366 3.12255 19.5656 4.06765 19.5765C4.44732 17.8502 5.91412 16.3479 7.7688 16.4299C7.96547 15.4684 8.10204 14.4304 8.76306 13.6547C9.35579 12.8325 10.3118 12.4337 11.1941 12.0103C10.4265 11.0816 9.22741 10.3605 7.98459 10.6555C6.5369 10.8795 5.7994 12.3272 5.3569 13.57ZM8.96519 14.6517C8.52815 15.3919 8.64561 16.2796 8.64014 17.0963C7.33723 16.9843 5.92232 17.3941 5.22306 18.5795C4.06218 20.3113 5.60274 22.8843 7.65135 22.8079C11.2187 22.8242 14.786 22.8133 18.3533 22.8133C19.8583 22.9772 21.2377 21.1089 20.3828 19.7705C20.0768 19.0685 19.3284 18.7899 18.692 18.473C18.7876 17.6017 19.0334 16.5337 18.2194 15.9136C17.4246 15.1788 16.3784 15.6951 15.5617 16.0939C15.2367 14.6735 14.3353 13.2204 12.8412 12.8462C11.3143 12.3599 9.68903 13.3105 8.96519 14.6517Z" fill="#B8B8B8"/>
+<path d="M4.14697 5.44931C4.19068 5.2663 4.27808 4.90574 4.32179 4.72546C5.07568 5.27722 6.30757 5.46569 6.55614 6.48727C5.62197 6.53097 4.91452 5.86722 4.14697 5.44931Z" fill="#B8B8B8"/>
+<path d="M18.2495 5.97101C18.9078 5.58587 19.5361 5.14337 20.2353 4.83472C20.3774 4.91939 20.6642 5.08601 20.8062 5.17069C20.1889 5.65962 19.5306 6.08574 18.8477 6.47634C18.6838 6.45995 18.3533 6.4299 18.1895 6.41624C18.2031 6.30425 18.2332 6.08027 18.2495 5.97101Z" fill="#B8B8B8"/>
+<path d="M2.89868 9.43732C3.74271 9.40727 4.58674 9.40727 5.43349 9.43459C5.40891 9.68315 5.38706 9.93172 5.36521 10.1803C4.55669 10.1857 3.7509 10.1857 2.94238 10.1721C2.92873 9.92625 2.91234 9.68042 2.89868 9.43732Z" fill="#B8B8B8"/>
+<path d="M19.252 9.43726C20.1397 9.39902 21.0301 9.39902 21.9179 9.47004C21.9561 9.57384 22.0326 9.7787 22.0708 9.87976C21.9015 9.95624 21.5628 10.1092 21.3934 10.1857C20.6969 10.183 20.0031 10.1802 19.312 10.1748C19.2902 9.92893 19.2711 9.6831 19.252 9.43726Z" fill="#B8B8B8"/>
+<path d="M18.0583 13.3788C18.1949 13.2804 18.4708 13.0838 18.6101 12.9882C19.323 13.305 19.954 13.7694 20.615 14.1791C20.6232 14.302 20.6341 14.5506 20.6396 14.6762C19.6208 14.6598 18.8341 13.9442 18.0583 13.3788Z" fill="#B8B8B8"/>
+<path d="M27.1514 20.4615C27.105 19.0384 28.2987 18.0796 29.2492 17.2137C30.5822 18.0277 31.6939 19.4891 31.4781 21.1225C31.3606 22.2861 30.5357 23.1629 29.7354 23.9332C29.7381 24.4221 29.7409 24.9111 29.7409 25.4C30.8799 24.3975 32.5161 23.9441 33.961 24.5068C34.0566 25.7168 34.114 27.0744 33.2836 28.0659C32.5243 29.1121 31.2077 29.4726 29.9703 29.4726C29.4787 30.0053 29.8529 30.893 29.7327 31.5622C30.8635 30.5297 32.5816 30.0572 34.002 30.7564C34.0348 31.9637 34.1058 33.3213 33.2426 34.2855C32.4368 35.3754 31.0247 35.6813 29.7409 35.643C29.7436 36.3286 29.7436 37.0142 29.7381 37.6998C30.8963 36.6865 32.4915 36.3942 33.9637 36.7985C34.0402 37.9539 34.1194 39.2213 33.4093 40.2128C32.6636 41.472 31.1066 41.8216 29.7436 41.7424C29.7491 42.4226 29.6425 43.1382 29.9348 43.7774C32.7182 43.9795 35.3841 44.9164 37.9435 45.9735C37.9517 46.1428 37.9626 46.4843 37.9681 46.6564C36.993 46.7629 36.1708 46.162 35.2776 45.8861C30.4511 44.2609 25.2886 43.8757 20.2271 44.1707C16.6407 44.493 13.0324 45.1213 9.72186 46.5799C9.24931 46.7902 8.76311 46.7274 8.8314 46.0937C11.3198 44.6924 14.1933 44.1571 16.9767 43.6435C18.2523 43.5643 19.5088 43.2611 20.7953 43.2775C23.4831 43.242 26.2036 43.1054 28.8641 43.5753C28.8668 42.9634 28.8668 42.3488 28.8668 41.737C27.9162 41.7315 26.8892 41.7233 26.0916 41.1306C24.6986 40.1828 24.3271 38.2735 24.7723 36.7274C26.2063 36.4816 27.7988 36.6346 28.8586 37.7408C28.8641 37.0388 28.8695 36.3368 28.875 35.6376C27.7606 35.6485 26.5505 35.4873 25.7119 34.687C24.5948 33.6409 24.3735 31.931 24.8078 30.516C26.2528 30.2811 27.7824 30.5051 28.8832 31.5376C28.8695 30.8384 28.8641 30.1391 28.8559 29.4426C27.919 29.4371 26.9029 29.4071 26.1244 28.8143C24.7505 27.902 24.1932 25.908 24.8597 24.4248C26.2637 24.1435 27.8097 24.362 28.8586 25.4082C28.8613 24.8919 28.8668 24.3784 28.8668 23.8622C27.878 23.0181 26.9466 21.8518 27.1514 20.4615ZM28.0173 20.4697C27.8999 21.3874 28.4106 22.2533 29.0689 22.8488C29.7218 23.1137 30.0195 22.2397 30.3309 21.8217C31.0274 20.5707 30.2817 19.123 29.2656 18.3145C28.7193 18.9373 28.0883 19.5983 28.0173 20.4697ZM25.5235 25.1979C25.5426 25.9927 25.477 26.875 26.037 27.5196C26.6707 28.4128 27.837 28.5822 28.8559 28.5548C28.8941 27.5305 28.7111 26.3615 27.8043 25.736C27.1706 25.1924 26.3101 25.2033 25.5235 25.1979ZM30.9099 25.6731C29.9621 26.2795 29.577 27.5196 29.8774 28.5849C30.6423 28.5275 31.4863 28.5357 32.0954 27.9894C32.9722 27.3694 33.1662 26.2331 33.1989 25.2306C32.4177 25.1951 31.5655 25.1678 30.9099 25.6731ZM26.0971 33.7228C26.7472 34.5614 27.8589 34.7007 28.8422 34.758C28.8559 33.8758 28.8313 32.887 28.1703 32.2178C27.5366 31.4502 26.4877 31.3191 25.5563 31.2918C25.518 32.1249 25.4743 33.07 26.0971 33.7228ZM31.784 31.4393C30.6587 31.6797 29.8337 32.7067 29.7655 33.843C29.6507 34.2172 29.7709 34.9165 30.3254 34.7225C31.9862 34.758 33.3355 33.2038 33.1853 31.5731C32.852 31.1224 32.2402 31.3601 31.784 31.4393ZM25.5098 37.5196C25.5453 38.3035 25.477 39.1776 26.0343 39.814C26.6707 40.7045 27.8398 40.9011 28.8641 40.8547C28.8887 39.8277 28.7002 38.6641 27.7961 38.0303C27.1706 37.4595 26.2937 37.525 25.5098 37.5196ZM30.9455 37.9429C29.9867 38.5575 29.5825 39.814 29.8665 40.8984C30.7078 40.8438 31.6311 40.7755 32.2675 40.1472C33.0187 39.4999 33.1662 38.4619 33.2071 37.5305C32.4423 37.5414 31.5901 37.4403 30.9455 37.9429Z" fill="#B8B8B8"/>
+<path d="M6.39481 25.6022C6.12166 25.0695 6.74444 24.9794 7.08588 24.7827C7.65949 25.4902 9.11263 26.0747 8.58273 27.17C7.5994 27.2356 7.07222 26.1648 6.39481 25.6022Z" fill="#B8B8B8"/>
+<path d="M15.4634 25.1297C15.6245 25.0423 15.9441 24.8674 16.1053 24.78C16.6625 25.3454 17.2935 25.8535 17.766 26.4981C17.7687 26.9925 17.4956 27.3722 16.9684 27.14C16.403 26.55 15.4798 26.0229 15.4634 25.1297Z" fill="#B8B8B8"/>
+<path d="M12.9014 26.886C13.1909 26.8805 13.4777 26.875 13.7673 26.8723C14.2425 27.5443 15.5209 28.0441 15.1111 28.9974C14.2917 29.3607 13.811 28.4347 13.2783 27.9813C12.9232 27.7136 12.8741 27.2957 12.9014 26.886Z" fill="#B8B8B8"/>
+<path d="M9.45691 28.5276C9.17011 28.1834 9.68909 27.8529 9.82566 27.5715C10.4266 28.1943 11.358 28.6614 11.6175 29.5163C11.8825 30.0626 11.0931 30.0654 10.7926 29.9452C10.2927 29.5327 9.83659 29.0547 9.45691 28.5276Z" fill="#B8B8B8"/>
+<path d="M18.4433 28.5358C18.1374 28.1861 18.6701 27.831 18.8613 27.5852C19.5032 28.1971 20.2215 28.7488 20.7378 29.4809C20.7706 30.019 20.1614 30.0736 19.7681 29.9616C19.2655 29.5491 18.8258 29.0602 18.4433 28.5358Z" fill="#B8B8B8"/>
+<path d="M16.2556 30.1446C17.299 29.9534 17.8781 31.0351 18.4872 31.6797C18.5637 32.2506 18.3179 32.4883 17.7497 32.3954C17.1188 31.7699 16.0289 31.1908 16.2556 30.1446Z" fill="#B8B8B8"/>
+<path d="M12.0571 31.1006C12.3412 30.9231 12.6171 30.497 12.9995 30.7264C13.7151 31.2645 14.6056 31.8764 14.5346 32.8925C13.3409 33.1274 12.7482 31.8354 12.0571 31.1006Z" fill="#B8B8B8"/>
+<path d="M21.2677 30.8739C21.4124 30.7974 21.7047 30.6472 21.8495 30.5707C22.505 31.1607 23.2207 31.7179 23.6768 32.4854C23.4419 33.0673 22.6908 33.0673 22.3521 32.5892C21.9396 32.073 21 31.6442 21.2677 30.8739Z" fill="#B8B8B8"/>
+<path d="M19.6071 33.4661C19.771 33.4442 20.0933 33.4005 20.2545 33.3787C20.768 33.8867 21.2788 34.3948 21.7923 34.9056C21.7704 35.1159 21.724 35.5365 21.7022 35.7469C20.6287 35.9053 20.1698 34.6952 19.4514 34.1216C19.4897 33.9577 19.5689 33.63 19.6071 33.4661Z" fill="#B8B8B8"/>
+<path d="M10.9702 47.6369C12.3196 47.4785 13.6826 47.5276 15.0374 47.5795C14.9582 47.8718 15.0374 48.4044 14.5812 48.388C13.4395 48.3416 12.1475 48.6885 11.1041 48.1313L10.9702 47.6369Z" fill="#B8B8B8"/>
+<path d="M16.7691 47.5852C18.9188 47.5087 21.0766 47.5169 23.2263 47.5824C23.1689 47.8583 23.1089 48.1342 23.0515 48.4128C20.9592 48.3391 18.845 48.574 16.7664 48.2762C16.7664 48.1041 16.7691 47.7573 16.7691 47.5852Z" fill="#B8B8B8"/>
+<path d="M26.0942 47.6862C27.3125 47.4431 28.558 47.5796 29.7899 47.5523C31.6828 47.5769 33.5785 47.4868 35.4687 47.607C35.4277 47.8883 35.3867 48.1696 35.343 48.4537C32.3821 48.4838 29.4212 48.4455 26.463 48.4728C26.3701 48.2762 26.1871 47.8828 26.0942 47.6862Z" fill="#B8B8B8"/>
+<path d="M13.7344 50.9066C15.6328 50.8438 17.5421 50.8056 19.4404 50.9148C19.6672 51.2699 19.5879 51.5212 19.2028 51.666C17.4191 51.7479 15.63 51.6769 13.8464 51.6906C13.8081 51.4283 13.7699 51.1688 13.7344 50.9066Z" fill="#B8B8B8"/>
+<path d="M21.1147 50.882C22.4532 50.8465 23.7943 50.8465 25.1355 50.8847C25.1027 51.1552 25.0727 51.4256 25.0399 51.6987C23.7561 51.696 22.475 51.6987 21.1912 51.696C21.1639 51.4228 21.1393 51.1524 21.1147 50.882Z" fill="#B8B8B8"/>
+<path d="M26.7361 52.7557C26.1133 52.8869 26.1215 51.7041 26.7552 51.8489C28.4542 51.7997 30.1559 51.8735 31.8549 51.8188C31.8959 52.1357 31.8986 52.4553 31.8713 52.7776C30.1586 52.7366 28.446 52.7913 26.7361 52.7557Z" fill="#B8B8B8"/>
+<path d="M33.7314 52.7778C33.7095 52.4582 33.7122 52.1413 33.7396 51.8245C35.0616 51.8927 36.4 51.7043 37.7057 51.9938C37.7029 52.1468 37.7002 52.4554 37.7002 52.6084C36.3946 52.9007 35.0534 52.7067 33.7314 52.7778Z" fill="#B8B8B8"/>
+<path d="M14.226 55.9626C13.6033 56.0637 13.7508 55.4546 13.8573 55.0831C16.8428 55.0776 19.8283 55.0858 22.8138 55.0776C22.9258 55.43 23.0624 56.0637 22.456 55.9654C19.7136 55.9845 16.9684 55.9927 14.226 55.9626Z" fill="#B8B8B8"/>
+<path d="M23.5924 55.3042C24.8871 55.2304 26.2037 55.1212 27.4902 55.3342C27.4875 55.4954 27.4875 55.8177 27.4847 55.9789C26.1846 55.9789 24.8816 56.0444 23.5869 55.9106C23.5869 55.7576 23.5896 55.4544 23.5924 55.3042Z" fill="#B8B8B8"/>
+<path d="M29.3367 55.2495C31.4973 55.2714 33.6715 55.1157 35.8239 55.3397C35.7638 55.4899 35.6409 55.7904 35.5808 55.9433C33.483 56.028 31.3771 56.0089 29.2793 55.9433C29.293 55.7685 29.323 55.4216 29.3367 55.2495Z" fill="#B8B8B8"/>
+<path d="M5.48735 13.9027C5.9407 12.6294 6.69628 11.1462 8.17946 10.9167C9.45275 10.6145 10.6813 11.3533 11.4676 12.3048C10.5637 12.7385 9.58428 13.1471 8.97702 13.9894C8.29979 14.7842 8.15987 15.8476 7.95838 16.8327C6.05823 16.7487 4.55547 18.2878 4.16648 20.0565C3.19822 20.0453 2.10123 20.118 1.32606 19.424C0.942669 18.7356 0.729988 17.8121 1.16095 17.0929C1.55833 16.592 2.18518 16.3597 2.71968 16.0351C2.56297 15.4138 2.22716 14.7114 2.70569 14.1405C3.27937 13.1163 4.62543 13.5249 5.48735 13.9027Z" fill="#007399"/>
+<path d="M9.18818 14.9142C9.92018 13.5871 11.5637 12.6466 13.1078 13.1276C14.6188 13.4979 15.5303 14.9358 15.8591 16.3412C16.685 15.9466 17.7429 15.4358 18.5467 16.1628C19.3699 16.7764 19.1213 17.8332 19.0246 18.6953C19.6682 19.0089 20.4251 19.2845 20.7345 19.9791C21.599 21.3035 20.2041 23.1522 18.6821 22.99C15.0746 22.99 11.4671 23.0008 7.85953 22.9846C5.78784 23.0603 4.22992 20.5143 5.40388 18.8007C6.11102 17.6277 7.54187 17.2223 8.85947 17.3331C8.865 16.525 8.74622 15.6466 9.18818 14.9142Z" fill="#007399"/>
+</svg>

lib/assets/images/categories/enviromental-light.svg

@@ -0,0 +1,33 @@
+<svg width="38" height="56" viewBox="0 0 38 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9724 2.8462C11.9806 1.89292 11.803 0.876805 12.2783 0C12.3876 0.114722 12.6061 0.344167 12.7153 0.461621C12.7263 1.27287 12.7263 2.08685 12.6989 2.8981C12.4558 2.88171 12.2155 2.86259 11.9724 2.8462Z" fill="#1B3C59"/>
+<path d="M7.50391 1.51871C7.62955 1.51325 7.87539 1.50778 7.9983 1.50232C8.38617 2.17973 8.82594 2.82709 9.15099 3.53727C9.05539 3.66838 8.86418 3.93334 8.76858 4.06718C8.31789 3.45533 7.90816 2.81343 7.50664 2.1688C7.50664 2.00764 7.50664 1.67987 7.50391 1.51871Z" fill="#1B3C59"/>
+<path d="M16.6678 1.54332C16.788 1.52693 17.0284 1.49962 17.1458 1.48596C17.154 1.65531 17.1677 1.99128 17.1731 2.16064C16.8344 2.72878 16.4985 3.29693 16.1625 3.86508C16.045 3.88966 15.8129 3.9361 15.6954 3.95795C15.5698 3.02652 16.2772 2.3136 16.6678 1.54332Z" fill="#1B3C59"/>
+<path d="M11.2378 4.01255C13.1116 3.72301 15.1356 4.2775 16.4467 5.68694C18.0829 7.25754 18.6401 9.85518 17.736 11.9448C17.3563 13.0073 16.5505 13.8349 15.7229 14.5697C16.4877 15.1051 17.5011 14.7145 18.3779 14.9193C18.7521 15.3728 19.1864 15.7907 19.4759 16.3097C19.6617 16.8505 19.5661 17.4378 19.5852 17.9977C20.2243 18.4894 21.0028 18.9537 21.2323 19.7841C21.8851 21.4503 20.4374 23.5836 18.621 23.4771C14.8734 23.4853 11.1258 23.4907 7.38093 23.4743C5.68468 23.488 4.30802 21.9802 4.15232 20.3495C3.22908 20.2785 2.21024 20.4834 1.38807 19.9589C0.557696 19.4263 -0.11698 18.4894 0.0605663 17.4542C0.0769552 16.4599 0.986537 15.8781 1.57927 15.2089C1.86334 14.4741 1.58473 13.4498 2.35228 12.9554C3.05154 12.2944 4.04033 12.3408 4.92806 12.4364C5.29954 11.6525 5.86769 10.9997 6.49047 10.4069C6.43857 8.69977 6.98214 6.94889 8.20584 5.72245C9.00343 4.83199 10.137 4.38949 11.2378 4.01255ZM8.87778 6.11032C7.83709 7.07454 7.31811 8.47305 7.22797 9.86884C8.09111 9.86884 8.96792 9.79236 9.82287 9.94805C11.0957 10.2676 11.4863 11.9256 12.8466 12.0622C13.9228 12.2725 14.745 13.0483 15.4852 13.8104C16.1299 13.1657 16.7909 12.4883 17.1105 11.6115C17.9381 9.5274 17.1869 6.9844 15.3732 5.67056C13.4858 4.24199 10.5413 4.39222 8.87778 6.11032ZM5.3569 13.57C4.51561 13.2012 3.20177 12.8024 2.64181 13.8022C2.17473 14.3594 2.50251 15.045 2.65547 15.6514C2.13376 15.9682 1.52191 16.1949 1.13404 16.6839C0.71339 17.3859 0.920981 18.2873 1.29519 18.9592C2.05181 19.6366 3.12255 19.5656 4.06765 19.5765C4.44732 17.8502 5.91412 16.3479 7.7688 16.4299C7.96547 15.4684 8.10204 14.4304 8.76306 13.6547C9.35579 12.8325 10.3118 12.4337 11.1941 12.0103C10.4265 11.0816 9.22741 10.3605 7.98459 10.6555C6.5369 10.8795 5.7994 12.3272 5.3569 13.57ZM8.96519 14.6517C8.52815 15.3919 8.64561 16.2796 8.64014 17.0963C7.33723 16.9843 5.92232 17.3941 5.22306 18.5795C4.06218 20.3113 5.60274 22.8843 7.65135 22.8079C11.2187 22.8242 14.786 22.8133 18.3533 22.8133C19.8583 22.9772 21.2377 21.1089 20.3828 19.7705C20.0768 19.0685 19.3284 18.7899 18.692 18.473C18.7876 17.6017 19.0334 16.5337 18.2194 15.9136C17.4246 15.1788 16.3784 15.6951 15.5617 16.0939C15.2367 14.6735 14.3353 13.2204 12.8412 12.8462C11.3143 12.3599 9.68903 13.3105 8.96519 14.6517Z" fill="#1B3C59"/>
+<path d="M4.14697 5.44931C4.19068 5.2663 4.27808 4.90574 4.32179 4.72546C5.07568 5.27722 6.30757 5.46569 6.55614 6.48727C5.62197 6.53097 4.91452 5.86722 4.14697 5.44931Z" fill="#1B3C59"/>
+<path d="M18.2495 5.97101C18.9078 5.58587 19.5361 5.14337 20.2353 4.83472C20.3774 4.91939 20.6642 5.08601 20.8062 5.17069C20.1889 5.65962 19.5306 6.08574 18.8477 6.47634C18.6838 6.45995 18.3533 6.4299 18.1895 6.41624C18.2031 6.30425 18.2332 6.08027 18.2495 5.97101Z" fill="#1B3C59"/>
+<path d="M2.89868 9.43732C3.74271 9.40727 4.58674 9.40727 5.43349 9.43459C5.40891 9.68315 5.38706 9.93172 5.36521 10.1803C4.55669 10.1857 3.7509 10.1857 2.94238 10.1721C2.92873 9.92625 2.91234 9.68042 2.89868 9.43732Z" fill="#1B3C59"/>
+<path d="M19.252 9.43726C20.1397 9.39902 21.0301 9.39902 21.9179 9.47004C21.9561 9.57384 22.0326 9.7787 22.0708 9.87976C21.9015 9.95624 21.5628 10.1092 21.3934 10.1857C20.6969 10.183 20.0031 10.1802 19.312 10.1748C19.2902 9.92893 19.2711 9.6831 19.252 9.43726Z" fill="#1B3C59"/>
+<path d="M18.0583 13.3788C18.1949 13.2804 18.4708 13.0838 18.6101 12.9882C19.323 13.305 19.954 13.7694 20.615 14.1791C20.6232 14.302 20.6341 14.5506 20.6396 14.6762C19.6208 14.6598 18.8341 13.9442 18.0583 13.3788Z" fill="#1B3C59"/>
+<path d="M27.1514 20.4615C27.105 19.0384 28.2987 18.0796 29.2492 17.2137C30.5822 18.0277 31.6939 19.4891 31.4781 21.1225C31.3606 22.2861 30.5357 23.1629 29.7354 23.9332C29.7381 24.4221 29.7409 24.9111 29.7409 25.4C30.8799 24.3975 32.5161 23.9441 33.961 24.5068C34.0566 25.7168 34.114 27.0744 33.2836 28.0659C32.5243 29.1121 31.2077 29.4726 29.9703 29.4726C29.4787 30.0053 29.8529 30.893 29.7327 31.5622C30.8635 30.5297 32.5816 30.0572 34.002 30.7564C34.0348 31.9637 34.1058 33.3213 33.2426 34.2855C32.4368 35.3754 31.0247 35.6813 29.7409 35.643C29.7436 36.3286 29.7436 37.0142 29.7381 37.6998C30.8963 36.6865 32.4915 36.3942 33.9637 36.7985C34.0402 37.9539 34.1194 39.2213 33.4093 40.2128C32.6636 41.472 31.1066 41.8216 29.7436 41.7424C29.7491 42.4226 29.6425 43.1382 29.9348 43.7774C32.7182 43.9795 35.3841 44.9164 37.9435 45.9735C37.9517 46.1428 37.9626 46.4843 37.9681 46.6564C36.993 46.7629 36.1708 46.162 35.2776 45.8861C30.4511 44.2609 25.2886 43.8757 20.2271 44.1707C16.6407 44.493 13.0324 45.1213 9.72186 46.5799C9.24931 46.7902 8.76311 46.7274 8.8314 46.0937C11.3198 44.6924 14.1933 44.1571 16.9767 43.6435C18.2523 43.5643 19.5088 43.2611 20.7953 43.2775C23.4831 43.242 26.2036 43.1054 28.8641 43.5753C28.8668 42.9634 28.8668 42.3488 28.8668 41.737C27.9162 41.7315 26.8892 41.7233 26.0916 41.1306C24.6986 40.1828 24.3271 38.2735 24.7723 36.7274C26.2063 36.4816 27.7988 36.6346 28.8586 37.7408C28.8641 37.0388 28.8695 36.3368 28.875 35.6376C27.7606 35.6485 26.5505 35.4873 25.7119 34.687C24.5948 33.6409 24.3735 31.931 24.8078 30.516C26.2528 30.2811 27.7824 30.5051 28.8832 31.5376C28.8695 30.8384 28.8641 30.1391 28.8559 29.4426C27.919 29.4371 26.9029 29.4071 26.1244 28.8143C24.7505 27.902 24.1932 25.908 24.8597 24.4248C26.2637 24.1435 27.8097 24.362 28.8586 25.4082C28.8613 24.8919 28.8668 24.3784 28.8668 23.8622C27.878 23.0181 26.9466 21.8518 27.1514 20.4615ZM28.0173 20.4697C27.8999 21.3874 28.4106 22.2533 29.0689 22.8488C29.7218 23.1137 30.0195 22.2397 30.3309 21.8217C31.0274 20.5707 30.2817 19.123 29.2656 18.3145C28.7193 18.9373 28.0883 19.5983 28.0173 20.4697ZM25.5235 25.1979C25.5426 25.9927 25.477 26.875 26.037 27.5196C26.6707 28.4128 27.837 28.5822 28.8559 28.5548C28.8941 27.5305 28.7111 26.3615 27.8043 25.736C27.1706 25.1924 26.3101 25.2033 25.5235 25.1979ZM30.9099 25.6731C29.9621 26.2795 29.577 27.5196 29.8774 28.5849C30.6423 28.5275 31.4863 28.5357 32.0954 27.9894C32.9722 27.3694 33.1662 26.2331 33.1989 25.2306C32.4177 25.1951 31.5655 25.1678 30.9099 25.6731ZM26.0971 33.7228C26.7472 34.5614 27.8589 34.7007 28.8422 34.758C28.8559 33.8758 28.8313 32.887 28.1703 32.2178C27.5366 31.4502 26.4877 31.3191 25.5563 31.2918C25.518 32.1249 25.4743 33.07 26.0971 33.7228ZM31.784 31.4393C30.6587 31.6797 29.8337 32.7067 29.7655 33.843C29.6507 34.2172 29.7709 34.9165 30.3254 34.7225C31.9862 34.758 33.3355 33.2038 33.1853 31.5731C32.852 31.1224 32.2402 31.3601 31.784 31.4393ZM25.5098 37.5196C25.5453 38.3035 25.477 39.1776 26.0343 39.814C26.6707 40.7045 27.8398 40.9011 28.8641 40.8547C28.8887 39.8277 28.7002 38.6641 27.7961 38.0303C27.1706 37.4595 26.2937 37.525 25.5098 37.5196ZM30.9455 37.9429C29.9867 38.5575 29.5825 39.814 29.8665 40.8984C30.7078 40.8438 31.6311 40.7755 32.2675 40.1472C33.0187 39.4999 33.1662 38.4619 33.2071 37.5305C32.4423 37.5414 31.5901 37.4403 30.9455 37.9429Z" fill="#1B3C59"/>
+<path d="M6.39481 25.6022C6.12166 25.0695 6.74444 24.9794 7.08588 24.7827C7.65949 25.4902 9.11263 26.0747 8.58273 27.17C7.5994 27.2356 7.07222 26.1648 6.39481 25.6022Z" fill="#1B3C59"/>
+<path d="M15.4634 25.1297C15.6245 25.0423 15.9441 24.8674 16.1053 24.78C16.6625 25.3454 17.2935 25.8535 17.766 26.4981C17.7687 26.9925 17.4956 27.3722 16.9684 27.14C16.403 26.55 15.4798 26.0229 15.4634 25.1297Z" fill="#1B3C59"/>
+<path d="M12.9014 26.886C13.1909 26.8805 13.4777 26.875 13.7673 26.8723C14.2425 27.5443 15.5209 28.0441 15.1111 28.9974C14.2917 29.3607 13.811 28.4347 13.2783 27.9813C12.9232 27.7136 12.8741 27.2957 12.9014 26.886Z" fill="#1B3C59"/>
+<path d="M9.45691 28.5276C9.17011 28.1834 9.68909 27.8529 9.82566 27.5715C10.4266 28.1943 11.358 28.6614 11.6175 29.5163C11.8825 30.0626 11.0931 30.0654 10.7926 29.9452C10.2927 29.5327 9.83659 29.0547 9.45691 28.5276Z" fill="#1B3C59"/>
+<path d="M18.4433 28.5358C18.1374 28.1861 18.6701 27.831 18.8613 27.5852C19.5032 28.1971 20.2215 28.7488 20.7378 29.4809C20.7706 30.019 20.1614 30.0736 19.7681 29.9616C19.2655 29.5491 18.8258 29.0602 18.4433 28.5358Z" fill="#1B3C59"/>
+<path d="M16.2556 30.1446C17.299 29.9534 17.8781 31.0351 18.4872 31.6797C18.5637 32.2506 18.3179 32.4883 17.7497 32.3954C17.1188 31.7699 16.0289 31.1908 16.2556 30.1446Z" fill="#1B3C59"/>
+<path d="M12.0571 31.1006C12.3412 30.9231 12.6171 30.497 12.9995 30.7264C13.7151 31.2645 14.6056 31.8764 14.5346 32.8925C13.3409 33.1274 12.7482 31.8354 12.0571 31.1006Z" fill="#1B3C59"/>
+<path d="M21.2677 30.8739C21.4124 30.7974 21.7047 30.6472 21.8495 30.5707C22.505 31.1607 23.2207 31.7179 23.6768 32.4854C23.4419 33.0673 22.6908 33.0673 22.3521 32.5892C21.9396 32.073 21 31.6442 21.2677 30.8739Z" fill="#1B3C59"/>
+<path d="M19.6071 33.4661C19.771 33.4442 20.0933 33.4005 20.2545 33.3787C20.768 33.8867 21.2788 34.3948 21.7923 34.9056C21.7704 35.1159 21.724 35.5365 21.7022 35.7469C20.6287 35.9053 20.1698 34.6952 19.4514 34.1216C19.4897 33.9577 19.5689 33.63 19.6071 33.4661Z" fill="#1B3C59"/>
+<path d="M10.9702 47.6369C12.3196 47.4785 13.6826 47.5276 15.0374 47.5795C14.9582 47.8718 15.0374 48.4044 14.5812 48.388C13.4395 48.3416 12.1475 48.6885 11.1041 48.1313L10.9702 47.6369Z" fill="#1B3C59"/>
+<path d="M16.7691 47.5852C18.9188 47.5087 21.0766 47.5169 23.2263 47.5824C23.1689 47.8583 23.1089 48.1342 23.0515 48.4128C20.9592 48.3391 18.845 48.574 16.7664 48.2762C16.7664 48.1041 16.7691 47.7573 16.7691 47.5852Z" fill="#1B3C59"/>
+<path d="M26.0942 47.6862C27.3125 47.4431 28.558 47.5796 29.7899 47.5523C31.6828 47.5769 33.5785 47.4868 35.4687 47.607C35.4277 47.8883 35.3867 48.1696 35.343 48.4537C32.3821 48.4838 29.4212 48.4455 26.463 48.4728C26.3701 48.2762 26.1871 47.8828 26.0942 47.6862Z" fill="#1B3C59"/>
+<path d="M13.7344 50.9066C15.6328 50.8438 17.5421 50.8056 19.4404 50.9148C19.6672 51.2699 19.5879 51.5212 19.2028 51.666C17.4191 51.7479 15.63 51.6769 13.8464 51.6906C13.8081 51.4283 13.7699 51.1688 13.7344 50.9066Z" fill="#1B3C59"/>
+<path d="M21.1147 50.882C22.4532 50.8465 23.7943 50.8465 25.1355 50.8847C25.1027 51.1552 25.0727 51.4256 25.0399 51.6987C23.7561 51.696 22.475 51.6987 21.1912 51.696C21.1639 51.4228 21.1393 51.1524 21.1147 50.882Z" fill="#1B3C59"/>
+<path d="M26.7361 52.7557C26.1133 52.8869 26.1215 51.7041 26.7552 51.8489C28.4542 51.7997 30.1559 51.8735 31.8549 51.8188C31.8959 52.1357 31.8986 52.4553 31.8713 52.7776C30.1586 52.7366 28.446 52.7913 26.7361 52.7557Z" fill="#1B3C59"/>
+<path d="M33.7314 52.7778C33.7095 52.4582 33.7122 52.1413 33.7396 51.8245C35.0616 51.8927 36.4 51.7043 37.7057 51.9938C37.7029 52.1468 37.7002 52.4554 37.7002 52.6084C36.3946 52.9007 35.0534 52.7067 33.7314 52.7778Z" fill="#1B3C59"/>
+<path d="M14.226 55.9626C13.6033 56.0637 13.7508 55.4546 13.8573 55.0831C16.8428 55.0776 19.8283 55.0858 22.8138 55.0776C22.9258 55.43 23.0624 56.0637 22.456 55.9654C19.7136 55.9845 16.9684 55.9927 14.226 55.9626Z" fill="#1B3C59"/>
+<path d="M23.5924 55.3042C24.8871 55.2304 26.2037 55.1212 27.4902 55.3342C27.4875 55.4954 27.4875 55.8177 27.4847 55.9789C26.1846 55.9789 24.8816 56.0444 23.5869 55.9106C23.5869 55.7576 23.5896 55.4544 23.5924 55.3042Z" fill="#1B3C59"/>
+<path d="M29.3367 55.2495C31.4973 55.2714 33.6715 55.1157 35.8239 55.3397C35.7638 55.4899 35.6409 55.7904 35.5808 55.9433C33.483 56.028 31.3771 56.0089 29.2793 55.9433C29.293 55.7685 29.323 55.4216 29.3367 55.2495Z" fill="#1B3C59"/>
+<path d="M5.48735 13.9027C5.9407 12.6294 6.69628 11.1462 8.17946 10.9167C9.45275 10.6145 10.6813 11.3533 11.4676 12.3048C10.5637 12.7385 9.58428 13.1471 8.97702 13.9894C8.29979 14.7842 8.15987 15.8476 7.95838 16.8327C6.05823 16.7487 4.55547 18.2878 4.16648 20.0565C3.19822 20.0453 2.10123 20.118 1.32606 19.424C0.942669 18.7356 0.729988 17.8121 1.16095 17.0929C1.55833 16.592 2.18518 16.3597 2.71968 16.0351C2.56297 15.4138 2.22716 14.7114 2.70569 14.1405C3.27937 13.1163 4.62543 13.5249 5.48735 13.9027Z" fill="#007EA7"/>
+<path d="M9.18818 14.9142C9.92018 13.5871 11.5637 12.6466 13.1078 13.1276C14.6188 13.4979 15.5303 14.9358 15.8591 16.3412C16.685 15.9466 17.7429 15.4358 18.5467 16.1628C19.3699 16.7764 19.1213 17.8332 19.0246 18.6953C19.6682 19.0089 20.4251 19.2845 20.7345 19.9791C21.599 21.3035 20.2041 23.1522 18.6821 22.99C15.0746 22.99 11.4671 23.0008 7.85953 22.9846C5.78784 23.0603 4.22992 20.5143 5.40388 18.8007C6.11102 17.6277 7.54187 17.2223 8.85947 17.3331C8.865 16.525 8.74622 15.6466 9.18818 14.9142Z" fill="#007EA7"/>
+</svg>

lib/assets/images/categories/social-dark.svg

@@ -0,0 +1,20 @@
+<svg width="61" height="56" viewBox="0 0 61 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.7533 0.592079C28.2504 -0.0765008 30.8592 -0.0317301 33.4211 0.0369187C34.2181 0.078705 34.7711 1.01591 34.5005 1.76209C34.3328 2.35307 33.7034 2.55902 33.2446 2.85749C28.5004 2.36501 23.615 3.65143 19.6884 6.39141C18.7531 7.30474 17.1149 5.94967 17.5796 4.79756C17.6914 4.38269 17.9796 4.04541 18.3443 3.8335C20.6179 2.35605 23.115 1.20992 25.7533 0.592079Z" fill="#C8E0F4"/>
+<path d="M37.0386 1.05169C37.6769 0.711434 38.3975 1.07856 39.0357 1.24272C40.1357 1.63372 41.2328 2.06949 42.2417 2.66345C43.1387 3.20667 42.8829 4.73187 41.8946 5.00646C40.8475 5.2333 39.8857 4.61248 38.9416 4.2573C38.1357 3.89614 37.1769 3.74691 36.5857 3.02759C36.0974 2.40676 36.3416 1.39792 37.0386 1.05169Z" fill="#007399"/>
+<path d="M25.4003 22.4374C25.9679 22.4433 26.5385 22.4523 27.1091 22.4613C27.1062 23.1 27.1033 23.7417 27.1121 24.3804C26.5415 24.3775 25.9738 24.3775 25.4091 24.3775C25.3297 23.7328 25.3297 23.0821 25.4003 22.4374Z" fill="#007399"/>
+<path d="M28.9267 22.4374C29.4973 22.4433 30.0679 22.4523 30.6415 22.4613C30.6356 23.1 30.6326 23.7417 30.6385 24.3804C30.0709 24.3775 29.5032 24.3775 28.9385 24.3775C28.8591 23.7328 28.8561 23.0821 28.9267 22.4374Z" fill="#007399"/>
+<path d="M32.4563 22.4374C33.0269 22.4433 33.5975 22.4523 34.1681 22.4613C34.1652 23.1 34.1623 23.7417 34.1681 24.3804C33.6005 24.3775 33.0328 24.3775 32.4652 24.3775C32.3887 23.7328 32.3858 23.0821 32.4563 22.4374Z" fill="#007399"/>
+<path d="M8.25883 25.7802C8.60002 25.0728 9.60004 24.843 10.2059 25.3384C10.7971 25.7503 10.7148 26.5532 10.8324 27.18C10.9618 28.4545 11.3383 29.6902 11.7942 30.8811C11.4765 31.5407 11.0177 32.3794 10.153 32.2272C8.96473 32.0302 8.72649 30.5826 8.44119 29.6096C8.22648 28.362 7.60294 26.9979 8.25883 25.7802Z" fill="#007399"/>
+<path d="M52.6214 25.5295C53.3038 25.1265 54.2715 25.5205 54.4891 26.2876C54.7744 27.2606 54.4391 28.2575 54.245 29.2126C53.2656 33.5584 51.0479 37.6146 47.9272 40.7546C47.2478 41.4739 45.8096 41.2888 45.5154 40.2681C45.186 39.3607 46.0537 38.7309 46.536 38.1071C49.1449 35.2477 50.9449 31.6541 51.6861 27.8277C51.942 27.0547 51.8008 25.9682 52.6214 25.5295Z" fill="#C8E0F4"/>
+<path d="M10.8443 32.9972C11.7855 32.4898 12.8149 33.3256 13.2385 34.1553C14.9767 37.3161 17.5444 40.0084 20.6151 41.8559C21.2121 42.223 21.968 42.5364 22.1386 43.3035C22.5739 44.372 21.268 45.5182 20.2915 44.9063C16.0062 42.7513 12.5973 39.0324 10.3325 34.7941C9.94429 34.1852 10.2266 33.3196 10.8443 32.9972Z" fill="#C8E0F4"/>
+<path d="M43.733 40.9607C44.8007 40.5428 45.8889 41.8859 45.2889 42.8679C44.6477 43.7305 43.6213 44.1752 42.7301 44.7155C42.2153 45.0468 41.5124 45.2497 40.9918 44.808C40.0888 44.2319 40.4241 42.7993 41.2389 42.3128C42.0448 41.8203 42.8212 41.2323 43.733 40.9607Z" fill="#007399"/>
+<path opacity="0.98" d="M7.13228 2.00987C9.97645 -0.554011 14.853 1.06968 16.406 4.37378C17.0354 5.49604 16.8678 6.83021 16.8913 8.06589C16.9178 10.188 16.456 12.2982 15.6118 14.2353C15.5148 14.2682 15.3207 14.3308 15.2265 14.3607C16.9266 15.1904 19.1354 15.7665 19.9413 17.6916C20.3296 19.8645 20.8972 22.0374 20.8384 24.264C14.0059 24.3446 7.16757 24.3416 0.335092 24.267C0.299797 21.9538 0.779218 19.6795 1.17334 17.4141C2.29101 15.9307 3.99398 15.1248 5.6646 14.4652C4.47046 12.343 4.29105 9.84479 4.12046 7.45999C4.15869 5.89599 4.5087 4.26932 5.4293 2.9829C5.82637 2.4158 6.51462 2.22179 7.13228 2.00987ZM7.38816 3.09035C6.93521 3.20377 6.34403 3.15899 6.10285 3.65744C5.44107 4.8006 5.14694 6.15268 5.1293 7.46895C5.27048 9.51349 5.43813 11.6028 6.24991 13.5071C6.76168 13.5071 7.27345 13.51 7.78523 13.519C6.54991 11.8655 5.51754 9.88061 5.80872 7.7316C5.68225 7.02721 6.41167 6.85409 6.94698 6.92274C7.07051 6.54965 7.19992 6.17656 7.3264 5.80347C7.58817 5.68109 7.847 5.55573 8.10877 5.43038C9.75585 6.60039 11.6471 7.27792 13.5383 7.91069C14.603 8.17334 14.9001 9.45379 14.6324 10.4089C14.5265 11.5819 13.9442 12.6325 13.1706 13.4891C13.7324 13.4921 14.2942 13.4981 14.8589 13.5011C15.5942 11.7998 15.8795 9.93433 15.8854 8.0838C15.8971 6.75858 16.0001 5.31397 15.2177 4.16485C13.5059 1.76811 9.5882 0.863736 7.38816 3.09035ZM8.08818 6.51085C7.87641 7.35254 7.8617 8.54046 6.74109 8.60911C6.83521 9.10159 6.93227 9.59408 7.02639 10.0895C7.48817 10.8327 7.73229 11.6894 8.15582 12.4564C8.73525 13.2205 9.63821 13.6145 10.4412 14.0801C11.2824 13.6682 12.1559 13.2474 12.7618 12.4982C13.5677 11.6207 13.6118 10.3552 13.8 9.23889C12.0118 8.08678 9.75291 7.91964 8.08818 6.51085ZM8.21465 13.9458C8.92937 14.7009 9.75585 15.3367 10.4853 16.0769C11.35 15.468 12.1324 14.7427 12.8059 13.9219C11.9441 14.292 11.1588 15.0651 10.1529 14.892C9.4382 14.7547 8.8676 14.2413 8.21465 13.9458ZM6.64697 15.0531C5.53519 15.5725 4.4087 16.062 3.34103 16.6679C2.82631 16.9873 2.24395 17.3872 2.1263 18.0349C1.77041 19.7153 1.58806 21.4255 1.24981 23.1089C4.16457 23.1119 7.08228 23.1119 9.99704 23.1089C9.99409 22.5657 9.99115 22.0255 9.99115 21.4852C10.2441 21.4793 10.747 21.4703 11 21.4673C10.9971 22.0106 10.9941 22.5538 10.9912 23.097C13.9442 23.1358 16.9001 23.0821 19.856 23.1298C19.4943 21.2823 19.356 19.3661 18.7795 17.5752C17.656 16.1963 15.806 15.8351 14.3118 15.0114C14.9618 15.8143 15.5648 16.6559 16.1001 17.5424C15.1412 17.426 14.1912 17.2648 13.2353 17.1395C12.5088 17.9454 11.7647 18.7333 11.0147 19.5153C10.9971 19.8556 10.9853 20.1988 10.9706 20.5391C10.6647 20.4764 10.3588 20.4078 10.0529 20.3421C10.1206 18.8915 8.65583 18.1811 7.9117 17.1425C7.00874 17.235 6.11167 17.3842 5.22636 17.5872C5.24401 17.4111 5.2793 17.0589 5.29695 16.8828C5.79108 16.3097 6.22932 15.6859 6.64697 15.0531ZM7.80288 14.9875C7.50875 15.4322 7.21463 15.8739 6.90874 16.3127C7.60876 16.1575 8.30877 16.0112 9.0176 15.9098C8.60877 15.6053 8.20288 15.3009 7.80288 14.9875ZM11.9588 15.9874C12.7206 16.0112 13.4706 16.1515 14.2118 16.3067C13.8795 15.8471 13.553 15.3785 13.253 14.8979C12.8353 15.277 12.4118 15.6501 11.9588 15.9874ZM9.2529 16.1456C9.18231 16.3455 9.04408 16.7515 8.97349 16.9514C9.51173 17.5156 10.05 18.0797 10.5794 18.6527C11.1823 17.9036 12.2853 17.2827 11.9941 16.1456C11.5 16.6022 11.0176 17.1096 10.3647 17.3245C9.99998 16.9276 9.62644 16.5336 9.2529 16.1456Z" fill="#B8B8B8"/>
+<path opacity="0.98" d="M44.7242 2.25171C46.1536 1.39808 47.8713 0.890676 49.536 1.1205C50.9243 1.21303 51.9831 2.23679 53.089 2.97999C54.1508 3.71423 53.8979 5.10512 53.7361 6.2035C53.4596 7.47201 54.1508 8.72559 53.8155 9.98814C53.4773 11.3283 52.6155 12.4476 51.889 13.5967C52.4978 14.0086 53.0126 14.5369 53.5773 15.0025C55.4302 16.1068 58.2156 15.9725 59.3156 18.1365C59.8891 20.1273 60.0127 22.2315 60.3333 24.279C58.5097 24.3417 56.6773 24.4074 54.8596 24.2372C54.8861 24.0283 54.9361 23.6075 54.9626 23.3985C56.4038 23.4791 57.8656 23.2762 59.2891 23.5836C58.8538 21.7092 58.9391 19.6975 58.0891 17.9335C56.5479 17.0948 54.8008 16.7605 53.2449 15.9486C52.7243 16.9575 52.3155 18.02 52.0067 19.1154C51.7919 18.9871 51.5802 18.8588 51.3684 18.7304C50.5007 19.3751 49.5154 20.0258 48.3889 19.9064C47.3654 19.9392 46.5007 19.3035 45.7036 18.7304C45.4889 18.8588 45.2742 18.9871 45.0595 19.1184C44.7389 18.029 44.3447 16.9605 43.833 15.9486C42.5888 16.5396 41.2918 17.0023 39.98 17.4112C39.4123 17.5604 38.9064 17.9454 38.7299 18.5304C38.1799 20.1571 38.1417 21.9002 37.7476 23.5627C38.2476 23.4761 38.7564 23.4135 39.2682 23.4135C43.5506 23.4135 47.833 23.4463 52.1155 23.3985C52.1596 23.6075 52.2478 24.0253 52.292 24.2343C50.5066 24.4253 48.7066 24.2939 46.9124 24.3298C43.5271 24.2999 40.1358 24.3924 36.7505 24.279C36.9181 22.3628 37.0534 20.4228 37.6005 18.5692C37.8211 17.838 38.3035 17.1634 38.9741 16.7963C40.3711 16.1158 41.8829 15.7278 43.3094 15.1249C43.9712 14.6652 44.4977 14.0324 45.183 13.5997C44.7359 13.0415 44.4183 12.3998 44.1653 11.7312C43.0124 10.8686 43.08 9.06884 43.3359 7.77347C43.1918 6.54973 43.1741 5.31703 43.2006 4.08732C43.7506 3.51127 44.183 2.83374 44.7242 2.25171ZM45.8154 2.77106C45.1889 3.22772 44.5771 3.80676 44.2389 4.51712C44.1742 5.68714 44.2595 6.86312 44.3506 8.03015C44.7036 7.22129 44.8359 6.3408 44.9624 5.47224C45.083 5.37076 45.3183 5.16481 45.4359 5.06333C46.086 5.55283 46.733 6.04531 47.3389 6.59151C48.2801 6.58853 49.289 6.49003 50.0596 5.87816C50.536 5.58864 50.9478 4.99767 51.5772 5.21555C52.0184 6.105 52.3302 7.05414 52.7625 7.94956C52.7655 6.70195 52.9214 5.43344 52.7684 4.19477C52.1008 3.35606 51.1243 2.79195 50.1596 2.37707C48.7213 1.79505 47.2124 2.35319 45.8154 2.77106ZM45.7507 6.49003C45.5683 7.5705 45.6065 8.74947 45.1036 9.73742C44.8595 9.74936 44.3712 9.77324 44.1271 9.78517C44.8065 10.788 45.2977 11.9013 45.9154 12.94C46.6095 13.7967 47.5242 14.8413 48.7419 14.6115C50.3213 14.4384 51.2684 12.9102 51.9037 11.585C52.4243 10.7492 52.8714 9.86875 53.0567 8.88677C52.8008 9.22703 52.5361 9.56132 52.2655 9.89262C51.8272 8.73753 51.5184 7.53469 51.0625 6.38258C50.3537 6.88402 49.6419 7.44514 48.7537 7.54364C47.633 7.86898 46.5124 7.30188 45.7507 6.49003ZM45.3154 13.8623C45.9242 14.7339 46.7242 15.4353 47.6301 15.9755C48.1242 16.2382 48.3507 16.7665 48.5919 17.244C48.6684 16.9217 48.7448 16.6023 48.8242 16.2829C49.8213 15.7875 50.7978 15.1786 51.4449 14.2384C50.5919 14.8294 49.8213 15.7099 48.7037 15.7039C47.3095 15.8203 46.2948 14.6861 45.3154 13.8623ZM44.883 14.8383C44.8448 14.9756 44.7683 15.2532 44.73 15.3935C45.1006 16.1188 45.3859 16.8888 45.533 17.6947C45.9595 17.3246 46.3918 16.9605 46.833 16.6053C46.083 16.1367 45.4065 15.5576 44.883 14.8383ZM50.2037 16.6441C50.6596 16.9694 51.0978 17.3216 51.5331 17.6768C51.6772 16.8799 51.9655 16.1218 52.3302 15.4054C52.289 15.2562 52.2067 14.9577 52.1655 14.8085C51.6125 15.5248 50.9713 16.1635 50.2037 16.6441ZM46.4477 18.1484C47.0154 18.4618 47.6007 18.7394 48.2066 18.9692C47.986 18.429 47.7566 17.8947 47.536 17.3545C47.1772 17.6231 46.8095 17.8857 46.4477 18.1484ZM49.5272 17.3515C49.3095 17.8947 49.0801 18.4349 48.8595 18.9781C49.4595 18.7424 50.0478 18.4678 50.6155 18.1544C50.2478 17.8887 49.886 17.6231 49.5272 17.3515Z" fill="#B8B8B8"/>
+<path opacity="0.98" d="M11.644 21.336C13.4441 20.8226 15.3323 21.0763 17.1736 21.0525C17.9324 21.0077 18.8177 21.93 18.0147 22.5389C16.0912 22.6672 14.1559 22.6015 12.2293 22.5747C11.5852 22.5627 11.6999 21.7867 11.644 21.336Z" fill="#B8B8B8"/>
+<path opacity="0.98" d="M38.4183 22.9119C38.5359 22.5537 38.1095 21.7419 38.7124 21.7538C40.7507 21.5479 42.8154 21.7299 44.8655 21.6703C46.1214 21.727 47.4243 21.4882 48.6479 21.8702C48.8773 22.4224 48.3949 23.0522 47.8126 22.9507C44.6802 22.9477 41.5478 23.0044 38.4183 22.9119Z" fill="#B8B8B8"/>
+<path opacity="0.98" d="M52.7478 22.7299C53.3242 22.7358 53.9037 22.7448 54.4801 22.7567C54.4949 23.3984 54.4978 24.0402 54.4919 24.6819C53.9154 24.6789 53.336 24.6789 52.7595 24.6819C52.6889 24.0312 52.686 23.3775 52.7478 22.7299Z" fill="#B8B8B8"/>
+<path opacity="0.98" d="M27.3826 32.3647C29.2121 31.1767 31.5386 30.8962 33.6239 31.4364C34.7328 32.0214 35.9475 32.6452 36.6004 33.7794C37.0328 34.4898 36.6563 35.3434 36.6298 36.1105C36.4034 37.4088 37.0857 38.6983 36.7063 39.9847C36.3387 41.2771 35.5181 42.3725 34.8239 43.5007C35.3563 43.9991 35.8828 44.5036 36.4034 45.0169C37.8593 45.4855 39.3005 46.0108 40.7034 46.6227C41.5446 46.9868 42.2064 47.736 42.3741 48.6583C42.7153 50.5835 43.0829 52.5116 43.2035 54.4666C37.1799 54.3502 31.1445 54.6427 25.1238 54.38C25.1443 54.1592 25.1914 53.7174 25.212 53.4965C30.8856 53.5085 36.5563 53.4757 42.227 53.5115C41.7388 51.9296 41.7094 50.2581 41.3358 48.6493C41.2358 48.1121 40.7593 47.7629 40.2858 47.5778C38.8799 47.0018 37.4769 46.4198 36.0475 45.9123C35.7004 46.9331 35.2886 47.93 34.9416 48.9538C34.668 48.8702 34.3945 48.7866 34.121 48.7031C32.718 50.2909 30.2033 50.1029 28.6797 48.7986C28.4973 48.8344 28.1356 48.903 27.9532 48.9359C27.562 47.9241 27.1561 46.9152 26.8356 45.8795C25.1914 46.5063 23.6002 47.2614 21.9178 47.7778C21.156 49.5985 21.1707 51.6221 20.656 53.5145C21.3178 53.4995 21.9796 53.4876 22.6414 53.4697C22.7119 53.6816 22.8561 54.1054 22.9267 54.3173C21.8708 54.5382 20.7884 54.4934 19.7178 54.4576C19.8501 52.3534 20.0678 50.2462 20.6148 48.2106C20.7943 47.5898 21.256 47.0913 21.8237 46.8108C23.0296 46.172 24.3237 45.7303 25.6149 45.3035C26.6385 45.0319 27.2414 44.0738 27.962 43.3723L28.2297 44.0439C28.2503 43.832 28.2591 43.6111 28.0856 43.4619C27.4385 42.7455 27.1797 41.7725 26.512 41.0711C26.1414 40.1518 26.0297 39.1549 26.1238 38.17C26.2297 36.8895 26.0679 35.6061 26.1385 34.3256C26.3767 33.5824 26.9767 33.0213 27.3826 32.3647ZM28.4385 32.8392C28.0032 33.3347 27.462 33.7675 27.165 34.3674C27.0738 35.5732 27.1738 36.791 27.315 37.9909C27.6709 36.9492 27.4826 35.7016 28.3238 34.8718C29.1238 35.5464 29.868 36.6239 31.0415 36.4866C32.2827 36.5045 33.2151 35.5703 34.2151 34.9644C34.8857 35.8329 35.3151 36.8567 35.5975 37.9192C35.5151 36.6448 35.6357 35.3733 35.7239 34.1047C34.5769 32.9467 33.0004 31.9528 31.315 32.1169C30.318 32.1617 29.3974 32.6004 28.4385 32.8392ZM28.6444 36.4896C28.3856 37.6834 28.5532 39.0713 27.6709 40.0324C27.3973 39.6026 27.1356 39.1639 26.8767 38.7251C27.112 39.534 27.3267 40.3757 27.8797 41.0323C28.3591 42.4202 29.165 43.838 30.5562 44.4439C31.1621 44.5901 31.7945 44.5036 32.4092 44.4976C33.6298 43.6648 34.5416 42.4292 35.0151 41.0204C35.1269 40.901 35.3563 40.6622 35.471 40.5458C35.5298 40.2443 35.5916 39.9429 35.6534 39.6444C35.4857 39.5668 35.1475 39.4086 34.9798 39.331C34.6916 38.3102 34.3798 37.2954 33.9416 36.3284C32.5357 37.6834 30.0091 38.1461 28.6444 36.4896ZM31.1739 46.2825C31.2327 46.5809 31.2886 46.8764 31.3445 47.1749C31.8621 45.6467 33.7327 45.4378 34.4416 44.029C33.5651 44.6468 32.7945 45.6945 31.6092 45.6079C30.4033 45.7661 29.4356 44.9274 28.5826 44.1931C29.2444 45.1214 30.1533 45.8079 31.1739 46.2825ZM27.715 44.7901C27.6591 45.775 28.1591 46.6585 28.4444 47.5719C28.8591 47.2644 29.2827 46.9719 29.715 46.6914C29.0326 46.0765 28.3885 45.4169 27.715 44.7901ZM33.1004 46.6287C33.5445 46.9421 33.9974 47.2495 34.4475 47.5599C34.7416 46.6526 35.0769 45.7512 35.2298 44.802C34.5327 45.4258 33.8651 46.0855 33.1004 46.6287ZM29.3738 48.2524C29.9562 48.4703 30.5444 48.6732 31.1445 48.8374C30.9092 48.3091 30.668 47.7838 30.4239 47.2614C30.0709 47.5898 29.7209 47.9181 29.3738 48.2524ZM31.7533 48.8463C32.3415 48.6404 32.9327 48.4344 33.5239 48.2345C33.1563 47.8912 32.7827 47.551 32.4121 47.2137C32.1945 47.7569 31.9798 48.3061 31.7533 48.8463Z" fill="#B8B8B8"/>
+<path opacity="0.98" d="M23.0297 52.8159C23.6032 52.8368 24.1767 52.8577 24.7503 52.8816C24.7503 53.5233 24.7503 54.168 24.7562 54.8127C24.1914 54.7978 23.6238 54.7918 23.0591 54.7858C22.9944 54.1322 22.965 53.4726 23.0297 52.8159Z" fill="#B8B8B8"/>
+<path opacity="0.98" d="M36.1797 54.7591C38.3326 54.577 40.5003 54.4457 42.6474 54.7561C43.0945 54.8814 43.1916 55.3799 43.068 55.7799C42.2239 56.0843 41.3121 55.947 40.4386 55.9709C38.8532 55.9171 37.2532 56.1141 35.6885 55.7858C35.8355 55.4485 35.7855 54.9262 36.1797 54.7591Z" fill="#B8B8B8"/>
+<path opacity="0.98" d="M29.9414 55.0008L30.212 54.7531C31.3532 54.6337 32.5091 54.6695 33.6562 54.7202C34.1886 54.6934 34.3945 55.344 34.2474 55.7738C33.0327 56.144 31.7268 55.9499 30.4738 55.944C29.9532 56.0663 29.4444 55.353 29.9414 55.0008Z" fill="#B8B8B8"/>
+</svg>

lib/assets/images/categories/social-light.svg

@@ -0,0 +1,20 @@
+<svg width="61" height="56" viewBox="0 0 61 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.7533 0.592079C28.2504 -0.0765008 30.8592 -0.0317301 33.4211 0.0369187C34.2181 0.078705 34.7711 1.01591 34.5005 1.76209C34.3328 2.35307 33.7034 2.55902 33.2446 2.85749C28.5004 2.36501 23.615 3.65143 19.6884 6.39141C18.7531 7.30474 17.1149 5.94967 17.5796 4.79756C17.6914 4.38269 17.9796 4.04541 18.3443 3.8335C20.6179 2.35605 23.115 1.20992 25.7533 0.592079Z" fill="#195D80"/>
+<path d="M37.0386 1.05169C37.6769 0.711434 38.3975 1.07856 39.0357 1.24272C40.1357 1.63372 41.2328 2.06949 42.2417 2.66345C43.1387 3.20667 42.8829 4.73187 41.8946 5.00646C40.8475 5.2333 39.8857 4.61248 38.9416 4.2573C38.1357 3.89614 37.1769 3.74691 36.5857 3.02759C36.0974 2.40676 36.3416 1.39792 37.0386 1.05169Z" fill="#007EA7"/>
+<path d="M25.4003 22.4374C25.9679 22.4433 26.5385 22.4523 27.1091 22.4613C27.1062 23.1 27.1033 23.7417 27.1121 24.3804C26.5415 24.3775 25.9738 24.3775 25.4091 24.3775C25.3297 23.7328 25.3297 23.0821 25.4003 22.4374Z" fill="#007EA7"/>
+<path d="M28.9267 22.4374C29.4973 22.4433 30.0679 22.4523 30.6415 22.4613C30.6356 23.1 30.6326 23.7417 30.6385 24.3804C30.0709 24.3775 29.5032 24.3775 28.9385 24.3775C28.8591 23.7328 28.8561 23.0821 28.9267 22.4374Z" fill="#007EA7"/>
+<path d="M32.4563 22.4374C33.0269 22.4433 33.5975 22.4523 34.1681 22.4613C34.1652 23.1 34.1623 23.7417 34.1681 24.3804C33.6005 24.3775 33.0328 24.3775 32.4652 24.3775C32.3887 23.7328 32.3858 23.0821 32.4563 22.4374Z" fill="#007EA7"/>
+<path d="M8.25883 25.7802C8.60002 25.0728 9.60004 24.843 10.2059 25.3384C10.7971 25.7503 10.7148 26.5532 10.8324 27.18C10.9618 28.4545 11.3383 29.6902 11.7942 30.8811C11.4765 31.5407 11.0177 32.3794 10.153 32.2272C8.96473 32.0302 8.72649 30.5826 8.44119 29.6096C8.22648 28.362 7.60294 26.9979 8.25883 25.7802Z" fill="#007EA7"/>
+<path d="M52.6214 25.5295C53.3038 25.1265 54.2715 25.5205 54.4891 26.2876C54.7744 27.2606 54.4391 28.2575 54.245 29.2126C53.2656 33.5584 51.0479 37.6146 47.9272 40.7546C47.2478 41.4739 45.8096 41.2888 45.5154 40.2681C45.186 39.3607 46.0537 38.7309 46.536 38.1071C49.1449 35.2477 50.9449 31.6541 51.6861 27.8277C51.942 27.0547 51.8008 25.9682 52.6214 25.5295Z" fill="#195D80"/>
+<path d="M10.8443 32.9972C11.7855 32.4898 12.8149 33.3256 13.2385 34.1553C14.9767 37.3161 17.5444 40.0084 20.6151 41.8559C21.2121 42.223 21.968 42.5364 22.1386 43.3035C22.5739 44.372 21.268 45.5182 20.2915 44.9063C16.0062 42.7513 12.5973 39.0324 10.3325 34.7941C9.94429 34.1852 10.2266 33.3196 10.8443 32.9972Z" fill="#195D80"/>
+<path d="M43.733 40.9607C44.8007 40.5428 45.8889 41.8859 45.2889 42.8679C44.6477 43.7305 43.6213 44.1752 42.7301 44.7155C42.2153 45.0468 41.5124 45.2497 40.9918 44.808C40.0888 44.2319 40.4241 42.7993 41.2389 42.3128C42.0448 41.8203 42.8212 41.2323 43.733 40.9607Z" fill="#007EA7"/>
+<path opacity="0.98" d="M7.13228 2.00987C9.97645 -0.554011 14.853 1.06968 16.406 4.37378C17.0354 5.49604 16.8678 6.83021 16.8913 8.06589C16.9178 10.188 16.456 12.2982 15.6118 14.2353C15.5148 14.2682 15.3207 14.3308 15.2265 14.3607C16.9266 15.1904 19.1354 15.7665 19.9413 17.6916C20.3296 19.8645 20.8972 22.0374 20.8384 24.264C14.0059 24.3446 7.16757 24.3416 0.335092 24.267C0.299797 21.9538 0.779218 19.6795 1.17334 17.4141C2.29101 15.9307 3.99398 15.1248 5.6646 14.4652C4.47046 12.343 4.29105 9.84479 4.12046 7.45999C4.15869 5.89599 4.5087 4.26932 5.4293 2.9829C5.82637 2.4158 6.51462 2.22179 7.13228 2.00987ZM7.38816 3.09035C6.93521 3.20377 6.34403 3.15899 6.10285 3.65744C5.44107 4.8006 5.14694 6.15268 5.1293 7.46895C5.27048 9.51349 5.43813 11.6028 6.24991 13.5071C6.76168 13.5071 7.27345 13.51 7.78523 13.519C6.54991 11.8655 5.51754 9.88061 5.80872 7.7316C5.68225 7.02721 6.41167 6.85409 6.94698 6.92274C7.07051 6.54965 7.19992 6.17656 7.3264 5.80347C7.58817 5.68109 7.847 5.55573 8.10877 5.43038C9.75585 6.60039 11.6471 7.27792 13.5383 7.91069C14.603 8.17334 14.9001 9.45379 14.6324 10.4089C14.5265 11.5819 13.9442 12.6325 13.1706 13.4891C13.7324 13.4921 14.2942 13.4981 14.8589 13.5011C15.5942 11.7998 15.8795 9.93433 15.8854 8.0838C15.8971 6.75858 16.0001 5.31397 15.2177 4.16485C13.5059 1.76811 9.5882 0.863736 7.38816 3.09035ZM8.08818 6.51085C7.87641 7.35254 7.8617 8.54046 6.74109 8.60911C6.83521 9.10159 6.93227 9.59408 7.02639 10.0895C7.48817 10.8327 7.73229 11.6894 8.15582 12.4564C8.73525 13.2205 9.63821 13.6145 10.4412 14.0801C11.2824 13.6682 12.1559 13.2474 12.7618 12.4982C13.5677 11.6207 13.6118 10.3552 13.8 9.23889C12.0118 8.08678 9.75291 7.91964 8.08818 6.51085ZM8.21465 13.9458C8.92937 14.7009 9.75585 15.3367 10.4853 16.0769C11.35 15.468 12.1324 14.7427 12.8059 13.9219C11.9441 14.292 11.1588 15.0651 10.1529 14.892C9.4382 14.7547 8.8676 14.2413 8.21465 13.9458ZM6.64697 15.0531C5.53519 15.5725 4.4087 16.062 3.34103 16.6679C2.82631 16.9873 2.24395 17.3872 2.1263 18.0349C1.77041 19.7153 1.58806 21.4255 1.24981 23.1089C4.16457 23.1119 7.08228 23.1119 9.99704 23.1089C9.99409 22.5657 9.99115 22.0255 9.99115 21.4852C10.2441 21.4793 10.747 21.4703 11 21.4673C10.9971 22.0106 10.9941 22.5538 10.9912 23.097C13.9442 23.1358 16.9001 23.0821 19.856 23.1298C19.4943 21.2823 19.356 19.3661 18.7795 17.5752C17.656 16.1963 15.806 15.8351 14.3118 15.0114C14.9618 15.8143 15.5648 16.6559 16.1001 17.5424C15.1412 17.426 14.1912 17.2648 13.2353 17.1395C12.5088 17.9454 11.7647 18.7333 11.0147 19.5153C10.9971 19.8556 10.9853 20.1988 10.9706 20.5391C10.6647 20.4764 10.3588 20.4078 10.0529 20.3421C10.1206 18.8915 8.65583 18.1811 7.9117 17.1425C7.00874 17.235 6.11167 17.3842 5.22636 17.5872C5.24401 17.4111 5.2793 17.0589 5.29695 16.8828C5.79108 16.3097 6.22932 15.6859 6.64697 15.0531ZM7.80288 14.9875C7.50875 15.4322 7.21463 15.8739 6.90874 16.3127C7.60876 16.1575 8.30877 16.0112 9.0176 15.9098C8.60877 15.6053 8.20288 15.3009 7.80288 14.9875ZM11.9588 15.9874C12.7206 16.0112 13.4706 16.1515 14.2118 16.3067C13.8795 15.8471 13.553 15.3785 13.253 14.8979C12.8353 15.277 12.4118 15.6501 11.9588 15.9874ZM9.2529 16.1456C9.18231 16.3455 9.04408 16.7515 8.97349 16.9514C9.51173 17.5156 10.05 18.0797 10.5794 18.6527C11.1823 17.9036 12.2853 17.2827 11.9941 16.1456C11.5 16.6022 11.0176 17.1096 10.3647 17.3245C9.99998 16.9276 9.62644 16.5336 9.2529 16.1456Z" fill="#1B3C59"/>
+<path opacity="0.98" d="M44.7242 2.25171C46.1536 1.39808 47.8713 0.890676 49.536 1.1205C50.9243 1.21303 51.9831 2.23679 53.089 2.97999C54.1508 3.71423 53.8979 5.10512 53.7361 6.2035C53.4596 7.47201 54.1508 8.72559 53.8155 9.98814C53.4773 11.3283 52.6155 12.4476 51.889 13.5967C52.4978 14.0086 53.0126 14.5369 53.5773 15.0025C55.4302 16.1068 58.2156 15.9725 59.3156 18.1365C59.8891 20.1273 60.0127 22.2315 60.3333 24.279C58.5097 24.3417 56.6773 24.4074 54.8596 24.2372C54.8861 24.0283 54.9361 23.6075 54.9626 23.3985C56.4038 23.4791 57.8656 23.2762 59.2891 23.5836C58.8538 21.7092 58.9391 19.6975 58.0891 17.9335C56.5479 17.0948 54.8008 16.7605 53.2449 15.9486C52.7243 16.9575 52.3155 18.02 52.0067 19.1154C51.7919 18.9871 51.5802 18.8588 51.3684 18.7304C50.5007 19.3751 49.5154 20.0258 48.3889 19.9064C47.3654 19.9392 46.5007 19.3035 45.7036 18.7304C45.4889 18.8588 45.2742 18.9871 45.0595 19.1184C44.7389 18.029 44.3447 16.9605 43.833 15.9486C42.5888 16.5396 41.2918 17.0023 39.98 17.4112C39.4123 17.5604 38.9064 17.9454 38.7299 18.5304C38.1799 20.1571 38.1417 21.9002 37.7476 23.5627C38.2476 23.4761 38.7564 23.4135 39.2682 23.4135C43.5506 23.4135 47.833 23.4463 52.1155 23.3985C52.1596 23.6075 52.2478 24.0253 52.292 24.2343C50.5066 24.4253 48.7066 24.2939 46.9124 24.3298C43.5271 24.2999 40.1358 24.3924 36.7505 24.279C36.9181 22.3628 37.0534 20.4228 37.6005 18.5692C37.8211 17.838 38.3035 17.1634 38.9741 16.7963C40.3711 16.1158 41.8829 15.7278 43.3094 15.1249C43.9712 14.6652 44.4977 14.0324 45.183 13.5997C44.7359 13.0415 44.4183 12.3998 44.1653 11.7312C43.0124 10.8686 43.08 9.06884 43.3359 7.77347C43.1918 6.54973 43.1741 5.31703 43.2006 4.08732C43.7506 3.51127 44.183 2.83374 44.7242 2.25171ZM45.8154 2.77106C45.1889 3.22772 44.5771 3.80676 44.2389 4.51712C44.1742 5.68714 44.2595 6.86312 44.3506 8.03015C44.7036 7.22129 44.8359 6.3408 44.9624 5.47224C45.083 5.37076 45.3183 5.16481 45.4359 5.06333C46.086 5.55283 46.733 6.04531 47.3389 6.59151C48.2801 6.58853 49.289 6.49003 50.0596 5.87816C50.536 5.58864 50.9478 4.99767 51.5772 5.21555C52.0184 6.105 52.3302 7.05414 52.7625 7.94956C52.7655 6.70195 52.9214 5.43344 52.7684 4.19477C52.1008 3.35606 51.1243 2.79195 50.1596 2.37707C48.7213 1.79505 47.2124 2.35319 45.8154 2.77106ZM45.7507 6.49003C45.5683 7.5705 45.6065 8.74947 45.1036 9.73742C44.8595 9.74936 44.3712 9.77324 44.1271 9.78517C44.8065 10.788 45.2977 11.9013 45.9154 12.94C46.6095 13.7967 47.5242 14.8413 48.7419 14.6115C50.3213 14.4384 51.2684 12.9102 51.9037 11.585C52.4243 10.7492 52.8714 9.86875 53.0567 8.88677C52.8008 9.22703 52.5361 9.56132 52.2655 9.89262C51.8272 8.73753 51.5184 7.53469 51.0625 6.38258C50.3537 6.88402 49.6419 7.44514 48.7537 7.54364C47.633 7.86898 46.5124 7.30188 45.7507 6.49003ZM45.3154 13.8623C45.9242 14.7339 46.7242 15.4353 47.6301 15.9755C48.1242 16.2382 48.3507 16.7665 48.5919 17.244C48.6684 16.9217 48.7448 16.6023 48.8242 16.2829C49.8213 15.7875 50.7978 15.1786 51.4449 14.2384C50.5919 14.8294 49.8213 15.7099 48.7037 15.7039C47.3095 15.8203 46.2948 14.6861 45.3154 13.8623ZM44.883 14.8383C44.8448 14.9756 44.7683 15.2532 44.73 15.3935C45.1006 16.1188 45.3859 16.8888 45.533 17.6947C45.9595 17.3246 46.3918 16.9605 46.833 16.6053C46.083 16.1367 45.4065 15.5576 44.883 14.8383ZM50.2037 16.6441C50.6596 16.9694 51.0978 17.3216 51.5331 17.6768C51.6772 16.8799 51.9655 16.1218 52.3302 15.4054C52.289 15.2562 52.2067 14.9577 52.1655 14.8085C51.6125 15.5248 50.9713 16.1635 50.2037 16.6441ZM46.4477 18.1484C47.0154 18.4618 47.6007 18.7394 48.2066 18.9692C47.986 18.429 47.7566 17.8947 47.536 17.3545C47.1772 17.6231 46.8095 17.8857 46.4477 18.1484ZM49.5272 17.3515C49.3095 17.8947 49.0801 18.4349 48.8595 18.9781C49.4595 18.7424 50.0478 18.4678 50.6155 18.1544C50.2478 17.8887 49.886 17.6231 49.5272 17.3515Z" fill="#1B3C59"/>
+<path opacity="0.98" d="M11.644 21.336C13.4441 20.8226 15.3323 21.0763 17.1736 21.0525C17.9324 21.0077 18.8177 21.93 18.0147 22.5389C16.0912 22.6672 14.1559 22.6015 12.2293 22.5747C11.5852 22.5627 11.6999 21.7867 11.644 21.336Z" fill="#1B3C59"/>
+<path opacity="0.98" d="M38.4183 22.9119C38.5359 22.5537 38.1095 21.7419 38.7124 21.7538C40.7507 21.5479 42.8154 21.7299 44.8655 21.6703C46.1214 21.727 47.4243 21.4882 48.6479 21.8702C48.8773 22.4224 48.3949 23.0522 47.8126 22.9507C44.6802 22.9477 41.5478 23.0044 38.4183 22.9119Z" fill="#1B3C59"/>
+<path opacity="0.98" d="M52.7478 22.7299C53.3242 22.7358 53.9037 22.7448 54.4801 22.7567C54.4949 23.3984 54.4978 24.0402 54.4919 24.6819C53.9154 24.6789 53.336 24.6789 52.7595 24.6819C52.6889 24.0312 52.686 23.3775 52.7478 22.7299Z" fill="#1B3C59"/>
+<path opacity="0.98" d="M27.3826 32.3647C29.2121 31.1767 31.5386 30.8962 33.6239 31.4364C34.7328 32.0214 35.9475 32.6452 36.6004 33.7794C37.0328 34.4898 36.6563 35.3434 36.6298 36.1105C36.4034 37.4088 37.0857 38.6983 36.7063 39.9847C36.3387 41.2771 35.5181 42.3725 34.8239 43.5007C35.3563 43.9991 35.8828 44.5036 36.4034 45.0169C37.8593 45.4855 39.3005 46.0108 40.7034 46.6227C41.5446 46.9868 42.2064 47.736 42.3741 48.6583C42.7153 50.5835 43.0829 52.5116 43.2035 54.4666C37.1799 54.3502 31.1445 54.6427 25.1238 54.38C25.1443 54.1592 25.1914 53.7174 25.212 53.4965C30.8856 53.5085 36.5563 53.4757 42.227 53.5115C41.7388 51.9296 41.7094 50.2581 41.3358 48.6493C41.2358 48.1121 40.7593 47.7629 40.2858 47.5778C38.8799 47.0018 37.4769 46.4198 36.0475 45.9123C35.7004 46.9331 35.2886 47.93 34.9416 48.9538C34.668 48.8702 34.3945 48.7866 34.121 48.7031C32.718 50.2909 30.2033 50.1029 28.6797 48.7986C28.4973 48.8344 28.1356 48.903 27.9532 48.9359C27.562 47.9241 27.1561 46.9152 26.8356 45.8795C25.1914 46.5063 23.6002 47.2614 21.9178 47.7778C21.156 49.5985 21.1707 51.6221 20.656 53.5145C21.3178 53.4995 21.9796 53.4876 22.6414 53.4697C22.7119 53.6816 22.8561 54.1054 22.9267 54.3173C21.8708 54.5382 20.7884 54.4934 19.7178 54.4576C19.8501 52.3534 20.0678 50.2462 20.6148 48.2106C20.7943 47.5898 21.256 47.0913 21.8237 46.8108C23.0296 46.172 24.3237 45.7303 25.6149 45.3035C26.6385 45.0319 27.2414 44.0738 27.962 43.3723L28.2297 44.0439C28.2503 43.832 28.2591 43.6111 28.0856 43.4619C27.4385 42.7455 27.1797 41.7725 26.512 41.0711C26.1414 40.1518 26.0297 39.1549 26.1238 38.17C26.2297 36.8895 26.0679 35.6061 26.1385 34.3256C26.3767 33.5824 26.9767 33.0213 27.3826 32.3647ZM28.4385 32.8392C28.0032 33.3347 27.462 33.7675 27.165 34.3674C27.0738 35.5732 27.1738 36.791 27.315 37.9909C27.6709 36.9492 27.4826 35.7016 28.3238 34.8718C29.1238 35.5464 29.868 36.6239 31.0415 36.4866C32.2827 36.5045 33.2151 35.5703 34.2151 34.9644C34.8857 35.8329 35.3151 36.8567 35.5975 37.9192C35.5151 36.6448 35.6357 35.3733 35.7239 34.1047C34.5769 32.9467 33.0004 31.9528 31.315 32.1169C30.318 32.1617 29.3974 32.6004 28.4385 32.8392ZM28.6444 36.4896C28.3856 37.6834 28.5532 39.0713 27.6709 40.0324C27.3973 39.6026 27.1356 39.1639 26.8767 38.7251C27.112 39.534 27.3267 40.3757 27.8797 41.0323C28.3591 42.4202 29.165 43.838 30.5562 44.4439C31.1621 44.5901 31.7945 44.5036 32.4092 44.4976C33.6298 43.6648 34.5416 42.4292 35.0151 41.0204C35.1269 40.901 35.3563 40.6622 35.471 40.5458C35.5298 40.2443 35.5916 39.9429 35.6534 39.6444C35.4857 39.5668 35.1475 39.4086 34.9798 39.331C34.6916 38.3102 34.3798 37.2954 33.9416 36.3284C32.5357 37.6834 30.0091 38.1461 28.6444 36.4896ZM31.1739 46.2825C31.2327 46.5809 31.2886 46.8764 31.3445 47.1749C31.8621 45.6467 33.7327 45.4378 34.4416 44.029C33.5651 44.6468 32.7945 45.6945 31.6092 45.6079C30.4033 45.7661 29.4356 44.9274 28.5826 44.1931C29.2444 45.1214 30.1533 45.8079 31.1739 46.2825ZM27.715 44.7901C27.6591 45.775 28.1591 46.6585 28.4444 47.5719C28.8591 47.2644 29.2827 46.9719 29.715 46.6914C29.0326 46.0765 28.3885 45.4169 27.715 44.7901ZM33.1004 46.6287C33.5445 46.9421 33.9974 47.2495 34.4475 47.5599C34.7416 46.6526 35.0769 45.7512 35.2298 44.802C34.5327 45.4258 33.8651 46.0855 33.1004 46.6287ZM29.3738 48.2524C29.9562 48.4703 30.5444 48.6732 31.1445 48.8374C30.9092 48.3091 30.668 47.7838 30.4239 47.2614C30.0709 47.5898 29.7209 47.9181 29.3738 48.2524ZM31.7533 48.8463C32.3415 48.6404 32.9327 48.4344 33.5239 48.2345C33.1563 47.8912 32.7827 47.551 32.4121 47.2137C32.1945 47.7569 31.9798 48.3061 31.7533 48.8463Z" fill="#1B3C59"/>
+<path opacity="0.98" d="M23.0297 52.8159C23.6032 52.8368 24.1767 52.8577 24.7503 52.8816C24.7503 53.5233 24.7503 54.168 24.7562 54.8127C24.1914 54.7978 23.6238 54.7918 23.0591 54.7858C22.9944 54.1322 22.965 53.4726 23.0297 52.8159Z" fill="#1B3C59"/>
+<path opacity="0.98" d="M36.1797 54.7591C38.3326 54.577 40.5003 54.4457 42.6474 54.7561C43.0945 54.8814 43.1916 55.3799 43.068 55.7799C42.2239 56.0843 41.3121 55.947 40.4386 55.9709C38.8532 55.9171 37.2532 56.1141 35.6885 55.7858C35.8355 55.4485 35.7855 54.9262 36.1797 54.7591Z" fill="#1B3C59"/>
+<path opacity="0.98" d="M29.9414 55.0008L30.212 54.7531C31.3532 54.6337 32.5091 54.6695 33.6562 54.7202C34.1886 54.6934 34.3945 55.344 34.2474 55.7738C33.0327 56.144 31.7268 55.9499 30.4738 55.944C29.9532 56.0663 29.4444 55.353 29.9414 55.0008Z" fill="#1B3C59"/>
+</svg>

lib/assets/images/categories/tech-dark.svg

@@ -0,0 +1,18 @@
+<svg width="61" height="48" viewBox="0 0 61 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.9874 0.493032C19.998 -0.119897 21.2346 -0.0172401 22.3612 0.0552243C23.4997 0.139766 24.3915 0.936877 25.2714 1.59208C32.4471 1.61925 39.6229 1.55584 46.7957 1.62227C46.7897 2.1416 46.7868 2.65791 46.7868 3.17724C48.0085 3.16516 49.2332 3.1712 50.4579 3.16516C51.2337 2.1416 52.2117 1.18748 53.5018 0.915739C56.3822 0.0793787 59.6134 2.66998 59.3845 5.72557C59.4647 7.08428 58.6502 8.18936 57.9041 9.21896C57.7614 10.8192 57.812 12.4587 57.8774 14.068C58.6146 15.001 59.6044 15.6955 60.3268 16.6405C60.3951 17.1115 59.9284 17.3712 59.6758 17.6852C58.7008 18.6001 57.8268 19.6176 56.8251 20.4993C56.3941 20.2426 56.0195 19.9044 55.6301 19.5935C56.406 18.588 57.375 17.7637 58.249 16.8489C57.4047 15.8706 56.0968 15.1127 56.076 13.6574C55.0743 13.6725 54.0695 13.6725 53.0648 13.6695C53.0648 14.0258 53.0648 14.3851 53.0648 14.7414C52.4554 15.4479 51.5012 15.9853 51.1921 16.876C51.8639 17.9026 52.9816 18.5427 53.6118 19.6086C53.2045 19.9256 52.8032 20.2487 52.396 20.5627C51.2129 19.3036 49.9852 18.0959 48.7695 16.87C49.4888 15.9883 50.3419 15.2365 51.1267 14.4183C51.4775 14.1465 51.3615 13.6665 51.4002 13.283C51.3615 11.9032 51.4626 10.5173 51.3467 9.14046C51.1059 8.71473 50.7611 8.36448 50.4519 7.9931C49.2302 8.0082 48.0114 8.00518 46.7897 7.98707C46.7897 8.50639 46.7897 9.0227 46.7927 9.54203C40.0539 9.60846 33.3151 9.55713 26.5763 9.56921C28.7255 13.8627 30.8271 18.1804 32.9614 22.483C33.4132 23.3042 34.085 24.0047 34.3971 24.9045C34.8103 26.1092 34.9143 27.4015 34.8935 28.6696C34.8668 30.8556 34.8906 33.0386 34.8757 35.2216C36.9714 35.2186 39.07 35.2186 41.1686 35.2186C41.1805 37.9089 41.1567 40.6021 41.1805 43.2924C43.181 43.2712 45.1786 43.3014 47.1791 43.2682C47.1821 43.8026 47.1821 44.3401 47.1851 44.8775C31.5791 44.8413 15.9702 44.8715 0.364258 44.8654C0.364258 44.3371 0.364257 43.8087 0.36723 43.2803C5.47706 43.2954 10.5869 43.2561 15.6967 43.2984C15.8156 40.5961 15.5035 37.8636 15.8662 35.1824C16.7401 35.2186 17.617 35.2246 18.4939 35.2126C19.6086 32.9511 20.7025 30.6805 21.847 28.4371C22.2304 27.791 22.2453 27.009 22.0758 26.2934C20.872 21.2118 19.6562 16.1363 18.4939 11.0457C18.2918 10.007 17.2217 9.54203 16.7133 8.68756C15.9375 7.68211 15.771 6.37171 15.8483 5.13378C15.8513 3.11685 17.2781 1.37166 18.9874 0.493032ZM20.1645 1.76418C18.7525 2.26841 17.5308 3.57277 17.4119 5.12774C17.1473 6.87896 18.2412 8.60301 19.8137 9.27633C22.1829 10.3875 25.3635 8.45808 25.2416 5.73463C25.5181 3.06552 22.6109 0.909702 20.1645 1.76418ZM52.2473 3.49729C50.7938 5.06735 51.522 8.05047 53.6236 8.61207C55.8204 9.55411 58.4214 7.11749 57.7079 4.81373C57.3839 3.38859 56.0611 2.57638 54.7354 2.30162C53.8377 2.50694 52.8538 2.71829 52.2473 3.49729ZM26.502 3.16818C26.5822 3.66939 26.6625 4.1706 26.7398 4.67484C32.8603 4.81674 38.9897 4.68691 45.1132 4.73824C45.1073 4.21589 45.1013 3.69354 45.0924 3.1712C38.8946 3.18327 32.6998 3.19233 26.502 3.16818ZM46.7986 4.7322C46.7927 5.29984 46.7897 5.86446 46.7897 6.4321C47.8123 6.42002 48.8319 6.42002 49.8544 6.43512C49.8544 5.86748 49.8515 5.29984 49.8485 4.7322C48.8319 4.74428 47.8153 4.74428 46.7986 4.7322ZM26.7992 6.48645C26.6655 6.99068 26.5228 7.49491 26.3712 7.99612C32.6195 7.98405 38.8678 7.98706 45.1132 7.9931C45.1043 7.46472 45.0924 6.93633 45.0775 6.41096C38.9838 6.50154 32.89 6.3536 26.7992 6.48645ZM20.0961 11.0366C21.1425 15.2637 22.1204 19.5059 23.1103 23.7481C23.8594 22.8 24.7125 21.8882 25.8332 21.402C27.2778 20.6502 28.9573 20.8767 30.506 21.0427C28.6125 17.3803 26.8052 13.6725 25.0127 9.96172C23.5532 10.8615 21.8113 11.571 20.0961 11.0366ZM53.0589 10.2999C53.0618 10.8585 53.0648 11.417 53.0678 11.9756C54.0814 11.9756 55.0951 11.9726 56.1087 11.9786C56.1771 11.4412 56.2484 10.9007 56.3198 10.3633C55.2318 10.3935 54.1438 10.4116 53.0589 10.2999ZM26.4366 22.8996C24.5431 23.8024 23.4611 25.9854 23.7048 28.0718C24.2964 30.5386 26.7279 32.4861 29.2694 31.9698C32.0518 31.5592 33.9423 28.3466 32.9525 25.6624C32.1291 23.0265 28.8592 21.6345 26.4366 22.8996ZM22.6139 30.3725C21.9183 32.0271 21.0592 33.6063 20.2656 35.2126C24.5847 35.2277 28.9038 35.2186 33.223 35.2156C33.2111 33.9777 33.2051 32.7427 33.2348 31.5048C32.0815 32.7125 30.5417 33.6184 28.8473 33.6576C26.4485 33.8539 24.0437 32.4529 22.9319 30.2971C22.8517 30.3152 22.6941 30.3544 22.6139 30.3725ZM17.3881 36.8883C17.397 39.02 17.3792 41.1547 17.4 43.2893C24.7541 43.2954 32.1082 43.2501 39.4594 43.3105C39.5396 42.8032 39.6169 42.296 39.6972 41.7887C34.7063 41.6287 29.7064 41.7857 24.7155 41.7132C24.3617 41.677 24.014 41.6317 23.6632 41.5743C23.684 41.058 23.7018 40.5417 23.7167 40.0254C28.9841 40.0133 34.2515 40.0224 39.5188 40.0224C39.5099 38.9747 39.5099 37.927 39.5099 36.8793C32.135 36.9004 24.763 36.8853 17.3881 36.8883Z" fill="#B8B8B8"/>
+<path d="M20.0576 4.65074C20.6105 3.79928 21.969 3.77815 22.5664 4.58431C22.7834 4.93154 22.9142 5.32406 23.0748 5.70148C22.727 6.36271 22.3167 7.25644 21.425 7.1568C20.1408 7.38627 19.2283 5.62599 20.0576 4.65074Z" fill="#B8B8B8"/>
+<path d="M53.9835 4.11325C55.0179 3.63922 56.4061 4.50879 56.1594 5.71955C56.2842 7.11449 54.2778 7.66401 53.4841 6.6797C52.6815 5.94902 53.0293 4.52992 53.9835 4.11325Z" fill="#B8B8B8"/>
+<path d="M50.1609 23.5971C51.6264 22.1055 53.0978 20.614 54.5633 19.1194C56.0347 20.5989 57.4853 22.0995 58.9626 23.5759C57.5269 25.1068 56.0317 26.5772 54.5633 28.0778C53.0978 26.5802 51.6234 25.0947 50.1609 23.5971ZM52.2863 23.5639C53.0086 24.3972 53.7874 25.1792 54.596 25.925C55.3599 25.152 56.1238 24.3791 56.8521 23.5699C56.0911 22.7939 55.3272 22.021 54.5484 21.2661C53.7963 22.0331 53.0443 22.8 52.2863 23.5639Z" fill="#B8B8B8"/>
+<path d="M27.4238 24.1828C29.3619 23.3827 31.6419 25.0917 31.6746 27.1539C31.7221 28.8326 30.2864 30.4691 28.592 30.4178C26.8174 30.5959 25.2598 28.9444 25.2419 27.1931C25.3163 25.8707 26.1902 24.6297 27.4238 24.1828ZM27.5843 25.7831C27.3198 26.2209 26.8768 26.6164 26.8977 27.175C26.752 28.3948 28.4047 29.3822 29.3381 28.5458C30.2864 27.9872 30.2329 26.3779 29.2906 25.8435C28.7406 25.6472 28.1491 25.771 27.5843 25.7831Z" fill="#B8B8B8"/>
+<path d="M6.70205 29.3822C6.97553 28.733 7.28467 27.8725 8.06943 27.7487C9.12766 27.4437 10.4623 27.5887 11.0777 28.6273C12.1299 29.9468 11.1133 31.9788 9.59138 32.323C9.80838 35.3877 9.67758 38.4704 9.66272 41.5381C11.3719 41.52 13.1079 41.3479 14.8023 41.6679C14.7963 41.9004 14.7844 42.3594 14.7785 42.5918C12.3469 42.8123 9.9035 42.6402 7.46897 42.6915C6.00944 42.6643 4.53208 42.8153 3.09039 42.5164C3.08444 42.3201 3.07553 41.9306 3.06958 41.7343C4.85609 41.3086 6.70502 41.5381 8.52126 41.526C8.45884 38.4312 8.5064 35.3303 8.49451 32.2355C8.33101 32.2143 7.99809 32.1721 7.8346 32.1539C7.09146 31.4565 6.33643 30.4752 6.70205 29.3822ZM8.17347 28.6394C7.99809 28.9444 7.81973 29.2493 7.63841 29.5513C7.73353 30.0736 7.60274 30.7469 8.1378 31.0609C8.6253 31.2964 9.199 31.1908 9.72515 31.2481C10.2691 30.7439 10.5783 30.0978 10.5099 29.3399C9.92133 28.6032 9.05632 28.4311 8.17347 28.6394Z" fill="#B8B8B8"/>
+<path d="M20.6196 39.9801C21.1309 39.9982 21.6452 40.0194 22.1594 40.0375C22.1713 40.5749 22.1802 41.1124 22.1951 41.6498C21.7016 41.5985 21.2052 41.5592 20.7118 41.52C20.6821 41.0127 20.6553 40.5055 20.6196 40.0012V39.9801Z" fill="#B8B8B8"/>
+<path d="M0.40939 46.4143C9.39842 46.4566 18.3785 46.4264 27.3646 46.4536C27.965 46.4385 28.5655 46.4385 29.1689 46.4506C35.1616 46.3811 41.1573 46.4747 47.15 46.3932C47.1708 46.9276 47.1856 47.462 47.2035 47.9965C31.5826 48.0025 15.9648 47.9995 0.343994 47.9965C0.36183 47.4681 0.382637 46.9397 0.40939 46.4143Z" fill="#B8B8B8"/>
+<path d="M52.2861 23.564C53.0441 22.8001 53.7962 22.0332 54.5483 21.2662C55.3271 22.0211 56.091 22.794 56.852 23.57C56.1237 24.3792 55.3598 25.1521 54.5958 25.9251C53.7873 25.1793 53.0085 24.3973 52.2861 23.564Z" fill="#007399"/>
+<path d="M0.58747 28.41C1.00957 27.4891 1.39303 26.218 2.45721 25.916L2.57909 26.233C1.3752 27.6038 0.626113 29.5332 1.26224 31.3478C1.45249 32.3019 2.32642 32.9179 2.56125 33.8267C2.46613 33.9082 2.28183 34.0713 2.18671 34.1498C0.923369 32.5707 -0.182424 30.4813 0.58747 28.41Z" fill="#007399"/>
+<path d="M14.8767 26.1214C15.9022 25.7319 16.3125 27.1117 16.7256 27.7971C17.335 29.9862 17.1567 32.9421 15.0253 34.2314C15.0134 33.0931 16.143 32.4258 16.3422 31.3388C16.9961 29.4608 16.1222 27.5073 14.8767 26.1214Z" fill="#007399"/>
+<path d="M2.94459 31.7494C2.09741 30.3997 2.32629 28.416 3.54504 27.3743L4.10388 27.3472C3.68475 28.1503 3.0189 28.9082 3.07241 29.8744C2.98026 30.8587 3.63719 31.6286 4.10983 32.4076C3.51829 32.7669 3.22401 32.1087 2.94459 31.7494Z" fill="#007399"/>
+<path d="M13.521 27.2808C15.5958 27.9722 15.6196 31.2331 14.0382 32.5042L13.4705 32.4378C13.8836 31.7313 14.496 31.064 14.5168 30.1975C14.6833 29.0954 13.8569 28.25 13.521 27.2808Z" fill="#007399"/>
+<path d="M4.68066 28.8055C4.84118 28.3073 5.39407 28.4583 5.76564 28.5368C5.49811 28.8659 5.20978 29.1859 4.97792 29.5452C4.77281 30.1914 5.29895 30.6352 5.59621 31.1274C5.63782 31.4806 5.24247 31.4535 5.0225 31.5682C4.43691 30.7832 4.09804 29.6992 4.68066 28.8055Z" fill="#007399"/>
+<path d="M12.1626 28.2953C13.5775 28.7784 13.5686 31.1244 12.1656 31.6256C12.2845 31.0369 12.5163 30.4753 12.5788 29.8774C12.4509 29.346 12.2815 28.8297 12.1626 28.2953Z" fill="#007399"/>
+<path opacity="0.51" d="M20.4205 41.7857C20.4145 41.1848 20.3967 40.5689 20.6196 40.0012C20.6553 40.5055 20.682 41.0127 20.7118 41.52C21.2052 41.5592 21.7016 41.5985 22.1951 41.6498C21.6095 41.7615 21.015 41.7887 20.4205 41.7857Z" fill="#B8B8B8"/>
+</svg>

lib/assets/images/categories/tech-light.svg

@@ -0,0 +1,18 @@
+<svg width="61" height="48" viewBox="0 0 61 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.9874 0.493032C19.998 -0.119897 21.2346 -0.0172401 22.3612 0.0552243C23.4997 0.139766 24.3915 0.936877 25.2714 1.59208C32.4471 1.61925 39.6229 1.55584 46.7957 1.62227C46.7897 2.1416 46.7868 2.65791 46.7868 3.17724C48.0085 3.16516 49.2332 3.1712 50.4579 3.16516C51.2337 2.1416 52.2117 1.18748 53.5018 0.915739C56.3822 0.0793787 59.6134 2.66998 59.3845 5.72557C59.4647 7.08428 58.6502 8.18936 57.9041 9.21896C57.7614 10.8192 57.812 12.4587 57.8774 14.068C58.6146 15.001 59.6044 15.6955 60.3268 16.6405C60.3951 17.1115 59.9284 17.3712 59.6758 17.6852C58.7008 18.6001 57.8269 19.6176 56.8251 20.4993C56.3941 20.2426 56.0195 19.9044 55.6301 19.5935C56.406 18.588 57.375 17.7637 58.249 16.8489C57.4047 15.8706 56.0968 15.1127 56.076 13.6574C55.0743 13.6725 54.0695 13.6725 53.0648 13.6695C53.0648 14.0258 53.0648 14.3851 53.0648 14.7414C52.4554 15.4479 51.5012 15.9853 51.1921 16.876C51.8639 17.9026 52.9816 18.5427 53.6118 19.6086C53.2045 19.9256 52.8032 20.2487 52.396 20.5627C51.2129 19.3036 49.9852 18.0959 48.7695 16.87C49.4888 15.9883 50.3419 15.2365 51.1267 14.4183C51.4775 14.1465 51.3615 13.6665 51.4002 13.283C51.3615 11.9032 51.4626 10.5173 51.3467 9.14046C51.1059 8.71473 50.7611 8.36448 50.4519 7.9931C49.2302 8.0082 48.0114 8.00518 46.7897 7.98707C46.7897 8.50639 46.7897 9.0227 46.7927 9.54203C40.0539 9.60846 33.3151 9.55713 26.5763 9.56921C28.7255 13.8627 30.8271 18.1804 32.9614 22.483C33.4132 23.3042 34.085 24.0047 34.3971 24.9045C34.8103 26.1092 34.9143 27.4015 34.8935 28.6696C34.8668 30.8556 34.8906 33.0386 34.8757 35.2216C36.9714 35.2186 39.07 35.2186 41.1686 35.2186C41.1805 37.9089 41.1567 40.6021 41.1805 43.2924C43.181 43.2712 45.1786 43.3014 47.1791 43.2682C47.1821 43.8026 47.1821 44.3401 47.1851 44.8775C31.5791 44.8413 15.9702 44.8715 0.364258 44.8654C0.364258 44.3371 0.364257 43.8087 0.36723 43.2803C5.47706 43.2954 10.5869 43.2561 15.6967 43.2984C15.8156 40.5961 15.5035 37.8636 15.8662 35.1824C16.7401 35.2186 17.617 35.2246 18.4939 35.2126C19.6086 32.9511 20.7025 30.6805 21.847 28.4371C22.2304 27.791 22.2453 27.009 22.0758 26.2934C20.872 21.2118 19.6562 16.1363 18.4939 11.0457C18.2918 10.007 17.2217 9.54203 16.7133 8.68756C15.9375 7.68211 15.771 6.37171 15.8483 5.13378C15.8513 3.11685 17.2781 1.37166 18.9874 0.493032ZM20.1645 1.76418C18.7525 2.26841 17.5308 3.57277 17.4119 5.12774C17.1473 6.87896 18.2412 8.60301 19.8137 9.27633C22.1829 10.3875 25.3635 8.45808 25.2416 5.73463C25.5181 3.06552 22.6109 0.909702 20.1645 1.76418ZM52.2473 3.49729C50.7938 5.06735 51.522 8.05047 53.6236 8.61207C55.8204 9.55411 58.4214 7.11749 57.7079 4.81372C57.3839 3.38859 56.0611 2.57638 54.7354 2.30162C53.8377 2.50694 52.8538 2.71829 52.2473 3.49729ZM26.502 3.16818C26.5823 3.66939 26.6625 4.1706 26.7398 4.67484C32.8603 4.81674 38.9897 4.68691 45.1132 4.73824C45.1073 4.21589 45.1013 3.69354 45.0924 3.1712C38.8946 3.18327 32.6998 3.19233 26.502 3.16818ZM46.7986 4.7322C46.7927 5.29984 46.7897 5.86446 46.7897 6.4321C47.8123 6.42002 48.8319 6.42002 49.8544 6.43512C49.8544 5.86748 49.8515 5.29984 49.8485 4.7322C48.8319 4.74428 47.8153 4.74428 46.7986 4.7322ZM26.7992 6.48645C26.6655 6.99068 26.5228 7.49491 26.3712 7.99612C32.6195 7.98405 38.8678 7.98706 45.1132 7.9931C45.1043 7.46472 45.0924 6.93633 45.0775 6.41096C38.9838 6.50154 32.89 6.3536 26.7992 6.48645ZM20.0961 11.0366C21.1425 15.2637 22.1204 19.5059 23.1103 23.7481C23.8594 22.8 24.7125 21.8882 25.8332 21.4021C27.2778 20.6502 28.9573 20.8767 30.506 21.0427C28.6125 17.3803 26.8052 13.6725 25.0127 9.96172C23.5532 10.8615 21.8113 11.571 20.0961 11.0366ZM53.0589 10.2999C53.0618 10.8585 53.0648 11.417 53.0678 11.9756C54.0814 11.9756 55.0951 11.9726 56.1087 11.9786C56.1771 11.4412 56.2484 10.9007 56.3198 10.3633C55.2318 10.3935 54.1438 10.4116 53.0589 10.2999ZM26.4366 22.8996C24.5431 23.8024 23.4611 25.9854 23.7048 28.0718C24.2964 30.5386 26.7279 32.4861 29.2694 31.9698C32.0518 31.5592 33.9423 28.3466 32.9525 25.6624C32.1291 23.0265 28.8592 21.6345 26.4366 22.8996ZM22.6139 30.3725C21.9183 32.0271 21.0592 33.6063 20.2656 35.2126C24.5847 35.2277 28.9038 35.2186 33.223 35.2156C33.2111 33.9777 33.2051 32.7427 33.2348 31.5048C32.0815 32.7125 30.5417 33.6184 28.8473 33.6576C26.4485 33.8539 24.0437 32.4529 22.9319 30.2971C22.8517 30.3152 22.6941 30.3544 22.6139 30.3725ZM17.3881 36.8883C17.397 39.02 17.3792 41.1547 17.4 43.2893C24.7541 43.2954 32.1082 43.2501 39.4594 43.3105C39.5396 42.8032 39.6169 42.296 39.6972 41.7887C34.7063 41.6287 29.7064 41.7857 24.7155 41.7132C24.3617 41.677 24.014 41.6317 23.6632 41.5743C23.684 41.058 23.7018 40.5417 23.7167 40.0254C28.9841 40.0133 34.2515 40.0224 39.5188 40.0224C39.5099 38.9747 39.5099 37.927 39.5099 36.8792C32.135 36.9004 24.763 36.8853 17.3881 36.8883Z" fill="#1B3C59"/>
+<path d="M20.0576 4.65074C20.6105 3.79928 21.969 3.77815 22.5664 4.58431C22.7834 4.93154 22.9142 5.32406 23.0748 5.70148C22.727 6.36271 22.3167 7.25644 21.425 7.1568C20.1408 7.38627 19.2283 5.62599 20.0576 4.65074Z" fill="#1B3C59"/>
+<path d="M53.9835 4.11325C55.0179 3.63922 56.4061 4.50879 56.1594 5.71955C56.2842 7.11449 54.2778 7.66401 53.4841 6.6797C52.6815 5.94902 53.0293 4.52992 53.9835 4.11325Z" fill="#1B3C59"/>
+<path d="M50.1609 23.5971C51.6264 22.1055 53.0978 20.614 54.5633 19.1194C56.0347 20.5989 57.4853 22.0995 58.9626 23.5759C57.5269 25.1068 56.0317 26.5772 54.5633 28.0778C53.0978 26.5802 51.6234 25.0947 50.1609 23.5971ZM52.2863 23.5639C53.0086 24.3972 53.7874 25.1792 54.596 25.925C55.3599 25.152 56.1238 24.3791 56.8521 23.5699C56.0911 22.7939 55.3272 22.021 54.5484 21.2661C53.7963 22.0331 53.0443 22.8 52.2863 23.5639Z" fill="#1B3C59"/>
+<path d="M27.4238 24.1828C29.3619 23.3827 31.6419 25.0917 31.6746 27.1539C31.7221 28.8326 30.2864 30.4691 28.592 30.4178C26.8174 30.5959 25.2598 28.9444 25.2419 27.1931C25.3163 25.8707 26.1902 24.6297 27.4238 24.1828ZM27.5843 25.7831C27.3198 26.2209 26.8768 26.6164 26.8977 27.175C26.752 28.3948 28.4047 29.3822 29.3381 28.5458C30.2864 27.9872 30.2329 26.3779 29.2906 25.8435C28.7406 25.6472 28.1491 25.771 27.5843 25.7831Z" fill="#1B3C59"/>
+<path d="M6.70205 29.3822C6.97553 28.733 7.28467 27.8725 8.06943 27.7487C9.12766 27.4437 10.4623 27.5887 11.0777 28.6273C12.1299 29.9468 11.1133 31.9788 9.59138 32.323C9.80838 35.3877 9.67758 38.4704 9.66272 41.5381C11.3719 41.52 13.1079 41.3479 14.8023 41.6679C14.7963 41.9004 14.7844 42.3594 14.7785 42.5918C12.3469 42.8123 9.9035 42.6402 7.46897 42.6915C6.00944 42.6643 4.53208 42.8153 3.09039 42.5164C3.08444 42.3201 3.07553 41.9306 3.06958 41.7343C4.85609 41.3086 6.70502 41.5381 8.52126 41.526C8.45884 38.4312 8.5064 35.3303 8.49451 32.2355C8.33101 32.2143 7.99809 32.1721 7.8346 32.1539C7.09146 31.4565 6.33643 30.4752 6.70205 29.3822ZM8.17347 28.6394C7.99809 28.9444 7.81973 29.2493 7.63841 29.5513C7.73353 30.0736 7.60274 30.7469 8.1378 31.0609C8.6253 31.2964 9.199 31.1908 9.72515 31.2481C10.2691 30.7439 10.5783 30.0978 10.5099 29.3399C9.92133 28.6032 9.05632 28.4311 8.17347 28.6394Z" fill="#1B3C59"/>
+<path d="M20.6196 39.9801C21.1309 39.9982 21.6452 40.0194 22.1594 40.0375C22.1713 40.5749 22.1802 41.1124 22.1951 41.6498C21.7016 41.5985 21.2052 41.5592 20.7118 41.52C20.6821 41.0127 20.6553 40.5055 20.6196 40.0012V39.9801Z" fill="#1B3C59"/>
+<path d="M0.40939 46.4143C9.39842 46.4566 18.3785 46.4264 27.3646 46.4536C27.965 46.4385 28.5655 46.4385 29.1689 46.4506C35.1616 46.3811 41.1573 46.4747 47.15 46.3932C47.1708 46.9276 47.1856 47.462 47.2035 47.9965C31.5826 48.0025 15.9648 47.9995 0.343994 47.9965C0.36183 47.4681 0.382637 46.9397 0.40939 46.4143Z" fill="#1B3C59"/>
+<path d="M52.2861 23.564C53.0441 22.8001 53.7962 22.0332 54.5483 21.2662C55.3271 22.0211 56.091 22.794 56.852 23.57C56.1237 24.3792 55.3598 25.1521 54.5958 25.9251C53.7873 25.1793 53.0085 24.3973 52.2861 23.564Z" fill="#007EA7"/>
+<path d="M0.58747 28.41C1.00957 27.4891 1.39303 26.218 2.45721 25.916L2.57909 26.233C1.3752 27.6038 0.626113 29.5332 1.26224 31.3478C1.45249 32.3019 2.32642 32.9179 2.56125 33.8267C2.46613 33.9082 2.28183 34.0713 2.18671 34.1498C0.923369 32.5707 -0.182424 30.4813 0.58747 28.41Z" fill="#007EA7"/>
+<path d="M14.8767 26.1214C15.9022 25.7319 16.3125 27.1117 16.7256 27.7971C17.335 29.9862 17.1567 32.9421 15.0253 34.2314C15.0134 33.0931 16.143 32.4258 16.3422 31.3388C16.9961 29.4608 16.1222 27.5073 14.8767 26.1214Z" fill="#007EA7"/>
+<path d="M2.94459 31.7494C2.09741 30.3997 2.32629 28.416 3.54504 27.3743L4.10388 27.3472C3.68475 28.1503 3.0189 28.9082 3.07241 29.8744C2.98026 30.8587 3.63719 31.6286 4.10983 32.4076C3.51829 32.7669 3.22401 32.1087 2.94459 31.7494Z" fill="#007EA7"/>
+<path d="M13.521 27.2808C15.5958 27.9722 15.6196 31.2331 14.0382 32.5042L13.4705 32.4378C13.8836 31.7313 14.496 31.064 14.5168 30.1975C14.6833 29.0954 13.8569 28.25 13.521 27.2808Z" fill="#007EA7"/>
+<path d="M4.68066 28.8055C4.84118 28.3073 5.39407 28.4583 5.76564 28.5368C5.49811 28.8659 5.20978 29.1859 4.97792 29.5452C4.77281 30.1914 5.29895 30.6352 5.59621 31.1274C5.63782 31.4806 5.24247 31.4535 5.0225 31.5682C4.43691 30.7832 4.09804 29.6992 4.68066 28.8055Z" fill="#007EA7"/>
+<path d="M12.1626 28.2953C13.5775 28.7784 13.5686 31.1244 12.1656 31.6256C12.2845 31.0369 12.5163 30.4753 12.5788 29.8774C12.4509 29.346 12.2815 28.8297 12.1626 28.2953Z" fill="#007EA7"/>
+<path opacity="0.51" d="M20.4205 41.7857C20.4145 41.1848 20.3967 40.5689 20.6196 40.0012C20.6553 40.5055 20.682 41.0127 20.7118 41.52C21.2052 41.5592 21.7016 41.5985 22.1951 41.6498C21.6095 41.7615 21.015 41.7887 20.4205 41.7857Z" fill="#012348"/>
+</svg>

lib/assets/images/themes/dark-theme.svg

@@ -0,0 +1,6 @@
+<svg width="84" height="84" viewBox="0 0 84 84" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="2" width="80" height="80" rx="10" fill="#3D3D3D" stroke="white" stroke-width="4"/>
+<rect x="42" y="19" width="28" height="4" rx="2" fill="#C8E0F4"/>
+<rect x="28" y="52" width="28" height="9" rx="2" fill="#007EA7"/>
+<rect x="18" y="27" width="52" height="4" rx="2" fill="white"/>
+</svg>

lib/assets/images/themes/light-theme.svg

@@ -0,0 +1,6 @@
+<svg width="84" height="84" viewBox="0 0 84 84" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="2" width="80" height="80" rx="10" fill="white" stroke="#1B3C59" stroke-width="4"/>
+<rect x="42" y="19" width="28" height="4" rx="2" fill="#195D80"/>
+<rect x="28" y="52" width="28" height="9" rx="2" fill="#007EA7"/>
+<rect x="18" y="27" width="52" height="4" rx="2" fill="#292929"/>
+</svg>

lib/config/design_config.dart

@@ -15,10 +15,10 @@ class DesignConfig {
     Radius.circular(16),
   );
 
-  static final Border cardBorder = Border.all(
-    color: Theme.of(context).colorScheme.cardBorder,
-    width: 0.25,
-  );
+  static Border get cardBorder => Border.all(
+        color: Theme.of(context).colorScheme.cardBorder,
+        width: 0.5,
+      );
 
   static List<BoxShadow> get defaultShadow => [
         BoxShadow(
@@ -28,6 +28,8 @@ class DesignConfig {
         )
       ];
 
+  static Brightness get brightness => Theme.of(context).brightness;
+
   static const Duration lowAnimationDuration = Duration(milliseconds: 300);
   static const Duration mediumAnimationDuration = Duration(milliseconds: 600);
 
@@ -37,12 +39,12 @@ class DesignConfig {
           ? Brightness.light
           : Brightness.dark,
       statusBarColor: Colors.transparent,
-      systemNavigationBarColor: Theme.of(context).colorScheme.surface,
-      systemNavigationBarDividerColor: Colors.transparent,
-      systemNavigationBarIconBrightness:
-          Theme.of(context).colorScheme.brightness == Brightness.dark
-              ? Brightness.light
-              : Brightness.dark,
+      // systemNavigationBarColor: Theme.of(context).colorScheme.surface,
+      // systemNavigationBarDividerColor: Colors.transparent,
+      // systemNavigationBarIconBrightness:
+      //     Theme.of(context).colorScheme.brightness == Brightness.dark
+      //         ? Brightness.light
+      //         : Brightness.dark,
     );
   }
 

lib/constants/assets.dart

@@ -1,24 +1,36 @@
+import 'package:didvan/config/design_config.dart';
+import 'package:flutter/cupertino.dart';
+
 class Assets {
   static const String _basePath = 'lib/assets';
   static const String _baseImagesPath = _basePath + '/images';
+  static const String _baseThemesPath = _basePath + '/images/themes';
   static const String _baseAnimationsPath = _basePath + '/animations';
 
-  static const String verticalLogoWithText =
-      _baseImagesPath + '/logos/logo-v-t.png';
-  static const String horizontalLogoWithText =
-      _baseImagesPath + '/logos/logo-h-t.png';
+  static String get verticalLogoWithText =>
+      _baseImagesPath + '/logos/logo-vertical-$_themeSuffix.svg';
+  static String get horizontalLogoWithText =>
+      _baseImagesPath + '/logos/logo-horizontal-$_themeSuffix.svg';
 
   static const String logoLoadingAnimation =
       _baseAnimationsPath + '/indicator.riv';
 
-  static const businessCategoryIcon =
-      _baseImagesPath + '/categories/business.png';
-  static const economicCategoryIcon =
-      _baseImagesPath + '/categories/economic.png';
-  static const enviromentalCategoryIcon =
-      _baseImagesPath + '/categories/enviromental.png';
-  static const politicalCategoryIcon =
-      _baseImagesPath + '/categories/political.png';
-  static const socialCategoryIcon = _baseImagesPath + '/categories/social.png';
-  static const techCategoryIcon = _baseImagesPath + '/categories/tech.png';
+  static String get businessCategoryIcon =>
+      _baseImagesPath + '/categories/business-$_themeSuffix.svg';
+  static String get economicCategoryIcon =>
+      _baseImagesPath + '/categories/economic-$_themeSuffix.svg';
+  static String get enviromentalCategoryIcon =>
+      _baseImagesPath + '/categories/enviromental-$_themeSuffix.svg';
+  static String get politicalCategoryIcon =>
+      _baseImagesPath + '/categories/political-$_themeSuffix.svg';
+  static String get socialCategoryIcon =>
+      _baseImagesPath + '/categories/social-$_themeSuffix.svg';
+  static String get techCategoryIcon =>
+      _baseImagesPath + '/categories/tech-$_themeSuffix.svg';
+
+  static const String lightTheme = _baseThemesPath + '/light-theme.svg';
+  static const String darkTheme = _baseThemesPath + '/dark-theme.svg';
+
+  static String get _themeSuffix =>
+      DesignConfig.brightness == Brightness.dark ? 'dark' : 'light';
 }

lib/main.dart

@@ -1,5 +1,5 @@
-import 'package:didvan/config/design_config.dart';
 import 'package:didvan/config/theme_data.dart';
+import 'package:didvan/providers/theme_provider.dart';
 import 'package:didvan/providers/user_provider.dart';
 import 'package:didvan/routes/route_generator.dart';
 import 'package:flutter/material.dart';
@@ -16,28 +16,33 @@ class Didvan extends StatelessWidget {
   Widget build(BuildContext context) {
     return MultiProvider(
       providers: [
-        ChangeNotifierProvider(
+        ChangeNotifierProvider<UserProvider>(
           create: (context) => UserProvider(),
         ),
+        ChangeNotifierProvider<ThemeProvider>(
+          create: (context) => ThemeProvider(),
+        ),
       ],
-      child: MaterialApp(
-        debugShowCheckedModeBanner: false,
-        title: 'Didvan',
-        theme: LightThemeConfig.themeData,
-        darkTheme: DarkThemeConfig.themeData,
-        color: LightThemeConfig.themeData.primaryColor,
-        themeMode: ThemeMode.light,
-        onGenerateRoute: (settings) => RouteGenerator.generateRoute(settings),
-        initialRoute: '/',
-        localizationsDelegates: const [
-          GlobalCupertinoLocalizations.delegate,
-          GlobalMaterialLocalizations.delegate,
-          GlobalWidgetsLocalizations.delegate,
-        ],
-        supportedLocales: const [
-          Locale("fa", "IR"),
-        ],
-        locale: const Locale("fa", "IR"),
+      child: Consumer<ThemeProvider>(
+        builder: (context, themeProvider, child) => MaterialApp(
+          debugShowCheckedModeBanner: false,
+          title: 'Didvan',
+          theme: LightThemeConfig.themeData,
+          darkTheme: DarkThemeConfig.themeData,
+          color: LightThemeConfig.themeData.primaryColor,
+          themeMode: themeProvider.themeMode,
+          onGenerateRoute: (settings) => RouteGenerator.generateRoute(settings),
+          initialRoute: '/',
+          localizationsDelegates: const [
+            GlobalCupertinoLocalizations.delegate,
+            GlobalMaterialLocalizations.delegate,
+            GlobalWidgetsLocalizations.delegate,
+          ],
+          supportedLocales: const [
+            Locale("fa", "IR"),
+          ],
+          locale: const Locale("fa", "IR"),
+        ),
       ),
     );
   }

lib/models/settings_data.dart

@@ -0,0 +1,27 @@
+class SettingsData {
+  final String brightness;
+  final List<String> notificationTimeRange;
+  final String fontFamily;
+  final double fontSizeScale;
+
+  SettingsData(
+    this.brightness,
+    this.notificationTimeRange,
+    this.fontFamily,
+    this.fontSizeScale,
+  );
+
+  factory SettingsData.fromJson(Map json) => SettingsData(
+        json['brightness'],
+        json['notificationTimeRange'],
+        json['fontFamily'],
+        json['fontSizeScale'],
+      );
+
+  Map toJson() => {
+        'brightness': brightness,
+        'notificationTimeRange': notificationTimeRange,
+        'fontFamily': fontFamily,
+        'fontSizeScale': fontSizeScale,
+      };
+}

lib/pages/home/profile/edit_profile/edit_profile.dart

@@ -16,55 +16,47 @@ class EditProfile extends StatelessWidget {
     return DidvanScaffold(
       appBarData: AppBarData(title: 'ویرایش پروفایل'),
       slivers: [
-        const SliverPadding(
-          padding: EdgeInsets.only(top: 16),
-          sliver: SliverToBoxAdapter(
-            child: ProfilePhoto(),
-          ),
-        ),
-        SliverPadding(
-          padding: const EdgeInsets.all(16),
-          sliver: SliverToBoxAdapter(
-            child: DidvanCard(
-              child: Column(
-                children: [
-                  DidvanTextField(
-                    title: 'نام کاربری',
-                    hintText: 'انتخاب نام کاربری (اختیاری)',
-                    onChanged: (value) {
-                      //TODO: Needs implementation
-                    },
-                  ),
-                  const SizedBox(height: 16),
-                  DidvanTextField(
-                    title: 'ایمیل',
-                    hintText: 'مثال: example@email.com',
-                    onChanged: (value) {
-                      //TODO: Meeds implementaion
-                    },
-                  ),
-                  const SizedBox(height: 16),
-                  const DidvanTextField(
-                    title: 'موبایل',
-                    enabled: false,
-                    hintText: '09123456789', //TODO: Needs api
-                  ),
-                  const SizedBox(height: 16),
-                  DidvanSwitch(
-                    value: true, //TODO: Needs api
-                    title: 'ورود با اثر انگشت',
-                    onChanged: (value) => {
-                      //TODO: Needs implementaion
-                    },
-                  ),
-                  const DidvanDivider(),
-                  MenuItem(
-                    title: 'تغییر رمز عبور',
-                    onTap: () {},
-                  ),
-                ],
+        const SizedBox(height: 16),
+        const ProfilePhoto(),
+        const SizedBox(height: 16),
+        DidvanCard(
+          child: Column(
+            children: [
+              DidvanTextField(
+                title: 'نام کاربری',
+                hintText: 'انتخاب نام کاربری (اختیاری)',
+                onChanged: (value) {
+                  //TODO: Needs implementation
+                },
               ),
-            ),
+              const SizedBox(height: 16),
+              DidvanTextField(
+                title: 'ایمیل',
+                hintText: 'مثال: example@email.com',
+                onChanged: (value) {
+                  //TODO: Meeds implementaion
+                },
+              ),
+              const SizedBox(height: 16),
+              const DidvanTextField(
+                title: 'موبایل',
+                enabled: false,
+                hintText: '09123456789', //TODO: Needs api
+              ),
+              const SizedBox(height: 16),
+              DidvanSwitch(
+                value: true, //TODO: Needs api
+                title: 'ورود با اثر انگشت',
+                onChanged: (value) => {
+                  //TODO: Needs implementaion
+                },
+              ),
+              const DidvanDivider(),
+              MenuItem(
+                title: 'تغییر رمز عبور',
+                onTap: () {},
+              ),
+            ],
           ),
         ),
       ],

lib/pages/home/profile/profile.dart

@@ -1,12 +1,14 @@
 import 'package:didvan/constants/app_icons.dart';
 import 'package:didvan/pages/home/profile/widgets/menu_item.dart';
 import 'package:didvan/pages/home/widgets/logo_app_bar.dart';
+import 'package:didvan/providers/theme_provider.dart';
 import 'package:didvan/routes/routes.dart';
 import 'package:didvan/widgets/didvan/card.dart';
 import 'package:didvan/widgets/didvan/divider.dart';
 import 'package:didvan/widgets/didvan/text.dart';
 import 'package:didvan/widgets/item_title.dart';
 import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
 
 class Profile extends StatelessWidget {
   const Profile({Key? key}) : super(key: key);
@@ -18,7 +20,12 @@ class Profile extends StatelessWidget {
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          const LogoAppBar(hasExtraPadding: false),
+          Consumer<ThemeProvider>(
+            builder: (context, themeProvider, child) => LogoAppBar(
+              hasExtraPadding: false,
+              key: UniqueKey(),
+            ),
+          ),
           const SizedBox(height: 16),
           DidvanCard(
             child: Column(

lib/pages/home/profile/settings/settings.dart

@@ -1,23 +1,124 @@
+import 'package:day_night_time_picker/lib/daynight_timepicker.dart';
+import 'package:didvan/config/design_config.dart';
+import 'package:didvan/constants/app_icons.dart';
+import 'package:didvan/constants/assets.dart';
 import 'package:didvan/models/view/app_bar_data.dart';
+import 'package:didvan/pages/home/profile/settings/settings_state.dart';
 import 'package:didvan/pages/home/profile/widgets/menu_item.dart';
+import 'package:didvan/providers/theme_provider.dart';
 import 'package:didvan/widgets/didvan/card.dart';
+import 'package:didvan/widgets/didvan/divider.dart';
 import 'package:didvan/widgets/didvan/scaffold.dart';
+import 'package:didvan/widgets/didvan/text.dart';
+import 'package:didvan/widgets/item_title.dart';
+import 'package:didvan/widgets/state_handler.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:provider/provider.dart';
 
 class Settings extends StatelessWidget {
   const Settings({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
-    return DidvanScaffold(
-      appBarData: AppBarData(hasBack: true, title: 'تنظیمات'),
-      slivers: [
-        SliverToBoxAdapter(
-          child: DidvanCard(
-            child: MenuItem(title: 'زمان دریافت اعلان', onTap: () {}),
-          ),
+    return Consumer<SettingsState>(
+      builder: (context, state, child) => StateHandler<SettingsState>(
+        state: context.read<SettingsState>(),
+        builder: (context, state) => DidvanScaffold(
+          appBarData: AppBarData(hasBack: true, title: 'تنظیمات'),
+          slivers: [
+            DidvanCard(
+              child: MenuItem(
+                title: 'زمان دریافت اعلان',
+                onTap: () => _pickTimeRange(context),
+                icon: DidvanIcons.notification_regular,
+                suffix: state.notificationTimeRange[0],
+              ),
+            ),
+            const ItemTitle(
+              title: 'انتخاب قلم',
+              icon: DidvanIcons.font_solid,
+            ),
+            DidvanCard(
+              child: Column(
+                children: [
+                  MenuItem(
+                    suffix: 'نیاز به پیاده‌سازی',
+                    title: 'فونت برنامه',
+                    onTap: () {},
+                  ),
+                  const DidvanDivider(),
+                  MenuItem(
+                    suffix: 'نیاز به پیاده‌سازی',
+                    title: 'اندازه متن',
+                    onTap: () {},
+                  ),
+                ],
+              ),
+            ),
+            const ItemTitle(
+              title: 'ظاهر برنامه',
+              icon: DidvanIcons.theme_solid,
+            ),
+            DidvanCard(
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.spaceAround,
+                children: [
+                  _themeItem(context, state, 'light'),
+                  _themeItem(context, state, 'dark'),
+                ],
+              ),
+            ),
+          ],
         ),
-      ],
+      ),
+    );
+  }
+
+  Future<void> _pickTimeRange(context) async {
+    final SettingsState state = context.read<SettingsState>();
+    Navigator.of(context).push(
+      showPicker(
+        context: context,
+        value: const TimeOfDay(hour: 0, minute: 0),
+        onChange: (time) {
+          String hour = time.toString().split(':')[0];
+          state.notificationTimeRange = [];
+        },
+      ),
+    );
+  }
+
+  Widget _themeItem(
+      BuildContext context, SettingsState state, String brightness) {
+    final bool isDarkTheme = brightness == 'dark';
+    return GestureDetector(
+      onTap: () {
+        state.brightness = brightness;
+        if (isDarkTheme && Theme.of(context).brightness == Brightness.dark) {
+          return;
+        } else if (!isDarkTheme &&
+            Theme.of(context).brightness == Brightness.light) {
+          return;
+        } else {
+          if (isDarkTheme) {
+            context.read<ThemeProvider>().themeMode = ThemeMode.dark;
+            DesignConfig.updateSystemUiOverlayStyle();
+          } else {
+            context.read<ThemeProvider>().themeMode = ThemeMode.light;
+            DesignConfig.updateSystemUiOverlayStyle();
+          }
+        }
+      },
+      child: Column(
+        children: [
+          SvgPicture.asset(isDarkTheme ? Assets.darkTheme : Assets.lightTheme),
+          const SizedBox(height: 8),
+          DidvanText(
+            isDarkTheme ? 'تیره' : 'روشن',
+          ),
+        ],
+      ),
     );
   }
 }

lib/pages/home/profile/settings/settings_state.dart

@@ -0,0 +1,73 @@
+import 'package:didvan/models/enums.dart';
+import 'package:didvan/providers/core_provider.dart';
+import 'package:didvan/services/storage/storage.dart';
+
+class SettingsState extends CoreProvier {
+  SettingsState() {
+    getSettingsFromStorage();
+  }
+
+  List<String> _notificationTimeRange = [];
+  String _fontFamily = 'Dana-FA';
+  double _fontSizeScale = 1;
+  String _brightness = 'light';
+
+  set notificationTimeRange(List<String> value) {
+    _notificationTimeRange = value;
+    StorageService.setValue(
+      key: 'notificationTimeRange',
+      value: value,
+      boxName: 'settings',
+    );
+  }
+
+  List<String> get notificationTimeRange => _notificationTimeRange;
+
+  set fontFamily(String value) {
+    _fontFamily = value;
+    StorageService.setValue(
+      key: 'fontFamily',
+      value: value,
+      boxName: 'settings',
+    );
+    notifyListeners();
+  }
+
+  String get fontFamily => _fontFamily;
+
+  set fontSizeScale(double value) {
+    _fontSizeScale = value;
+    StorageService.setValue(
+      key: 'fontSizeScale',
+      value: value,
+      boxName: 'settings',
+    );
+    notifyListeners();
+  }
+
+  double get fontSizeScale => _fontSizeScale;
+
+  set brightness(String value) {
+    _brightness = value;
+    StorageService.setValue(
+      key: 'brightness',
+      value: value,
+      boxName: 'settings',
+    );
+    notifyListeners();
+  }
+
+  String get brightness => _brightness;
+
+  Future<void> getSettingsFromStorage() async {
+    appState = AppState.busy;
+    final Map settingsData = await StorageService.getBoxData(
+      boxName: 'settings',
+    );
+    _notificationTimeRange = settingsData['notificationTimeRange'];
+    _fontFamily = settingsData['fontFamily'];
+    _fontSizeScale = settingsData['fontSizeScale'];
+    _brightness = settingsData['brightness'];
+    appState = AppState.idle;
+  }
+}

lib/pages/home/profile/widgets/menu_item.dart

@@ -33,6 +33,15 @@ class MenuItem extends StatelessWidget {
             color: color ?? Theme.of(context).colorScheme.title,
           ),
           const Spacer(),
+          if (suffix != null)
+            DidvanText(
+              suffix!,
+              style: Theme.of(context)
+                  .textTheme
+                  .subtitle2!
+                  .copyWith(fontWeight: FontWeight.w400),
+              color: Theme.of(context).colorScheme.primary,
+            ),
           trailing ??
               Icon(
                 DidvanIcons.angle_left_regular,

lib/pages/home/radar/widgets/category_item.dart

@@ -3,6 +3,7 @@ import 'package:didvan/config/theme_data.dart';
 import 'package:didvan/widgets/animated_visibility.dart';
 import 'package:didvan/widgets/didvan/text.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
 
 class CategoryItem extends StatelessWidget {
   final String title;
@@ -45,9 +46,7 @@ class CategoryItem extends StatelessWidget {
                   borderRadius: DesignConfig.mediumBorderRadius,
                 ),
                 padding: const EdgeInsets.all(8),
-                child: Image.asset(
-                  asset,
-                ),
+                child: SvgPicture.asset(asset),
               ),
             ),
             const SizedBox(

lib/pages/splash/splash.dart

@@ -1,10 +1,14 @@
 import 'package:didvan/config/design_config.dart';
 import 'package:didvan/config/theme_data.dart';
 import 'package:didvan/main.dart';
+import 'package:didvan/pages/splash/splash_state.dart';
+import 'package:didvan/providers/theme_provider.dart';
 import 'package:didvan/routes/routes.dart';
+import 'package:didvan/services/app_initalizer.dart';
 import 'package:didvan/widgets/logos/didvan_horizontal_logo.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:provider/provider.dart';
 
 class Splash extends StatefulWidget {
   const Splash({Key? key}) : super(key: key);
@@ -14,31 +18,47 @@ class Splash extends StatefulWidget {
 }
 
 class _SplashState extends State<Splash> {
+  bool _isGettingThemeData = true;
+
   @override
   void initState() {
-    Future.delayed(
-      const Duration(seconds: 2),
-      () {
-        Navigator.of(context).pushReplacementNamed(
-          Routes.home,
-        );
-      },
-    );
+    _initialize();
     super.initState();
   }
 
+  Future<void> _initialize() async {
+    await AppInitializer.setupServices();
+    final ThemeMode themeMode = await AppInitializer.initilizeSettings();
+    context.read<ThemeProvider>().themeMode = themeMode;
+    await Future.delayed(
+      const Duration(milliseconds: 200),
+      () => setState(() {
+        _isGettingThemeData = false;
+      }),
+    );
+    await Future.delayed(const Duration(seconds: 2));
+    Navigator.of(context).pushReplacementNamed(Routes.home);
+  }
+
   @override
   Widget build(BuildContext context) {
     DesignConfig.context = context;
+    if (_isGettingThemeData) {
+      return Container(
+        color: Colors.black,
+        height: double.infinity,
+        width: double.infinity,
+      );
+    }
     return AnnotatedRegion<SystemUiOverlayStyle>(
       value: DesignConfig.systemUiOverlayStyle.copyWith(
-        systemNavigationBarColor: Theme.of(context).colorScheme.focused,
-      ),
+          // systemNavigationBarColor: Theme.of(context).colorScheme.focused,
+          ),
       child: Scaffold(
         body: Container(
           alignment: Alignment.center,
           padding: const EdgeInsets.all(60),
-          color: Theme.of(context).colorScheme.focused,
+          color: Theme.of(context).colorScheme.background,
           child: const DidvanVerticalLogo(),
         ),
       ),

lib/providers/core_provider.dart

@@ -9,5 +9,7 @@ class CoreProvier with ChangeNotifier {
     notifyListeners();
   }
 
+  void update() => notifyListeners();
+
   AppState get appState => _appState;
 }

lib/providers/theme_provider.dart

@@ -2,5 +2,12 @@ import 'package:didvan/providers/core_provider.dart';
 import 'package:flutter/material.dart';
 
 class ThemeProvider extends CoreProvier {
-  late ThemeMode themeMode;
+  ThemeMode _themeMode = ThemeMode.system;
+
+  set themeMode(ThemeMode value) {
+    _themeMode = value;
+    notifyListeners();
+  }
+
+  ThemeMode get themeMode => _themeMode;
 }

lib/routes/route_generator.dart

@@ -4,6 +4,7 @@ import 'package:didvan/pages/home/home.dart';
 import 'package:didvan/pages/home/home_state.dart';
 import 'package:didvan/pages/home/profile/edit_profile/edit_profile.dart';
 import 'package:didvan/pages/home/profile/settings/settings.dart';
+import 'package:didvan/pages/home/profile/settings/settings_state.dart';
 import 'package:didvan/pages/splash/splash.dart';
 import 'package:didvan/pages/splash/splash_state.dart';
 import 'package:didvan/routes/routes.dart';
@@ -40,7 +41,10 @@ class RouteGenerator {
         );
       case Routes.settings:
         return _createRoute(
-          const Settings(),
+          ChangeNotifierProvider<SettingsState>(
+            create: (context) => SettingsState(),
+            child: const Settings(),
+          ),
         );
       default:
         return _errorRoute();

lib/services/app_initalizer.dart

@@ -0,0 +1,37 @@
+import 'dart:io';
+
+import 'package:didvan/models/settings_data.dart';
+import 'package:didvan/services/storage/storage.dart';
+import 'package:flutter/material.dart';
+import 'package:hive/hive.dart';
+import 'package:path_provider/path_provider.dart';
+
+class AppInitializer {
+  static Future<void> setupServices() async {
+    final Directory appDir = await getApplicationDocumentsDirectory();
+    Hive.init(appDir.path);
+  }
+
+  static Future<ThemeMode> initilizeSettings() async {
+    final bool settingsBoxExists = await StorageService.boxExists(
+      boxName: 'settings',
+    );
+    if (settingsBoxExists) {
+      final String brightness =
+          await StorageService.getValue(key: 'brightness', boxName: 'settings');
+      return brightness == 'dark' ? ThemeMode.dark : ThemeMode.light;
+    } else {
+      final SettingsData settingsData = SettingsData(
+        'light',
+        ['00:00', '23:59'],
+        'Dana-FA',
+        1,
+      );
+      await StorageService.setBoxData(
+        data: settingsData.toJson(),
+        boxName: 'settings',
+      );
+      return ThemeMode.light;
+    }
+  }
+}

lib/services/network/request.dart

@@ -3,7 +3,7 @@ import 'dart:developer';
 import 'dart:io';
 import 'package:http/http.dart' as http;
 
-class RequestHandler {
+class RequestService {
   static late String token;
 
   String? errorMessage;
@@ -18,7 +18,7 @@ class RequestHandler {
 
   bool isSuccess = false;
 
-  RequestHandler(
+  RequestService(
     this.url, {
     Map<String, String>? requestHeaders,
     body,

lib/services/network/request_helper.dart

@@ -0,0 +1 @@
+class RequestHelper {}

lib/services/storage/storage.dart

@@ -0,0 +1,40 @@
+import 'package:hive/hive.dart';
+
+class StorageService {
+  static Future<void> setValue({
+    required String key,
+    required dynamic value,
+    required String boxName,
+  }) async {
+    final Box box = await Hive.openBox(boxName);
+    await box.put(key, value);
+    await box.close();
+  }
+
+  static Future getValue({required String key, required String boxName}) async {
+    final Box box = await Hive.openBox(boxName);
+    final value = await box.get(key);
+    await box.close();
+    return value;
+  }
+
+  static Future<void> setBoxData({
+    required Map data,
+    required String boxName,
+  }) async {
+    final Box box = await Hive.openBox(boxName);
+    await box.putAll(data);
+    await box.close();
+  }
+
+  static Future<Map> getBoxData({required String boxName}) async {
+    final Box box = await Hive.openBox(boxName);
+    await box.close();
+    return box.toMap();
+  }
+
+  static Future<bool> boxExists({required String boxName}) async {
+    final bool result = await Hive.boxExists(boxName);
+    return result;
+  }
+}

lib/utils/actions_sheet.dart

@@ -24,8 +24,8 @@ class ActionSheetUtils {
   static AnnotatedRegion _customSystemOverlayStyle({required Widget child}) {
     return AnnotatedRegion<SystemUiOverlayStyle>(
       value: DesignConfig.systemUiOverlayStyle.copyWith(
-        systemNavigationBarColor: Colors.black45,
-      ),
+          // systemNavigationBarColor: Colors.black45,
+          ),
       child: child,
     );
   }

lib/utils/date_time.dart

@@ -0,0 +1,8 @@
+import 'package:flutter/material.dart';
+
+class DateTimeUtils {
+  static TimeOfDay stringToTimeOfDay(String input) => TimeOfDay(
+        hour: int.parse(input.split(':')[0]),
+        minute: int.parse(input.split(':')[1]),
+      );
+}

lib/widgets/didvan/app_bar.dart

@@ -1,4 +1,3 @@
-import 'package:didvan/config/design_config.dart';
 import 'package:didvan/config/theme_data.dart';
 import 'package:didvan/models/view/app_bar_data.dart';
 import 'package:didvan/widgets/didvan/text.dart';

lib/widgets/didvan/scaffold.dart

@@ -2,7 +2,7 @@ import 'package:didvan/models/view/app_bar_data.dart';
 import 'package:didvan/widgets/didvan/app_bar.dart';
 import 'package:flutter/material.dart';
 
-class DidvanScaffold extends StatefulWidget {
+class DidvanScaffold extends StatelessWidget {
   final List<Widget>? slivers;
   final AppBarData appBarData;
   final bool hasPadding;
@@ -13,20 +13,6 @@ class DidvanScaffold extends StatefulWidget {
     this.hasPadding = true,
   }) : super(key: key);
 
-  @override
-  State<DidvanScaffold> createState() => _DidvanScaffoldState();
-}
-
-class _DidvanScaffoldState extends State<DidvanScaffold> {
-  bool _isElevated = false;
-  final ScrollController _scrollController = ScrollController();
-
-  @override
-  void initState() {
-    _scrollController.addListener(() => _handleAppBarElevation());
-    super.initState();
-  }
-
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -36,24 +22,23 @@ class _DidvanScaffoldState extends State<DidvanScaffold> {
             backgroundColor: Theme.of(context).backgroundColor,
             automaticallyImplyLeading: false,
             pinned: true,
-            flexibleSpace: DidvanAppBar(appBarData: widget.appBarData),
+            flexibleSpace: DidvanAppBar(appBarData: appBarData),
           ),
-          if (widget.slivers != null) ...widget.slivers!
+          const SliverToBoxAdapter(
+            child: SizedBox(height: 16),
+          ),
+          if (slivers != null)
+            SliverPadding(
+              padding: const EdgeInsets.symmetric(horizontal: 16),
+              sliver: SliverList(
+                delegate: SliverChildBuilderDelegate(
+                  (_, index) => slivers![index],
+                  childCount: slivers!.length,
+                ),
+              ),
+            ),
         ],
       ),
     );
   }
-
-  void _handleAppBarElevation() {
-    if (_scrollController.position.pixels > kToolbarHeight && !_isElevated) {
-      setState(() {
-        _isElevated = true;
-      });
-    }
-    if (_scrollController.position.pixels < kToolbarHeight && _isElevated) {
-      setState(() {
-        _isElevated = false;
-      });
-    }
-  }
 }

lib/widgets/loading_indicators.dart

@@ -0,0 +1 @@
+import 'package:flutter/material.dart';

lib/widgets/logos/didvan_horizontal_logo.dart

@@ -1,11 +1,12 @@
 import 'package:didvan/constants/assets.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_svg/svg.dart';
 
 class DidvanVerticalLogo extends StatelessWidget {
   const DidvanVerticalLogo({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
-    return Image.asset(Assets.verticalLogoWithText);
+    return SvgPicture.asset(Assets.verticalLogoWithText);
   }
 }

lib/widgets/logos/didvan_vertical_logo.dart

@@ -1,11 +1,12 @@
 import 'package:didvan/constants/assets.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_svg/svg.dart';
 
 class DidvanHorizontalLogo extends StatelessWidget {
   const DidvanHorizontalLogo({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
-    return Image.asset(Assets.horizontalLogoWithText);
+    return SvgPicture.asset(Assets.horizontalLogoWithText);
   }
 }

lib/widgets/state_handler.dart

@@ -0,0 +1,48 @@
+import 'package:didvan/models/enums.dart';
+import 'package:didvan/providers/core_provider.dart';
+import 'package:flutter/material.dart';
+
+class StateHandler<T extends CoreProvier> extends StatelessWidget {
+  final T state;
+  final Widget Function(BuildContext context, T state) builder;
+  final VoidCallback? onRefresh;
+  final bool enableCustomLoadingIndicator;
+  final Color? customLoadingIndicatorColor;
+  final bool enableEmptyState;
+  final Widget? emptyState;
+  final double topPadding;
+  const StateHandler({
+    Key? key,
+    required this.builder,
+    this.emptyState,
+    this.enableCustomLoadingIndicator = false,
+    this.enableEmptyState = false,
+    this.onRefresh,
+    this.topPadding = 0,
+    this.customLoadingIndicatorColor,
+    required this.state,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    if (enableEmptyState && state.appState == AppState.idle) {
+      return Container(
+        padding: EdgeInsets.only(top: topPadding),
+        alignment: Alignment.center,
+        child: SingleChildScrollView(
+          child: emptyState ?? const Text('Custom Widget Required!'),
+        ),
+      );
+    }
+    switch (state.appState) {
+      case AppState.idle:
+        return builder(context, state);
+      case AppState.busy:
+        return const CircularProgressIndicator();
+      case AppState.failed:
+        return enableCustomLoadingIndicator ? emptyState! : Container();
+      default:
+        return Container();
+    }
+  }
+}

pubspec.lock

@@ -64,6 +64,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.0.4"
+  day_night_time_picker:
+    dependency: "direct main"
+    description:
+      name: day_night_time_picker
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.3+1"
   fake_async:
     dependency: transitive
     description:
@@ -71,6 +78,20 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.2.0"
+  ffi:
+    dependency: transitive
+    description:
+      name: ffi
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.1.2"
+  file:
+    dependency: transitive
+    description:
+      name: file
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "6.1.2"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -95,6 +116,20 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.0.5"
+  flutter_spinkit:
+    dependency: "direct main"
+    description:
+      name: flutter_spinkit
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "5.1.0"
+  flutter_svg:
+    dependency: "direct main"
+    description:
+      name: flutter_svg
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.0"
   flutter_test:
     dependency: "direct dev"
     description: flutter
@@ -203,6 +238,76 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.8.0"
+  path_drawing:
+    dependency: transitive
+    description:
+      name: path_drawing
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.0"
+  path_parsing:
+    dependency: transitive
+    description:
+      name: path_parsing
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.0"
+  path_provider:
+    dependency: "direct main"
+    description:
+      name: path_provider
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.8"
+  path_provider_android:
+    dependency: transitive
+    description:
+      name: path_provider_android
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.9"
+  path_provider_ios:
+    dependency: transitive
+    description:
+      name: path_provider_ios
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.7"
+  path_provider_linux:
+    dependency: transitive
+    description:
+      name: path_provider_linux
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.1.4"
+  path_provider_macos:
+    dependency: transitive
+    description:
+      name: path_provider_macos
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.4"
+  path_provider_platform_interface:
+    dependency: transitive
+    description:
+      name: path_provider_platform_interface
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.1"
+  path_provider_windows:
+    dependency: transitive
+    description:
+      name: path_provider_windows
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.4"
+  petitparser:
+    dependency: transitive
+    description:
+      name: petitparser
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.4.0"
   pin_code_fields:
     dependency: "direct main"
     description:
@@ -210,6 +315,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "7.3.0"
+  platform:
+    dependency: transitive
+    description:
+      name: platform
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.1.0"
   plugin_platform_interface:
     dependency: transitive
     description:
@@ -217,6 +329,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.0.2"
+  process:
+    dependency: transitive
+    description:
+      name: process
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.2.4"
   provider:
     dependency: "direct main"
     description:
@@ -292,6 +411,27 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.1.1"
+  win32:
+    dependency: transitive
+    description:
+      name: win32
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.3.2"
+  xdg_directories:
+    dependency: transitive
+    description:
+      name: xdg_directories
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.2.0"
+  xml:
+    dependency: transitive
+    description:
+      name: xml
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "5.3.1"
 sdks:
   dart: ">=2.14.0 <3.0.0"
   flutter: ">=2.5.0"

pubspec.yaml

@@ -41,6 +41,10 @@ dependencies:
   rive: ^0.7.33
   hive: ^2.0.5
   image_picker: ^0.8.4+4
+  day_night_time_picker: ^1.0.3+1
+  path_provider: ^2.0.8
+  flutter_spinkit: ^5.1.0
+  flutter_svg: ^1.0.0
 
 dev_dependencies:
   flutter_test:
@@ -66,15 +70,24 @@ flutter:
 
   # To add assets to your application, add an assets section, like this:
   assets:
-    - lib/assets/images/logos/logo-v-t.png
-    - lib/assets/images/logos/logo-h-t.png
-    - lib/assets/images/categories/business.png
-    - lib/assets/images/categories/economic.png
-    - lib/assets/images/categories/enviromental.png
-    - lib/assets/images/categories/political.png
-    - lib/assets/images/categories/social.png
-    - lib/assets/images/categories/tech.png
-    - lib/assets/animations/indicator.riv
+    - lib/assets/images/logos/logo-vertical-dark.svg
+    - lib/assets/images/logos/logo-vertical-light.svg
+    - lib/assets/images/logos/logo-horizontal-dark.svg
+    - lib/assets/images/logos/logo-horizontal-light.svg
+    - lib/assets/images/categories/business-light.svg
+    - lib/assets/images/categories/economic-light.svg
+    - lib/assets/images/categories/enviromental-light.svg
+    - lib/assets/images/categories/political-light.svg
+    - lib/assets/images/categories/social-light.svg
+    - lib/assets/images/categories/tech-light.svg
+    - lib/assets/images/categories/business-dark.svg
+    - lib/assets/images/categories/economic-dark.svg
+    - lib/assets/images/categories/enviromental-dark.svg
+    - lib/assets/images/categories/political-dark.svg
+    - lib/assets/images/categories/social-dark.svg
+    - lib/assets/images/categories/tech-dark.svg
+    - lib/assets/images/themes/light-theme.svg
+    - lib/assets/images/themes/dark-theme.svg
     - lib/assets/animations/indicator.riv