Import images and icons

src/components/Icons.stories.tsx

@@ -42,7 +42,7 @@ import InvoicesIcon from './icons/InvoicesIcon'
 import KeyIcon from './icons/KeyIcon'
 import KeyPairIcon from './icons/KeyPairIcon'
 import LifePreserverIcon from './icons/LifePreserverIcon'
-import LightingIcon from './icons/LightingIcon'
+import LightningIcon from './icons/LightningIcon'
 import LinkoutIcon from './icons/LinkoutIcon'
 import LinksIcon from './icons/LinksIcon'
 import ListIcon from './icons/ListIcon'
@@ -133,7 +133,7 @@ const icons = {
   KeyIcon,
   KeyPairIcon,
   LifePreserverIcon,
-  LightingIcon,
+  LightningIcon,
   LinkoutIcon,
   LinksIcon,
   ListIcon,

src/components/icons/DiscordIcon.tsx

@@ -7,11 +7,9 @@ export default createIcon(({ size, color }) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <g opacity="0.6">
-      <path
-        d="M19.0843 6.20049C17.8733 5.64484 16.5747 5.23545 15.2169 5.00098C15.1922 4.99646 15.1675 5.00777 15.1548 5.03039C14.9877 5.32743 14.8027 5.71495 14.6732 6.01954C13.2128 5.80091 11.7599 5.80091 10.3295 6.01954C10.1999 5.70818 10.0082 5.32743 9.84046 5.03039C9.82772 5.00852 9.80302 4.99721 9.77829 5.00098C8.42126 5.23471 7.12265 5.64409 5.91091 6.20049C5.90042 6.20502 5.89143 6.21256 5.88546 6.22236C3.42227 9.90231 2.7475 13.4918 3.07852 17.0368C3.08002 17.0542 3.08975 17.0707 3.10323 17.0813C4.72837 18.2748 6.3026 18.9993 7.8476 19.4795C7.87232 19.4871 7.89852 19.478 7.91426 19.4577C8.27973 18.9586 8.60551 18.4323 8.88484 17.8789C8.90132 17.8465 8.88558 17.8081 8.85189 17.7953C8.33515 17.5992 7.8431 17.3602 7.36979 17.0888C7.33235 17.067 7.32935 17.0134 7.36379 16.9878C7.46339 16.9131 7.56302 16.8355 7.65813 16.7571C7.67534 16.7428 7.69932 16.7397 7.71955 16.7488C10.829 18.1685 14.1954 18.1685 17.2682 16.7488C17.2884 16.739 17.3124 16.742 17.3303 16.7563C17.4255 16.8347 17.5251 16.9131 17.6254 16.9878C17.6599 17.0134 17.6576 17.067 17.6202 17.0888C17.1469 17.3655 16.6548 17.5992 16.1373 17.7945C16.1036 17.8073 16.0886 17.8465 16.1051 17.8789C16.3905 18.4316 16.7162 18.9578 17.075 19.4569C17.0899 19.478 17.1169 19.4871 17.1416 19.4795C18.6941 18.9993 20.2683 18.2748 21.8935 17.0813C21.9077 17.0707 21.9167 17.0549 21.9182 17.0376C22.3144 12.9392 21.2546 9.37909 19.109 6.22311C19.1038 6.21256 19.0948 6.20502 19.0843 6.20049ZM9.34918 14.8783C8.41302 14.8783 7.64165 14.0188 7.64165 12.9633C7.64165 11.9078 8.39806 11.0483 9.34918 11.0483C10.3078 11.0483 11.0717 11.9153 11.0567 12.9633C11.0567 14.0188 10.3003 14.8783 9.34918 14.8783ZM15.6625 14.8783C14.7264 14.8783 13.955 14.0188 13.955 12.9633C13.955 11.9078 14.7114 11.0483 15.6625 11.0483C16.6211 11.0483 17.385 11.9153 17.37 12.9633C17.37 14.0188 16.6211 14.8783 15.6625 14.8783Z"
-        fill={color}
-      />
-    </g>
+    <path
+      d="M20.317 4.15557C18.7873 3.45369 17.147 2.93658 15.4319 2.6404C15.4007 2.63469 15.3695 2.64897 15.3534 2.67754C15.1424 3.05276 14.9087 3.54225 14.7451 3.927C12.9004 3.65083 11.0652 3.65083 9.25832 3.927C9.09465 3.5337 8.85248 3.05276 8.64057 2.67754C8.62449 2.64992 8.59328 2.63564 8.56205 2.6404C6.84791 2.93563 5.20756 3.45275 3.67693 4.15557C3.66368 4.16129 3.65233 4.17082 3.64479 4.18319C0.533392 8.83155 -0.31895 13.3657 0.0991801 17.8436C0.101072 17.8655 0.11337 17.8864 0.130398 17.8997C2.18321 19.4073 4.17171 20.3225 6.12328 20.9291C6.15451 20.9386 6.18761 20.9272 6.20748 20.9015C6.66913 20.2711 7.08064 19.6063 7.43348 18.9073C7.4543 18.8664 7.43442 18.8178 7.39186 18.8016C6.73913 18.554 6.1176 18.2521 5.51973 17.9093C5.47244 17.8816 5.46865 17.814 5.51216 17.7816C5.63797 17.6873 5.76382 17.5893 5.88396 17.4902C5.90569 17.4721 5.93598 17.4683 5.96153 17.4797C9.88928 19.273 14.1415 19.273 18.023 17.4797C18.0485 17.4674 18.0788 17.4712 18.1015 17.4893C18.2216 17.5883 18.3475 17.6873 18.4742 17.7816C18.5177 17.814 18.5149 17.8816 18.4676 17.9093C17.8697 18.2588 17.2482 18.554 16.5945 18.8006C16.552 18.8168 16.533 18.8664 16.5538 18.9073C16.9143 19.6054 17.3258 20.2701 17.7789 20.9005C17.7978 20.9272 17.8319 20.9386 17.8631 20.9291C19.8241 20.3225 21.8126 19.4073 23.8654 17.8997C23.8834 17.8864 23.8948 17.8664 23.8967 17.8445C24.3971 12.6676 23.0585 8.17064 20.3482 4.18414C20.3416 4.17082 20.3303 4.16129 20.317 4.15557ZM8.02002 15.117C6.8375 15.117 5.86313 14.0313 5.86313 12.6981C5.86313 11.3648 6.8186 10.2791 8.02002 10.2791C9.23087 10.2791 10.1958 11.3743 10.1769 12.6981C10.1769 14.0313 9.22141 15.117 8.02002 15.117ZM15.9947 15.117C14.8123 15.117 13.8379 14.0313 13.8379 12.6981C13.8379 11.3648 14.7933 10.2791 15.9947 10.2791C17.2056 10.2791 18.1705 11.3743 18.1516 12.6981C18.1516 14.0313 17.2056 15.117 15.9947 15.117Z"
+      fill={color}
+    />
   </svg>
 ))

