adata-ui 2.1.40 → 2.1.41-beta.1

package/illustrations/mail-active.vue

@@ -0,0 +1,86 @@
+<template>
+  <svg class="dark:hidden" width="140" height="140" viewBox="0 0 140 140" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="70" cy="70" r="70" fill="url(#paint0_radial_1975_1066)"/>
+    <g filter="url(#filter0_f_1975_1066)">
+      <ellipse cx="70" cy="117.133" rx="37.3333" ry="7" fill="#3DA6FF" fill-opacity="0.14"/>
+    </g>
+    <path d="M30.8281 44.0807C30.8281 42.1259 31.6047 40.2511 32.987 38.8688C34.3693 37.4865 36.2441 36.71 38.1989 36.71H100.851C102.805 36.71 104.68 37.4865 106.062 38.8688C107.445 40.2511 108.221 42.1259 108.221 44.0807V80.9346C108.221 82.8895 107.445 84.7643 106.062 86.1466C104.68 87.5289 102.805 88.3054 100.851 88.3054H38.1989C36.2441 88.3054 34.3693 87.5289 32.987 86.1466C31.6047 84.7643 30.8281 82.8895 30.8281 80.9346V44.0807Z" fill="url(#paint1_linear_1975_1066)"/>
+    <path d="M34.5133 45.9236L69.5245 68.0359L104.536 45.9236" stroke="url(#paint2_linear_1975_1066)" stroke-width="8.23332" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M100.851 48.6879C107.466 48.6879 112.828 43.3254 112.828 36.7104C112.828 30.0954 107.466 24.7329 100.851 24.7329C94.2356 24.7329 88.873 30.0954 88.873 36.7104C88.873 43.3254 94.2356 48.6879 100.851 48.6879Z" fill="white"/>
+    <path d="M100.85 45.923C105.938 45.923 110.063 41.798 110.063 36.7096C110.063 31.6211 105.938 27.4961 100.85 27.4961C95.7612 27.4961 91.6362 31.6211 91.6362 36.7096C91.6362 41.798 95.7612 45.923 100.85 45.923Z" fill="url(#paint3_linear_1975_1066)"/>
+    <g opacity="0.3" filter="url(#filter1_f_1975_1066)">
+      <path d="M51.0976 52.3729C57.2037 52.3729 62.1537 50.3104 62.1537 47.7662C62.1537 45.2219 57.2037 43.1594 51.0976 43.1594C44.9914 43.1594 40.0414 45.2219 40.0414 47.7662C40.0414 50.3104 44.9914 52.3729 51.0976 52.3729Z" fill="white"/>
+    </g>
+    <defs>
+      <filter id="filter0_f_1975_1066" x="27.0667" y="104.533" width="85.8667" height="25.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+        <feGaussianBlur stdDeviation="2.8" result="effect1_foregroundBlur_1975_1066"/>
+      </filter>
+      <filter id="filter1_f_1975_1066" x="32.9843" y="36.1023" width="36.2266" height="23.3276" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+        <feGaussianBlur stdDeviation="3.52856" result="effect1_foregroundBlur_1975_1066"/>
+      </filter>
+      <radialGradient id="paint0_radial_1975_1066" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(70 70) scale(70)">
+        <stop stop-color="#B3DCFF" stop-opacity="0.62"/>
+        <stop offset="0.6" stop-color="#DBEFFF" stop-opacity="0.4"/>
+        <stop offset="1" stop-color="#F0F8FF" stop-opacity="0"/>
+      </radialGradient>
+      <linearGradient id="paint1_linear_1975_1066" x1="30.8281" y1="36.71" x2="30.8281" y2="88.3054" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#8EC5FF"/>
+        <stop offset="1" stop-color="#3DA6FF"/>
+      </linearGradient>
+      <linearGradient id="paint2_linear_1975_1066" x1="34.5133" y1="45.9236" x2="34.5133" y2="68.0359" gradientUnits="userSpaceOnUse">
+        <stop stop-color="white"/>
+        <stop offset="1" stop-color="#E4F1FF"/>
+      </linearGradient>
+      <linearGradient id="paint3_linear_1975_1066" x1="91.6362" y1="27.4961" x2="91.6362" y2="45.923" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#7BF1A8"/>
+        <stop offset="1" stop-color="#00C950"/>
+      </linearGradient>
+    </defs>
+  </svg>
+  <svg class="hidden dark:block" width="140" height="140" viewBox="0 0 140 140" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="70" cy="70" r="70" fill="url(#paint0_radial_2015_3099)"/>
+    <g filter="url(#filter0_f_2015_3099)">
+      <ellipse cx="70" cy="117.133" rx="37.3333" ry="7" fill="#278BFF" fill-opacity="0.22"/>
+    </g>
+    <path d="M30.8281 44.0807C30.8281 42.1259 31.6047 40.2511 32.987 38.8688C34.3693 37.4865 36.2441 36.71 38.1989 36.71H100.851C102.805 36.71 104.68 37.4865 106.062 38.8688C107.445 40.2511 108.221 42.1259 108.221 44.0807V80.9346C108.221 82.8895 107.445 84.7643 106.062 86.1466C104.68 87.5289 102.805 88.3054 100.851 88.3054H38.1989C36.2441 88.3054 34.3693 87.5289 32.987 86.1466C31.6047 84.7643 30.8281 82.8895 30.8281 80.9346V44.0807Z" fill="url(#paint1_linear_2015_3099)"/>
+    <path d="M34.5133 45.9238L69.5245 68.0362L104.536 45.9238" stroke="url(#paint2_linear_2015_3099)" stroke-width="8.23332" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M100.851 48.6879C107.466 48.6879 112.828 43.3254 112.828 36.7104C112.828 30.0954 107.466 24.7329 100.851 24.7329C94.2355 24.7329 88.873 30.0954 88.873 36.7104C88.873 43.3254 94.2355 48.6879 100.851 48.6879Z" fill="white"/>
+    <path d="M100.85 45.923C105.938 45.923 110.063 41.798 110.063 36.7096C110.063 31.6211 105.938 27.4961 100.85 27.4961C95.7613 27.4961 91.6363 31.6211 91.6363 36.7096C91.6363 41.798 95.7613 45.923 100.85 45.923Z" fill="url(#paint3_linear_2015_3099)"/>
+    <g opacity="0.3" filter="url(#filter1_f_2015_3099)">
+      <path d="M51.0976 52.3727C57.2037 52.3727 62.1537 50.3101 62.1537 47.7659C62.1537 45.2217 57.2037 43.1592 51.0976 43.1592C44.9914 43.1592 40.0414 45.2217 40.0414 47.7659C40.0414 50.3101 44.9914 52.3727 51.0976 52.3727Z" fill="white"/>
+    </g>
+    <defs>
+      <filter id="filter0_f_2015_3099" x="27.0667" y="104.533" width="85.8667" height="25.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+        <feGaussianBlur stdDeviation="2.8" result="effect1_foregroundBlur_2015_3099"/>
+      </filter>
+      <filter id="filter1_f_2015_3099" x="32.9843" y="36.102" width="36.2266" height="23.3276" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+        <feGaussianBlur stdDeviation="3.52856" result="effect1_foregroundBlur_2015_3099"/>
+      </filter>
+      <radialGradient id="paint0_radial_2015_3099" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(70 70) scale(70)">
+        <stop stop-color="#278BFF" stop-opacity="0.42"/>
+        <stop offset="0.58" stop-color="#278BFF" stop-opacity="0.16"/>
+        <stop offset="1" stop-color="#278BFF" stop-opacity="0"/>
+      </radialGradient>
+      <linearGradient id="paint1_linear_2015_3099" x1="30.8281" y1="36.71" x2="30.8281" y2="88.3054" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#8EC5FF"/>
+        <stop offset="1" stop-color="#3DA6FF"/>
+      </linearGradient>
+      <linearGradient id="paint2_linear_2015_3099" x1="34.5133" y1="45.9238" x2="34.5133" y2="68.0362" gradientUnits="userSpaceOnUse">
+        <stop stop-color="white"/>
+        <stop offset="1" stop-color="#E4F1FF"/>
+      </linearGradient>
+      <linearGradient id="paint3_linear_2015_3099" x1="91.6363" y1="27.4961" x2="91.6363" y2="45.923" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#7BF1A8"/>
+        <stop offset="1" stop-color="#00C950"/>
+      </linearGradient>
+    </defs>
+  </svg>
+</template>

