From ed918fc4f9f67863f0aaa2f325539039f44d10af Mon Sep 17 00:00:00 2001
From: marcelines <marcio@status.im>
Date: Thu, 28 Sep 2023 14:34:11 +0100
Subject: [PATCH] sync colors with figma (#487)

* fix: sync colors with figma

* feat: add changeset
---
 .changeset/tasty-steaks-hang.md |  5 +++
 packages/colors/src/blur.ts     |  1 +
 packages/colors/src/neutral.ts  |  1 +
 packages/colors/src/security.ts | 60 ++++++++++++++++-----------------
 packages/colors/src/social.ts   |  2 +-
 5 files changed, 38 insertions(+), 31 deletions(-)
 create mode 100644 .changeset/tasty-steaks-hang.md

diff --git a/.changeset/tasty-steaks-hang.md b/.changeset/tasty-steaks-hang.md
new file mode 100644
index 00000000..c1f994eb
--- /dev/null
+++ b/.changeset/tasty-steaks-hang.md
@@ -0,0 +1,5 @@
+---
+'@status-im/colors': minor
+---
+
+Sync new colors
diff --git a/packages/colors/src/blur.ts b/packages/colors/src/blur.ts
index 0a634a03..2bf5e2ef 100644
--- a/packages/colors/src/blur.ts
+++ b/packages/colors/src/blur.ts
@@ -1,6 +1,7 @@
 export const blur = {
   'neutral-100/70': 'rgba(9 16 28 / 70%)',
   'neutral-5/70': 'rgba(245 246 248 / 70%)',
+  'neutral-80/1': 'rgba(25 36 56 / 1%)',
   'neutral-80/80': 'rgba(25 36 56 / 80%)',
   'neutral-90/70': 'rgba(19 29 47 / 70%)',
   'neutral-95/70': 'rgba(13 22 37 / 70%)',
diff --git a/packages/colors/src/neutral.ts b/packages/colors/src/neutral.ts
index 6d0aac30..fbf92966 100644
--- a/packages/colors/src/neutral.ts
+++ b/packages/colors/src/neutral.ts
@@ -11,6 +11,7 @@ export const neutral = {
   '90': 'rgba(19 29 47 / 100%)',
   '95': 'rgba(13 22 37 / 100%)',
   '100': 'rgba(9 16 28 / 100%)',
+  '2.5': 'rgba(250 251 252 / 100%)',
   '80/10': 'rgba(27 39 61 / 10%)',
   '80/20': 'rgba(27 39 61 / 20%)',
   '80/30': 'rgba(27 39 61 / 30%)',
diff --git a/packages/colors/src/security.ts b/packages/colors/src/security.ts
index 07c0c140..f1d80280 100644
--- a/packages/colors/src/security.ts
+++ b/packages/colors/src/security.ts
@@ -1,34 +1,34 @@
 export const security = {
   'identicon-01': 'rgba(0 0 0 / 100%)',
-  'identicon-02': 'rgba(0 255 0 / 100%)',
-  'identicon-03': 'rgba(255 255 0 / 100%)',
-  'identicon-04': 'rgba(255 0 0 / 100%)',
-  'identicon-05': 'rgba(255 0 255 / 100%)',
-  'identicon-06': 'rgba(0 0 255 / 100%)',
-  'identicon-07': 'rgba(0 255 255 / 100%)',
-  'identicon-08': 'rgba(114 111 111 / 100%)',
-  'identicon-09': 'rgba(0 152 0 / 100%)',
-  'identicon-10': 'rgba(168 172 0 / 100%)',
-  'identicon-11': 'rgba(154 0 0 / 100%)',
-  'identicon-12': 'rgba(144 0 144 / 100%)',
-  'identicon-13': 'rgba(0 0 134 / 100%)',
-  'identicon-14': 'rgba(0 134 148 / 100%)',
-  'identicon-15': 'rgba(196 196 196 / 100%)',
-  'identicon-16': 'rgba(184 255 187 / 100%)',
-  'identicon-17': 'rgba(255 255 176 / 100%)',
-  'identicon-18': 'rgba(255 157 157 / 100%)',
-  'identicon-19': 'rgba(255 176 255 / 100%)',
-  'identicon-20': 'rgba(155 129 255 / 100%)',
-  'identicon-21': 'rgba(194 255 255 / 100%)',
-  'identicon-22': 'rgba(231 231 231 / 100%)',
-  'identicon-23': 'rgba(255 196 19 / 100%)',
-  'identicon-24': 'rgba(255 87 51 / 100%)',
-  'identicon-25': 'rgba(255 0 153 / 100%)',
-  'identicon-26': 'rgba(158 0 255 / 100%)',
+  'identicon-02': 'rgba(114 111 111 / 100%)',
+  'identicon-03': 'rgba(196 196 196 / 100%)',
+  'identicon-04': 'rgba(231 231 231 / 100%)',
+  'identicon-05': 'rgba(255 255 255 / 100%)',
+  'identicon-06': 'rgba(0 255 0 / 100%)',
+  'identicon-07': 'rgba(0 152 0 / 100%)',
+  'identicon-08': 'rgba(184 255 187 / 100%)',
+  'identicon-09': 'rgba(255 196 19 / 100%)',
+  'identicon-10': 'rgba(159 89 71 / 100%)',
+  'identicon-11': 'rgba(255 255 0 / 100%)',
+  'identicon-12': 'rgba(168 172 0 / 100%)',
+  'identicon-13': 'rgba(255 255 176 / 100%)',
+  'identicon-14': 'rgba(255 87 51 / 100%)',
+  'identicon-15': 'rgba(255 0 0 / 100%)',
+  'identicon-16': 'rgba(154 0 0 / 100%)',
+  'identicon-17': 'rgba(255 157 157 / 100%)',
+  'identicon-18': 'rgba(255 0 153 / 100%)',
+  'identicon-19': 'rgba(200 0 120 / 100%)',
+  'identicon-20': 'rgba(255 0 255 / 100%)',
+  'identicon-21': 'rgba(144 0 144 / 100%)',
+  'identicon-22': 'rgba(255 176 255 / 100%)',
+  'identicon-23': 'rgba(158 0 255 / 100%)',
+  'identicon-24': 'rgba(0 0 255 / 100%)',
+  'identicon-25': 'rgba(0 0 134 / 100%)',
+  'identicon-26': 'rgba(155 129 255 / 100%)',
   'identicon-27': 'rgba(63 174 249 / 100%)',
-  'identicon-28': 'rgba(0 240 182 / 100%)',
-  'identicon-29': 'rgba(255 255 255 / 100%)',
-  'identicon-30': 'rgba(159 89 71 / 100%)',
-  'identicon-31': 'rgba(200 0 120 / 100%)',
-  'identicon-32': 'rgba(154 102 0 / 100%)',
+  'identicon-28': 'rgba(154 102 0 / 100%)',
+  'identicon-29': 'rgba(0 255 255 / 100%)',
+  'identicon-30': 'rgba(0 134 148 / 100%)',
+  'identicon-31': 'rgba(194 255 255 / 100%)',
+  'identicon-32': 'rgba(0 240 182 / 100%)',
 }
diff --git a/packages/colors/src/social.ts b/packages/colors/src/social.ts
index a1571707..6a0d679b 100644
--- a/packages/colors/src/social.ts
+++ b/packages/colors/src/social.ts
@@ -14,6 +14,6 @@ export const social = {
   'super-rare': 'rgba(0 0 0 / 100%)',
   tumblr: 'rgba(55 71 79 / 100%)',
   twitch: 'rgba(103 58 183 / 100%)',
-  twitter: 'rgba(3 169 244 / 100%)',
+  twitter: 'rgba(0 0 0 / 100%)',
   youtube: 'rgba(255 48 0 / 100%)',
 }