src/components/icons/GitHubLogoIcon.tsx

@@ -1,38 +1,45 @@
 import createIcon from './createIcon'
 
-export default createIcon(({ size }) => (
+export default createIcon(({ size, color }) => (
   <svg
     width={size}
-    viewBox="0 0 24 24"
+    viewBox="0 0 25 24"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <rect
-      opacity="0.6"
-      x="3"
-      y="3"
-      width="18"
-      height="18"
-      fill="url(#pattern0)"
-    />
-    <defs>
-      <pattern
-        id="pattern0"
-        patternContentUnits="objectBoundingBox"
-        width="1"
-        height="1"
-      >
-        <use
-          xlinkHref="#image0_683_176"
-          transform="scale(0.00833333)"
-        />
-      </pattern>
-      <image
-        id="image0_683_176"
-        width="120"
-        height="120"
-        xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RERCMUIwQTM4NkNFMTFFM0FBNTJFRTMzNTJEMUJDNDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RERCMUIwQTI4NkNFMTFFM0FBNTJFRTMzNTJEMUJDNDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU1MTc4QTMyOTlBMDExRTI5QTE1QkMxMDQ2QTg5MDREIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJBNDE0QUJDOTlBMTExRTI5QTE1QkMxMDQ2QTg5MDREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8kSqyAAADD5JREFUeNrsXQ2Q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"
-      />
-    </defs>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12.0001 0.5C9.15137 0.501478 6.39601 1.51046 4.22675 3.34652C2.05749 5.18259 0.615781 7.72601 0.159422 10.522C-0.296936 13.318 0.261805 16.1842 1.73575 18.6082C3.20969 21.0321 5.50272 22.8558 8.20481 23.753C8.80093 23.8636 9.02547 23.4941 9.02547 23.18C9.02547 22.8658 9.01355 21.955 9.00957 20.9592C5.67127 21.6804 4.96586 19.5505 4.96586 19.5505C4.4214 18.1674 3.63451 17.8039 3.63451 17.8039C2.54559 17.065 3.71599 17.0788 3.71599 17.0788C4.92215 17.1637 5.55603 18.3097 5.55603 18.3097C6.62508 20.1333 8.36377 19.6058 9.04733 19.2976C9.15463 18.5251 9.46661 17.9995 9.81038 17.7012C7.14371 17.4008 4.34192 16.3774 4.34192 11.8054C4.32539 10.6197 4.7679 9.47305 5.57789 8.60268C5.45469 8.30236 5.04336 7.08923 5.69512 5.44143C5.69512 5.44143 6.70258 5.12136 8.99568 6.66444C10.9625 6.12962 13.0377 6.12962 15.0046 6.66444C17.2957 5.12136 18.3012 5.44143 18.3012 5.44143C18.9549 7.08528 18.5436 8.29841 18.4204 8.60268C19.233 9.47319 19.6764 10.6218 19.6584 11.8094C19.6584 16.3912 16.8506 17.4008 14.18 17.6952C14.6092 18.0667 14.9927 18.7918 14.9927 19.9061C14.9927 21.5026 14.9788 22.7868 14.9788 23.18C14.9788 23.4981 15.1954 23.8695 15.8034 23.753C18.5058 22.8557 20.7991 21.0317 22.273 18.6073C23.7469 16.183 24.3054 13.3163 23.8485 10.5201C23.3916 7.7238 21.9492 5.18035 19.7792 3.34461C17.6092 1.50886 14.8532 0.500541 12.0041 0.5H12.0001Z"
+      fill={color}
+    />
+    <path
+      d="M4.54456 17.632C4.51873 17.6913 4.42335 17.7091 4.34585 17.6676C4.26835 17.6261 4.21073 17.549 4.23855 17.4878C4.26637 17.4265 4.35976 17.4107 4.43726 17.4522C4.51476 17.4937 4.57436 17.5727 4.54456 17.632Z"
+      fill={color}
+    />
+    <path
+      d="M5.03123 18.1714C4.99008 18.192 4.943 18.1978 4.89805 18.1877C4.8531 18.1776 4.81308 18.1523 4.78483 18.1161C4.70734 18.0331 4.69143 17.9185 4.75104 17.8671C4.81066 17.8157 4.91797 17.8395 4.99546 17.9224C5.07296 18.0054 5.09084 18.12 5.03123 18.1714Z"
+      fill={color}
+    />
+    <path
+      d="M5.50437 18.857C5.43085 18.9084 5.30565 18.857 5.2361 18.7543C5.21687 18.7359 5.20158 18.7138 5.19113 18.6893C5.18068 18.6649 5.17529 18.6386 5.17529 18.612C5.17529 18.5855 5.18068 18.5592 5.19113 18.5347C5.20158 18.5103 5.21687 18.4882 5.2361 18.4698C5.30963 18.4204 5.43482 18.4698 5.50437 18.5705C5.57391 18.6713 5.5759 18.8057 5.50437 18.857Z"
+      fill={color}
+    />
+    <path
+      d="M6.14612 19.5209C6.08054 19.594 5.94741 19.5742 5.83812 19.4754C5.72883 19.3766 5.70299 19.2423 5.76857 19.1712C5.83414 19.1 5.96727 19.1198 6.08054 19.2166C6.1938 19.3134 6.21566 19.4497 6.14612 19.5209Z"
+      fill={color}
+    />
+    <path
+      d="M7.04617 19.9081C7.01637 20.001 6.88124 20.0425 6.74612 20.003C6.611 19.9635 6.52158 19.8528 6.54741 19.758C6.57325 19.6631 6.71036 19.6197 6.84747 19.6631C6.98457 19.7066 7.07201 19.8113 7.04617 19.9081Z"
+      fill={color}
+    />
+    <path
+      d="M8.02783 19.9753C8.02783 20.0721 7.91656 20.1551 7.77349 20.1571C7.63042 20.159 7.51318 20.08 7.51318 19.9832C7.51318 19.8864 7.62445 19.8034 7.76752 19.8014C7.9106 19.7995 8.02783 19.8765 8.02783 19.9753Z"
+      fill={color}
+    />
+    <path
+      d="M8.9419 19.8232C8.95978 19.92 8.86042 20.0207 8.71735 20.0445C8.57428 20.0682 8.4491 20.0109 8.43121 19.916C8.41333 19.8212 8.51666 19.7185 8.65576 19.6928C8.79485 19.6671 8.92401 19.7264 8.9419 19.8232Z"
+      fill={color}
+    />
   </svg>
 ))

src/components/icons/HamburgerMenuCollapseIcon.tsx

@@ -0,0 +1,33 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    width={size}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M10 3.19995H9.48172e-06"
+      stroke={color}
+      strokeMiterlimit="10"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M10 12.8H-4.02882e-05"
+      stroke={color}
+      strokeMiterlimit="10"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M7 8L-1.19209e-07 8"
+      stroke={color}
+      strokeMiterlimit="10"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M11 8L10.6464 8.35355L10.2929 8L10.6464 7.64645L11 8ZM15.3536 4.35355L11.3536 8.35355L10.6464 7.64645L14.6464 3.64645L15.3536 4.35355ZM11.3536 7.64645L15.3536 11.6464L14.6464 12.3536L10.6464 8.35355L11.3536 7.64645Z"
+      fill={color}
+    />
+  </svg>
+))