package/illustrations/mail.vue

@@ -10,7 +10,7 @@
     <g clip-path="url(#clip0_632_38864)">
       <path
         d="M92.8042 26.9404L14.4934 43.7382C11.6898 44.3396 9.90631 47.0916 10.5099 49.8849L21.0201 98.5231C21.6237 101.316 24.3858 103.093 27.1895 102.492L105.5 85.694C108.304 85.0926 110.087 82.3407 109.484 79.5474L98.9735 30.9092C98.3699 28.1159 95.6078 26.339 92.8042 26.9404Z"
-        class="fill-white dark:fill-gray-900"
+        class="fill-main"
         stroke="#9DA3AC"
         stroke-linecap="round"
         stroke-linejoin="round"
@@ -47,11 +47,11 @@
       />
       <path
         d="M95.7674 37.6789C101.222 37.6789 105.643 33.2736 105.643 27.8394C105.643 22.4053 101.222 18 95.7674 18C90.3131 18 85.8916 22.4053 85.8916 27.8394C85.8916 33.2736 90.3131 37.6789 95.7674 37.6789Z"
-        class="fill-red-500 dark:fill-red-400"
+        class="fill-icon-danger"
       />
       <path
         d="M98.1412 32.433L96.4926 32.79L95.075 26.204C94.8998 25.4105 94.7883 24.7915 94.7245 24.3234C94.6369 24.4583 94.5334 24.609 94.406 24.7757C94.2785 24.9423 93.8485 25.4898 93.1158 26.3627L92.0645 25.4978L94.5653 22.4983L95.9351 22.1968L98.1412 32.433Z"
-        class="fill-white dark:fill-gray-900"
+        class="fill-main"
       />
     </g>
     <defs>
@@ -59,7 +59,7 @@
         <rect
           width="100"
           height="85"
-          class="fill-white dark:fill-gray-900"
+          class="fill-main"
           transform="translate(10 18)"
         />
       </clipPath>

package/illustrations/no-access.vue

