status-im
/
status-web
mirror of https://github.com/status-im/status-web.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

sync colors with figma (#487) 

* fix: sync colors with figma

* feat: add changeset
This commit is contained in:
marcelines 2023-09-28 14:34:11 +01:00 committed by GitHub
parent aba5336bdb
commit ed918fc4f9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 38 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/tasty-steaks-hang.md Normal file
View File

@ -0,0 +1,5 @@
---
'@status-im/colors': minor
---
Sync new colors

1
packages/colors/src/blur.ts
View File

@ -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%)',

1
packages/colors/src/neutral.ts
View File

@ -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%)',

60
packages/colors/src/security.ts
View File

@ -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%)',
}

2
packages/colors/src/social.ts
View File

@ -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%)',
}