src/components/icons/HamburgerMenuIcon.tsx

@@ -8,19 +8,19 @@ export default createIcon(({ size, color }) => (
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M0 3.19995H16"
+      d="M16 3H2.93447e-07"
       stroke={color}
       strokeMiterlimit="10"
       strokeLinejoin="round"
     />
     <path
-      d="M0 12.7999H16"
+      d="M16 13H-3.02457e-07"
       stroke={color}
       strokeMiterlimit="10"
       strokeLinejoin="round"
     />
     <path
-      d="M0 8H16"
+      d="M16 8L-1.19209e-07 8"
       stroke={color}
       strokeMiterlimit="10"
       strokeLinejoin="round"

src/components/icons/TwitterIcon.tsx

@@ -7,11 +7,9 @@ export default createIcon(({ size, color }) => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <g opacity="0.6">
-      <path
-        d="M19.2614 7.88997C19.2731 8.0595 19.2731 8.22903 19.2731 8.40012C19.2731 13.6133 15.3044 19.6257 8.04754 19.6257V19.6226C5.90383 19.6257 3.80465 19.0116 2 17.8538C2.31171 17.8913 2.62499 17.9101 2.93904 17.9109C4.71557 17.9124 6.44132 17.3164 7.83895 16.2187C6.1507 16.1867 4.67026 15.0859 4.15308 13.4789C4.74448 13.593 5.35384 13.5696 5.9343 13.411C4.09371 13.0391 2.76952 11.4219 2.76952 9.54385C2.76952 9.52666 2.76952 9.51026 2.76952 9.49385C3.31794 9.79931 3.93199 9.96884 4.56011 9.98759C2.82655 8.82902 2.29218 6.52281 3.33904 4.71972C5.34212 7.18452 8.29754 8.68293 11.4701 8.84152C11.1522 7.47123 11.5865 6.03532 12.6115 5.07206C14.2005 3.57834 16.6997 3.6549 18.1934 5.24315C19.077 5.06893 19.9239 4.74472 20.6989 4.28536C20.4043 5.19862 19.7879 5.97439 18.9645 6.46735C19.7465 6.37516 20.5106 6.16579 21.2301 5.84626C20.7004 6.64 20.0332 7.33139 19.2614 7.88997Z"
-        fill={color}
-      />
-    </g>
+    <path
+      d="M7.55016 21.75C16.6045 21.75 21.5583 14.2467 21.5583 7.74186C21.5583 7.53092 21.5536 7.3153 21.5442 7.10436C22.5079 6.40746 23.3395 5.54425 24 4.5553C23.1025 4.9546 22.1496 5.21538 21.1739 5.32874C22.2013 4.71291 22.9705 3.74547 23.3391 2.60577C22.3726 3.17856 21.3156 3.58261 20.2134 3.80061C19.4708 3.01156 18.489 2.48912 17.4197 2.31405C16.3504 2.13899 15.2532 2.32105 14.2977 2.8321C13.3423 3.34314 12.5818 4.15471 12.1338 5.14131C11.6859 6.12792 11.5754 7.23462 11.8195 8.2903C9.86249 8.19209 7.94794 7.6837 6.19998 6.7981C4.45203 5.91249 2.90969 4.66944 1.67297 3.14952C1.0444 4.23324 0.852057 5.51565 1.13503 6.73609C1.418 7.95654 2.15506 9.02345 3.19641 9.71999C2.41463 9.69517 1.64998 9.48468 0.965625 9.10592V9.16686C0.964925 10.3041 1.3581 11.4066 2.07831 12.2868C2.79852 13.167 3.80132 13.7706 4.91625 13.995C4.19206 14.1931 3.43198 14.222 2.69484 14.0794C3.00945 15.0574 3.62157 15.9129 4.44577 16.5263C5.26997 17.1398 6.26512 17.4806 7.29234 17.5012C5.54842 18.8711 3.39417 19.6141 1.17656 19.6106C0.783287 19.61 0.390399 19.5859 0 19.5384C2.25286 20.9837 4.87353 21.7514 7.55016 21.75Z"
+      fill={color}
+    />
   </svg>
 ))

src/theme.tsx

@@ -80,15 +80,20 @@ export default mergeTheme(defaultTheme, {
   name: 'plural',
   mode: 'dark',
   colors: {
+    blue,
+    grey,
+    success,
+    warning,
+    error,
     primary: '#293EFF',
     secondary: '#222534',
     background: {
       light: 'white',
-      dark: '#171A21',
+      dark: 'grey.900',
     },
     'background-light': {
       light: '#F5F5F5',
-      dark: '#2A2E37',
+      dark: 'grey.800',
     },
     'background-middle': {
       light: '#EEEEEE',
@@ -99,41 +104,30 @@ export default mergeTheme(defaultTheme, {
       dark: '#323643',
     },
     // text has already been declared by the default theme
+    text: {
+      light: 'black',
+      dark: 'grey.50',
+    },
     'text-strong': {
       light: '#000000',
       dark: 'white',
     },
     'text-light': {
       light: '#444444',
-      dark: '#C4CAD4',
+      dark: 'grey.200',
     },
     'text-xlight': {
       light: '#666666',
-      dark: '#999999',
+      dark: 'grey.300',
     },
     border: {
       light: '#CCCCCC',
       dark: '#303340',
     },
-    success: '#07E5A7',
-    warning: '#EF931D',
-    error: '#E03E43',
     'background-success': '#07E5A733',
     'background-warning': '#EF931D66',
     'background-error': '#E03E4366',
     'background-info': '#0190C266',
-    'accent-blue': {
-      dark: '#0190C2',
-      light: '#0190C2',
-    },
-    'accent-purple': {
-      dark: '#9510A1',
-      light: '#9510A1',
-    },
-    'accent-green': {
-      dark: '#058E4B',
-      light: '#058E4B',
-    },
   },
   html: [
     {