@@ -0,0 +1,92 @@
+<template>
+  <svg class="dark:hidden" width="140" height="140" viewBox="0 0 140 140" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="70" cy="70" r="70" fill="url(#paint0_radial_1975_947)"/>
+    <g filter="url(#filter0_f_1975_947)">
+      <ellipse cx="70" cy="117.133" rx="37.3333" ry="7" fill="#3DA6FF" fill-opacity="0.14"/>
+    </g>
+    <path d="M72.3289 23.561H46.2466C40.5876 23.561 36 28.1486 36 33.8076V59.8899C36 65.5489 40.5876 70.1365 46.2466 70.1365H72.3289C77.9879 70.1365 82.5755 65.5489 82.5755 59.8899V33.8076C82.5755 28.1486 77.9879 23.561 72.3289 23.561Z" fill="url(#paint1_linear_1975_947)"/>
+    <path d="M65.8082 34.739H45.315C44.2861 34.739 43.452 35.5731 43.452 36.602V37.0678C43.452 38.0967 44.2861 38.9308 45.315 38.9308H65.8082C66.8372 38.9308 67.6713 38.0967 67.6713 37.0678V36.602C67.6713 35.5731 66.8372 34.739 65.8082 34.739Z" fill="#DBEFFF"/>
+    <path d="M60.2192 44.0542H45.315C44.2861 44.0542 43.452 44.8883 43.452 45.9172V46.383C43.452 47.4119 44.2861 48.246 45.315 48.246H60.2192C61.2481 48.246 62.0822 47.4119 62.0822 46.383V45.9172C62.0822 44.8883 61.2481 44.0542 60.2192 44.0542Z" fill="#DBEFFF"/>
+    <path d="M63.9452 53.3696H45.315C44.2861 53.3696 43.452 54.2037 43.452 55.2326V55.6984C43.452 56.7273 44.2861 57.5614 45.315 57.5614H63.9452C64.9741 57.5614 65.8082 56.7273 65.8082 55.6984V55.2326C65.8082 54.2037 64.9741 53.3696 63.9452 53.3696Z" fill="#DBEFFF"/>
+    <path d="M84.438 91.5619C95.2417 91.5619 104 82.8038 104 72.0002C104 61.1965 95.2417 52.4385 84.438 52.4385C73.6344 52.4385 64.8763 61.1965 64.8763 72.0002C64.8763 82.8038 73.6344 91.5619 84.438 91.5619Z" fill="white"/>
+    <path d="M84.4381 88.3003C93.4412 88.3003 100.74 81.0019 100.74 71.9989C100.74 62.9959 93.4412 55.6975 84.4381 55.6975C75.4351 55.6975 68.1367 62.9959 68.1367 71.9989C68.1367 81.0019 75.4351 88.3003 84.4381 88.3003Z" stroke="url(#paint2_linear_1975_947)" stroke-width="7.13496"/>
+    <path d="M73.2601 83.178L95.6163 60.8218" stroke="url(#paint3_linear_1975_947)" stroke-width="7.13496" stroke-linecap="round"/>
+    <g opacity="0.35" filter="url(#filter1_f_1975_947)">
+      <path d="M49.0411 37.5329C53.6712 37.5329 57.4246 35.4476 57.4246 32.8753C57.4246 30.303 53.6712 28.2178 49.0411 28.2178C44.4109 28.2178 40.6575 30.303 40.6575 32.8753C40.6575 35.4476 44.4109 37.5329 49.0411 37.5329Z" fill="white"/>
+    </g>
+    <defs>
+      <filter id="filter0_f_1975_947" x="27.0666" y="104.533" width="85.8666" height="25.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+        <feGaussianBlur stdDeviation="2.8" result="effect1_foregroundBlur_1975_947"/>
+      </filter>
+      <filter id="filter1_f_1975_947" x="33.5225" y="21.0828" width="31.0371" height="23.5851" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+        <feGaussianBlur stdDeviation="3.56748" result="effect1_foregroundBlur_1975_947"/>
+      </filter>
+      <radialGradient id="paint0_radial_1975_947" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(70 70) scale(70)">
+        <stop stop-color="#B3DCFF" stop-opacity="0.62"/>
+        <stop offset="0.6" stop-color="#DBEFFF" stop-opacity="0.4"/>
+        <stop offset="1" stop-color="#F0F8FF" stop-opacity="0"/>
+      </radialGradient>
+      <linearGradient id="paint1_linear_1975_947" x1="36" y1="23.561" x2="36" y2="70.1365" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#8EC5FF"/>
+        <stop offset="1" stop-color="#3DA6FF"/>
+      </linearGradient>
+      <linearGradient id="paint2_linear_1975_947" x1="68.1367" y1="55.6975" x2="68.1367" y2="88.3003" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#FFA2A2"/>
+        <stop offset="1" stop-color="#FB6A6D"/>
+      </linearGradient>
+      <linearGradient id="paint3_linear_1975_947" x1="73.2601" y1="60.8218" x2="73.2601" y2="83.178" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#FFA2A2"/>
+        <stop offset="1" stop-color="#FB6A6D"/>
+      </linearGradient>
+    </defs>
+  </svg>
+  <svg class="hidden dark:block" width="140" height="140" viewBox="0 0 140 140" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="70" cy="70" r="70" fill="url(#paint0_radial_2015_635)"/>
+    <g filter="url(#filter0_f_2015_635)">
+      <ellipse cx="70" cy="117.133" rx="37.3333" ry="7" fill="#278BFF" fill-opacity="0.22"/>
+    </g>
+    <path d="M72.3289 23.561H46.2466C40.5876 23.561 36 28.1486 36 33.8076V59.8899C36 65.5489 40.5876 70.1365 46.2466 70.1365H72.3289C77.9879 70.1365 82.5755 65.5489 82.5755 59.8899V33.8076C82.5755 28.1486 77.9879 23.561 72.3289 23.561Z" fill="url(#paint1_linear_2015_635)"/>
+    <path d="M65.8082 34.7393H45.315C44.2861 34.7393 43.452 35.5734 43.452 36.6023V37.068C43.452 38.0969 44.2861 38.931 45.315 38.931H65.8082C66.8372 38.931 67.6713 38.0969 67.6713 37.068V36.6023C67.6713 35.5734 66.8372 34.7393 65.8082 34.7393Z" fill="#DBEFFF"/>
+    <path d="M60.2192 44.0542H45.315C44.2861 44.0542 43.452 44.8883 43.452 45.9172V46.383C43.452 47.4119 44.2861 48.246 45.315 48.246H60.2192C61.2481 48.246 62.0822 47.4119 62.0822 46.383V45.9172C62.0822 44.8883 61.2481 44.0542 60.2192 44.0542Z" fill="#DBEFFF"/>
+    <path d="M63.9452 53.3696H45.315C44.2861 53.3696 43.452 54.2037 43.452 55.2326V55.6984C43.452 56.7273 44.2861 57.5614 45.315 57.5614H63.9452C64.9741 57.5614 65.8082 56.7273 65.8082 55.6984V55.2326C65.8082 54.2037 64.9741 53.3696 63.9452 53.3696Z" fill="#DBEFFF"/>
+    <path d="M84.438 91.5619C95.2417 91.5619 104 82.8038 104 72.0002C104 61.1965 95.2417 52.4385 84.438 52.4385C73.6344 52.4385 64.8763 61.1965 64.8763 72.0002C64.8763 82.8038 73.6344 91.5619 84.438 91.5619Z" fill="white"/>
+    <path d="M84.4381 88.3001C93.4412 88.3001 100.74 81.0017 100.74 71.9987C100.74 62.9957 93.4412 55.6973 84.4381 55.6973C75.4351 55.6973 68.1367 62.9957 68.1367 71.9987C68.1367 81.0017 75.4351 88.3001 84.4381 88.3001Z" stroke="url(#paint2_linear_2015_635)" stroke-width="7.13496"/>
+    <path d="M73.2601 83.178L95.6163 60.8218" stroke="url(#paint3_linear_2015_635)" stroke-width="7.13496" stroke-linecap="round"/>
+    <g opacity="0.35" filter="url(#filter1_f_2015_635)">
+      <path d="M49.0411 37.5329C53.6712 37.5329 57.4246 35.4476 57.4246 32.8753C57.4246 30.303 53.6712 28.2178 49.0411 28.2178C44.4109 28.2178 40.6575 30.303 40.6575 32.8753C40.6575 35.4476 44.4109 37.5329 49.0411 37.5329Z" fill="white"/>
+    </g>
+    <defs>
+      <filter id="filter0_f_2015_635" x="27.0666" y="104.533" width="85.8666" height="25.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+        <feGaussianBlur stdDeviation="2.8" result="effect1_foregroundBlur_2015_635"/>
+      </filter>
+      <filter id="filter1_f_2015_635" x="33.5225" y="21.0828" width="31.0371" height="23.5849" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+        <feGaussianBlur stdDeviation="3.56748" result="effect1_foregroundBlur_2015_635"/>
+      </filter>
+      <radialGradient id="paint0_radial_2015_635" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(70 70) scale(70)">
+        <stop stop-color="#278BFF" stop-opacity="0.42"/>
+        <stop offset="0.58" stop-color="#278BFF" stop-opacity="0.16"/>
+        <stop offset="1" stop-color="#278BFF" stop-opacity="0"/>
+      </radialGradient>
+      <linearGradient id="paint1_linear_2015_635" x1="36" y1="23.561" x2="36" y2="70.1365" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#8EC5FF"/>
+        <stop offset="1" stop-color="#3DA6FF"/>
+      </linearGradient>
+      <linearGradient id="paint2_linear_2015_635" x1="68.1367" y1="55.6973" x2="68.1367" y2="88.3001" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#FFA2A2"/>
+        <stop offset="1" stop-color="#FB6A6D"/>
+      </linearGradient>
+      <linearGradient id="paint3_linear_2015_635" x1="73.2601" y1="60.8218" x2="73.2601" y2="83.178" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#FFA2A2"/>
+        <stop offset="1" stop-color="#FB6A6D"/>
+      </linearGradient>
+    </defs>
+  </svg>
+</template>

package/illustrations/ok.vue

@@ -1,62 +1,90 @@
 <template>
-  <svg
-    fill="none"
-    height="100"
-    viewBox="0 0 100 100"
-    width="100"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle cx="50" cy="50" fill="#BDC7CE" fill-opacity="0.15" r="50" />
-    <g clip-path="url(#clip0_4885_6406)">
-      <path
-        d="M49.9731 38.5897C49.9731 38.5897 52.8662 38.5895 62.018 35.7145C71.1698 32.8395 75.5355 32.4468 77.3391 35.8039C78.3927 37.7503 76.9284 39.1074 77.5802 41.7592C78.1695 44.1074 83.0089 44.2148 83.0625 48.4469C83.116 52.0808 80.0356 53.804 80.0356 55.9647C80.0356 58.1254 83.3572 58.6966 83.3572 62.4466C83.3572 66.1966 80.7767 66.4201 80.7767 70.0808C80.7767 73.7415 82.7948 73.3396 81.7323 76.6521C80.6698 79.9646 70.3395 84.0539 55.4288 86.4735C52.0734 86.8608 48.87 88.0892 46.1162 90.045C42.5864 92.8561 39.3686 96.038 36.5179 99.5359L13.4375 77.2145C20 70.5984 26.6699 63.527 28.1967 60.643C31.5717 54.277 29.0267 46.2951 30.1428 42.179C31.2589 38.063 37.0356 33.7234 37.6785 23.6431C37.9285 19.7681 37.6787 14.5894 37.7234 12.5983C37.7234 11.6519 46.5002 11.7058 46.5002 22.5362C46.5092 29.2237 44.7231 34.0986 49.9731 38.5897Z"
-        class="fill-white dark:fill-gray-900"
-      />
-      <path
-        d="M42.803 14.0001C42.803 16.0001 43.0173 21.1431 42.803 25.0449C42.1512 35.1342 36.3923 39.4643 35.2673 43.5804C34.1423 47.6965 36.6868 55.6788 33.3207 62.0448C31.785 64.9288 25.1243 72.0002 18.5529 78.6163L13.7402 77.25C20.3027 70.6339 26.9726 63.5627 28.4994 60.6698C31.8744 54.3127 29.3297 46.3306 30.4547 42.2145C31.5797 38.0984 37.3386 33.7591 37.9904 23.6699C38.2404 19.8038 37.9904 14.6249 37.9904 12.6338C37.9904 12.107 40.7581 11.8927 43.1866 13.7142C42.9366 13.7767 42.8119 13.8841 42.803 14.0001Z"
-        fill="#BDC7CE"
-        opacity="0.2"
-      />
-      <path
-        d="M13.4727 77.2503C20.0352 70.6342 26.7046 63.5627 28.2314 60.6788C31.5975 54.3127 29.053 46.3309 30.178 42.2148C31.303 38.0987 37.0619 33.7592 37.7136 23.6789C37.9636 19.8039 37.7139 14.6252 37.7585 12.6341C37.7585 11.6877 46.535 11.7416 46.535 22.5719C46.535 29.2237 44.7494 34.0987 50.0083 38.5897"
-        stroke="#9DA3AC"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        stroke-width="0.920439"
-      />
-      <path
-        d="M44.3398 39.5984C50.333 38.7991 56.2475 37.4909 62.0187 35.6878C71.1705 32.7771 75.5365 32.42 77.349 35.7772C78.4025 37.7236 76.9293 39.0807 77.59 41.7325C78.1704 44.0807 83.0098 44.1876 83.0723 48.4197C83.117 52.0537 80.0362 53.7768 80.0362 55.9375C80.0362 58.0982 83.3579 58.6699 83.3579 62.4199C83.3579 66.1699 80.7865 66.3929 80.7865 70.0536C80.7865 73.7144 82.8042 73.3129 81.7417 76.6254C80.6792 79.9379 70.3402 84.0272 55.4295 86.4468C52.0748 86.837 48.8722 88.0652 46.1168 90.0182C42.5902 92.83 39.3752 96.0118 36.5273 99.5092"
-        stroke="#9DA3AC"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        stroke-width="0.920439"
-      />
-      <path
-        d="M81.8749 76.6431C80.7767 80.0717 70.4821 84.0449 55.5713 86.4646C52.217 86.8563 49.0152 88.0843 46.2591 90.036C42.7272 92.8447 39.5091 96.0267 36.6609 99.527L35.125 93.4016C39.0804 88.7766 45.6517 82.0269 55.5713 80.3127C68.6963 78.0537 78.2681 74.8128 81.0984 71.7324C81.5627 73.7146 82.741 73.9556 81.8749 76.6431Z"
-        fill="#BDC7CE"
-        opacity="0.2"
-      />
-      <path
-        d="M28.7051 0.446411L33.6515 6.18748"
-        stroke="#9DA3AC"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        stroke-width="0.920439"
-      />
-      <path
-        d="M23.8398 14.9197L31.7863 15.5715"
-        stroke="#9DA3AC"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        stroke-width="0.920439"
-      />
-      <path
-        d="M43.3047 7.2678L47.9654 1.02673"
-        stroke="#9DA3AC"
-        stroke-width="0.920439"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
+  <svg class="dark:hidden" width="140" height="140" viewBox="0 0 140 140" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="70" cy="70" r="70" fill="url(#paint0_radial_2020_4135)"/>
+    <g filter="url(#filter0_f_2020_4135)">
+      <ellipse cx="70" cy="117.133" rx="37.3333" ry="7" fill="#3DA6FF" fill-opacity="0.14"/>
     </g>
+    <path d="M57.5048 58.3613C63.7735 58.3613 68.8552 53.2796 68.8552 47.0109C68.8552 40.7423 63.7735 35.6605 57.5048 35.6605C51.2362 35.6605 46.1544 40.7423 46.1544 47.0109C46.1544 53.2796 51.2362 58.3613 57.5048 58.3613Z" fill="url(#paint1_linear_2020_4135)"/>
+    <path d="M36.5503 81.9355C36.5503 77.5358 38.758 73.3163 42.6877 70.2053C46.6175 67.0942 51.9474 65.3464 57.5049 65.3464C63.0624 65.3464 68.3922 67.0942 72.322 70.2053C76.2517 73.3163 78.4594 77.5358 78.4594 81.9355C78.6043 82.3427 78.646 82.7795 78.581 83.2068C78.516 83.6342 78.3463 84.0388 78.0869 84.3846C77.8276 84.7304 77.4867 85.0066 77.0947 85.1886C76.7026 85.3707 76.2716 85.4529 75.8401 85.4279H39.1696C38.7381 85.4529 38.3071 85.3707 37.9151 85.1886C37.523 85.0066 37.1821 84.7304 36.9228 84.3846C36.6634 84.0388 36.4937 83.6342 36.4287 83.2068C36.3637 82.7795 36.4055 82.3427 36.5503 81.9355Z" fill="url(#paint2_linear_2020_4135)"/>
+    <g opacity="0.45" filter="url(#filter1_f_2020_4135)">
+      <path d="M50.5201 47.8839C53.8955 47.8839 56.6318 45.9294 56.6318 43.5184C56.6318 41.1074 53.8955 39.1528 50.5201 39.1528C47.1447 39.1528 44.4083 41.1074 44.4083 43.5184C44.4083 45.9294 47.1447 47.8839 50.5201 47.8839Z" fill="white"/>
+    </g>
+    <path d="M81.9519 27.8025H99.4141C101.267 27.8025 103.043 28.5384 104.353 29.8483C105.663 31.1582 106.399 32.9349 106.399 34.7874V45.2646C106.399 47.1171 105.663 48.8938 104.353 50.2037C103.043 51.5136 101.267 52.2495 99.4141 52.2495H94.1754L87.1905 58.3613V52.2495H81.9519C80.0994 52.2495 78.3228 51.5136 77.0129 50.2037C75.7029 48.8938 74.967 47.1171 74.967 45.2646V34.7874C74.967 32.9349 75.7029 31.1582 77.0129 29.8483C78.3228 28.5384 80.0994 27.8025 81.9519 27.8025Z" fill="url(#paint3_linear_2020_4135)"/>
+    <path d="M83.4944 42.1216C84.6517 42.1216 85.5898 41.1834 85.5898 40.0261C85.5898 38.8688 84.6517 37.9307 83.4944 37.9307C82.3371 37.9307 81.3989 38.8688 81.3989 40.0261C81.3989 41.1834 82.3371 42.1216 83.4944 42.1216Z" fill="white"/>
+    <path d="M90.479 42.1216C91.6363 42.1216 92.5745 41.1834 92.5745 40.0261C92.5745 38.8688 91.6363 37.9307 90.479 37.9307C89.3217 37.9307 88.3835 38.8688 88.3835 40.0261C88.3835 41.1834 89.3217 42.1216 90.479 42.1216Z" fill="white"/>
+    <path d="M97.4644 42.1216C98.6216 42.1216 99.5598 41.1834 99.5598 40.0261C99.5598 38.8688 98.6216 37.9307 97.4644 37.9307C96.3071 37.9307 95.3689 38.8688 95.3689 40.0261C95.3689 41.1834 96.3071 42.1216 97.4644 42.1216Z" fill="white"/>
+    <defs>
+      <filter id="filter0_f_2020_4135" x="27.0666" y="104.533" width="85.8666" height="25.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+        <feGaussianBlur stdDeviation="2.8" result="effect1_foregroundBlur_2020_4135"/>
+      </filter>
+      <filter id="filter1_f_2020_4135" x="37.7207" y="32.4652" width="25.5988" height="22.1063" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+        <feGaussianBlur stdDeviation="3.34382" result="effect1_foregroundBlur_2020_4135"/>
+      </filter>
+      <radialGradient id="paint0_radial_2020_4135" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(70 70) scale(70)">
+        <stop stop-color="#B3DCFF" stop-opacity="0.62"/>
+        <stop offset="0.6" stop-color="#DBEFFF" stop-opacity="0.4"/>
+        <stop offset="1" stop-color="#F0F8FF" stop-opacity="0"/>
+      </radialGradient>
+      <linearGradient id="paint1_linear_2020_4135" x1="46.1544" y1="35.6605" x2="46.1544" y2="58.3613" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#8EC5FF"/>
+        <stop offset="1" stop-color="#3DA6FF"/>
+      </linearGradient>
+      <linearGradient id="paint2_linear_2020_4135" x1="36.3989" y1="65.3464" x2="36.3989" y2="85.4323" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#8EC5FF"/>
+        <stop offset="1" stop-color="#3DA6FF"/>
+      </linearGradient>
+      <linearGradient id="paint3_linear_2020_4135" x1="74.967" y1="27.8025" x2="74.967" y2="58.3613" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#3DA6FF"/>
+        <stop offset="1" stop-color="#068DFF"/>
+      </linearGradient>
+    </defs>
+  </svg>
+  <svg class="hidden dark:block" width="140" height="140" viewBox="0 0 140 140" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="70" cy="70" r="70" fill="url(#paint0_radial_2020_4440)"/>
+    <g filter="url(#filter0_f_2020_4440)">
+      <ellipse cx="70" cy="117.133" rx="37.3333" ry="7" fill="#278BFF" fill-opacity="0.22"/>
+    </g>
+    <path d="M57.5048 58.3614C63.7735 58.3614 68.8552 53.2797 68.8552 47.011C68.8552 40.7424 63.7735 35.6606 57.5048 35.6606C51.2362 35.6606 46.1544 40.7424 46.1544 47.011C46.1544 53.2797 51.2362 58.3614 57.5048 58.3614Z" fill="url(#paint1_linear_2020_4440)"/>
+    <path d="M36.5503 81.9352C36.5503 77.5356 38.758 73.3161 42.6877 70.205C46.6175 67.094 51.9474 65.3462 57.5049 65.3462C63.0624 65.3462 68.3922 67.094 72.322 70.205C76.2517 73.3161 78.4594 77.5356 78.4594 81.9352C78.6043 82.3425 78.646 82.7793 78.581 83.2066C78.516 83.6339 78.3463 84.0385 78.0869 84.3843C77.8276 84.7301 77.4867 85.0063 77.0947 85.1884C76.7026 85.3704 76.2716 85.4526 75.8401 85.4277H39.1696C38.7381 85.4526 38.3071 85.3704 37.9151 85.1884C37.523 85.0063 37.1821 84.7301 36.9228 84.3843C36.6634 84.0385 36.4937 83.6339 36.4287 83.2066C36.3637 82.7793 36.4055 82.3425 36.5503 81.9352Z" fill="url(#paint2_linear_2020_4440)"/>
+    <g opacity="0.45" filter="url(#filter1_f_2020_4440)">
+      <path d="M50.5201 47.8839C53.8955 47.8839 56.6318 45.9294 56.6318 43.5184C56.6318 41.1074 53.8955 39.1528 50.5201 39.1528C47.1447 39.1528 44.4083 41.1074 44.4083 43.5184C44.4083 45.9294 47.1447 47.8839 50.5201 47.8839Z" fill="white"/>
+    </g>
+    <path d="M81.9519 27.8027H99.4141C101.267 27.8027 103.043 28.5386 104.353 29.8486C105.663 31.1585 106.399 32.9351 106.399 34.7876V45.2649C106.399 47.1174 105.663 48.894 104.353 50.2039C103.043 51.5138 101.267 52.2497 99.4141 52.2497H94.1754L87.1905 58.3615V52.2497H81.9519C80.0994 52.2497 78.3228 51.5138 77.0129 50.2039C75.7029 48.894 74.967 47.1174 74.967 45.2649V34.7876C74.967 32.9351 75.7029 31.1585 77.0129 29.8486C78.3228 28.5386 80.0994 27.8027 81.9519 27.8027Z" fill="url(#paint3_linear_2020_4440)"/>
+    <path d="M83.4944 42.1216C84.6517 42.1216 85.5898 41.1834 85.5898 40.0261C85.5898 38.8688 84.6517 37.9307 83.4944 37.9307C82.3371 37.9307 81.3989 38.8688 81.3989 40.0261C81.3989 41.1834 82.3371 42.1216 83.4944 42.1216Z" fill="white"/>
+    <path d="M90.479 42.1216C91.6363 42.1216 92.5745 41.1834 92.5745 40.0261C92.5745 38.8688 91.6363 37.9307 90.479 37.9307C89.3217 37.9307 88.3835 38.8688 88.3835 40.0261C88.3835 41.1834 89.3217 42.1216 90.479 42.1216Z" fill="white"/>
+    <path d="M97.4644 42.1216C98.6216 42.1216 99.5598 41.1834 99.5598 40.0261C99.5598 38.8688 98.6216 37.9307 97.4644 37.9307C96.3071 37.9307 95.3689 38.8688 95.3689 40.0261C95.3689 41.1834 96.3071 42.1216 97.4644 42.1216Z" fill="white"/>
+    <defs>
+      <filter id="filter0_f_2020_4440" x="27.0666" y="104.533" width="85.8666" height="25.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+        <feGaussianBlur stdDeviation="2.8" result="effect1_foregroundBlur_2020_4440"/>
+      </filter>
+      <filter id="filter1_f_2020_4440" x="37.7207" y="32.4652" width="25.5988" height="22.1062" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+        <feGaussianBlur stdDeviation="3.34382" result="effect1_foregroundBlur_2020_4440"/>
+      </filter>
+      <radialGradient id="paint0_radial_2020_4440" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(70 70) scale(70)">
+        <stop stop-color="#278BFF" stop-opacity="0.42"/>
+        <stop offset="0.58" stop-color="#278BFF" stop-opacity="0.16"/>
+        <stop offset="1" stop-color="#278BFF" stop-opacity="0"/>
+      </radialGradient>
+      <linearGradient id="paint1_linear_2020_4440" x1="46.1544" y1="35.6606" x2="46.1544" y2="58.3614" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#8EC5FF"/>
+        <stop offset="1" stop-color="#3DA6FF"/>
+      </linearGradient>
+      <linearGradient id="paint2_linear_2020_4440" x1="36.3989" y1="65.3462" x2="36.3989" y2="85.432" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#8EC5FF"/>
+        <stop offset="1" stop-color="#3DA6FF"/>
+      </linearGradient>
+      <linearGradient id="paint3_linear_2020_4440" x1="74.967" y1="27.8027" x2="74.967" y2="58.3615" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#3DA6FF"/>
+        <stop offset="1" stop-color="#068DFF"/>
+      </linearGradient>
+    </defs>
   </svg>
 </template>

package/illustrations/people-group.vue

@@ -10,7 +10,7 @@
     <g clip-path="url(#clip0_2938_133808)">
       <path
         d="M131.221 84.6428L131.105 84.3844L129.523 81.4136C127.315 77.8573 124.242 74.924 120.592 72.8901C116.942 70.8562 112.837 69.7888 108.662 69.7886H94.2105V69.9306V69.7886L94.0432 17.8378L87.197 17.7603L63.454 17.8378C61.9658 17.8411 60.4928 18.1389 59.1193 18.7141C57.7458 19.2893 56.4987 20.1305 55.4493 21.1898C54.4 22.249 53.5689 23.5055 53.0037 24.8874C52.4384 26.2693 52.1501 27.7494 52.1552 29.2431V29.3723C52.0651 30.4702 52.0265 31.6198 52.0394 32.7952V35.9986H52.1681L52.2839 68.2902V69.9306H66.5168L65.3071 78.5332L63.2224 89.2411L62.8234 89.4865C62.5789 89.4865 62.3344 89.4865 62.077 89.4865C58.2502 89.4879 54.5027 90.5816 51.2717 92.64C48.0407 94.6983 45.4594 97.6364 43.8291 101.111L43.9449 101.047L43.8677 101.176L38.1282 113.899V114.015L42.9797 116.276C44.0125 119.386 45.7784 122.2 48.1273 124.478C48.5391 124.878 48.9637 125.266 49.4142 125.627C51.2936 127.139 53.4239 128.306 55.707 129.076V129.425L55.5011 129.321V141.618H59.3617V141.528L71.8703 141.308L71.7673 135.173L94.2362 135.082V135.173H100.581H107.543V117.322H123.152V99.2386H137.591L131.221 84.6428Z"
-        class="fill-white dark:fill-gray-900"
+        class="fill-main"
       />
       <path
         opacity="0.2"

package/illustrations/person-with-phone.vue

@@ -9,11 +9,11 @@
     <circle cx="77.6673" cy="77.5001" fill="#BDC7CE" fill-opacity="0.15" r="64.5833" />
     <path
       d="M115.603 18.0549L86.6082 18.1585C84.4905 18.1636 82.3945 18.5859 80.4402 19.4014C78.4859 20.2168 76.7117 21.4094 75.219 22.9108C73.7264 24.4122 72.5445 26.193 71.7412 28.1514C70.9378 30.1097 70.5287 32.2072 70.5372 34.3237L70.6667 74.0056H85.9996L84.7046 83.2336L79.1749 111.94H57.8203L108.325 140.802C109.083 141.235 109.942 141.461 110.815 141.458C111.688 141.456 112.545 141.224 113.3 140.786C114.055 140.349 114.682 139.72 115.118 138.965C115.554 138.209 115.784 137.352 115.785 136.479V94.0536V73.8503L115.603 18.0549Z"
-      class="fill-white dark:fill-gray-900"
+      class="fill-main"
     />
     <path
       d="M57.4712 108.795C57.4712 108.717 57.4712 108.64 57.4712 108.562L52.5373 85.4079C52.3176 84.4756 51.7987 83.6407 51.0598 83.0308C50.3209 82.4209 49.4026 82.0693 48.4451 82.0299H38.4477C38.0285 82.0146 37.6115 82.0983 37.2308 82.2742C36.85 82.4501 36.5162 82.7133 36.2563 83.0424C35.9964 83.3715 35.8178 83.7572 35.7351 84.1682C35.6523 84.5792 35.6677 85.0039 35.78 85.4079L40.7139 108.562C40.9336 109.494 41.4525 110.329 42.1914 110.939C42.9303 111.549 43.8486 111.901 44.8061 111.94H54.8165C55.0338 111.938 55.2506 111.917 55.464 111.875H55.5287C55.7061 111.835 55.8795 111.779 56.0467 111.707L56.1892 111.617C56.3117 111.558 56.4287 111.489 56.5388 111.409L56.7201 111.228C56.7996 111.166 56.8733 111.097 56.9403 111.021C57.0129 110.935 57.0738 110.839 57.1216 110.736C57.165 110.679 57.2039 110.618 57.2381 110.555C57.2381 110.426 57.3417 110.309 57.3935 110.18C57.4453 110.05 57.3935 110.076 57.3935 110.012C57.4286 109.867 57.4503 109.72 57.4583 109.572C57.4583 109.572 57.4583 109.468 57.4583 109.416C57.4712 109.261 57.4712 109.105 57.4583 108.95C57.4583 108.95 57.4842 108.834 57.4712 108.795Z"
-      class="fill-white dark:fill-gray-900"
+      class="fill-main"
     />
     <path
       d="M115.799 74.0056L55.0893 99.5542L49.5985 92.9147L38.4355 82.03L76.1072 22.093L115.799 74.0056Z"
@@ -21,12 +21,12 @@
     />
     <path
       d="M88.5266 79.7777L89.3295 74.0054H85.9884L84.6934 83.2334H115.799V79.7777H88.5266Z"
-      class="fill-white dark:fill-gray-900"
+      class="fill-main"
       opacity="0.2"
     />
     <path
       d="M54.7772 111.94H44.7797C43.8222 111.901 42.9039 111.549 42.165 110.939C41.4261 110.329 40.9072 109.494 40.6875 108.562L35.7536 85.4079C35.6413 85.0039 35.6259 84.5792 35.7087 84.1682C35.7915 83.7572 35.97 83.3715 36.2299 83.0424C36.4898 82.7133 36.8237 82.4501 37.2044 82.2742C37.5852 82.0983 38.0021 82.0146 38.4213 82.0299H48.4187C49.3762 82.0693 50.2945 82.4209 51.0334 83.0308C51.7723 83.6407 52.2912 84.4756 52.5109 85.4079L57.4449 108.562C57.5571 108.966 57.5725 109.391 57.4898 109.802C57.407 110.213 57.2284 110.598 56.9685 110.928C56.7086 111.257 56.3748 111.52 55.994 111.696C55.6133 111.872 55.1964 111.955 54.7772 111.94V111.94Z"
-      class="fill-white dark:fill-gray-900"
+      class="fill-main"
       stroke="#9DA3AC"
       stroke-linecap="round"
       stroke-linejoin="round"
@@ -81,7 +81,7 @@
     />
     <path
       d="M47.7598 108.795C46.8006 108.756 45.8804 108.405 45.1393 107.795C44.3982 107.186 43.8769 106.351 43.6546 105.417L38.7336 82.2629C38.7273 82.1854 38.7273 82.1075 38.7336 82.03H38.4617C38.0372 81.9965 37.6111 82.0681 37.2209 82.2385C36.8308 82.4089 36.4887 82.6728 36.2249 83.0068C35.9612 83.3408 35.7838 83.7346 35.7087 84.1535C35.6335 84.5723 35.6628 85.0032 35.794 85.408L40.715 108.562C40.9392 109.495 41.4611 110.329 42.2018 110.938C42.9424 111.547 43.8616 111.899 44.8201 111.94H54.8175C55.2175 111.964 55.6175 111.894 55.986 111.737C56.3545 111.58 56.6816 111.34 56.9414 111.035C57.2012 110.73 57.3867 110.369 57.4833 109.98C57.5799 109.592 57.585 109.186 57.4982 108.795H47.7598Z"
-      class="fill-[#BDC7CE] dark:fill-gray-900"
+      class="fill-icon-disabled"
       opacity="0.2"
     />
     <path

package/illustrations/person.vue

@@ -9,7 +9,7 @@
     <circle cx="60.585" cy="60" fill="#BDC7CE" fill-opacity="0.15" r="50" />
     <g clip-path="url(#clip0_335_11701)">
       <path
-        class="fill-white dark:fill-gray-900"
+        class="fill-main"
         d="M58.2593 10.4176C56.0889 10.4181 53.9447 10.8965 51.9757 11.8195L51.8381 11.8891C51.4251 12.0879 51.0219 12.2967 50.6285 12.5353L50.1959 12.7938C49.8812 13.0026 49.5665 13.2213 49.2125 13.45L48.7799 13.7781C48.4259 14.0664 48.0817 14.3747 47.7965 14.6928L47.6097 14.8618C47.2189 15.257 46.8481 15.6718 46.4985 16.1046V16.1643C44.3543 18.8655 43.1853 22.2254 43.1847 25.689V84.3488H43.0273V94.838L44.4729 94.9771V109.403H77.5327V94.8877L78.044 94.838V94.4502H78.2308V10.4176H58.2593Z"
       />
       <path
@@ -137,7 +137,7 @@
         stroke-linejoin="round"
       />
       <path
-        class="fill-white dark:fill-gray-900"
+        class="fill-main"
         d="M63.6675 101.798H57.502V95.8818L60.5896 96.2099L63.6675 95.8818V101.798Z"
         stroke="#9DA3AC"
         stroke-linecap="round"
@@ -147,7 +147,7 @@
     <defs>
       <clipPath id="clip0_335_11701">
         <rect
-          class="fill-white dark:fill-gray-900"
+          class="fill-main"
           height="100"
           transform="translate(42.585 10)"
           width="36"