fix: update supportive colours [MDS-815] (#2504)

coingaming · Nov 23, 2023 · 6d2c2a5 · 6d2c2a5
1 parent e44fa77
commit 6d2c2a5
Show file tree

Hide file tree

Showing 12 changed files with 327 additions and 327 deletions.
diff --git a/workspaces/themes/src/betadda.css b/workspaces/themes/src/betadda.css
@@ -15,40 +15,40 @@
 
   /* support-colors  */
   --krillin: 255 179 25; /* #ffb319 */
-  --krillin-60: 255 198 82; /* #ffc652 */
-  --krillin-10: 255 217 141; /* #ffd98d */
+  --krillin-60: 255 179 25 / 0.56; /* #ffb319 */
+  --krillin-10: 255 179 25 / 0.08; /* #ffb319 */
 
   --chichi: 255 78 100; /* #ff4e64 */
-  --chichi-60: 255 118 135; /* #ff7687 */
-  --chichi-10: 255 150 163; /* #ff96a3 */
+  --chichi-60: 255 78 100 / 0.56; /* #ff4e64 */
+  --chichi-10: 255 78 100 / 0.08; /* #ff4e64 */
 
   --roshi: 74 209 95; /* #4ad15f */
-  --roshi-60: 100 220 119; /* #64dc77 */
-  --roshi-10: 127 242 145; /* #7ff291 */
+  --roshi-60: 74 209 95 / 0.56; /* #4ad15f */
+  --roshi-10: 74 209 95 / 0.08; /* #4ad15f */
 
   --dodoria: 211 48 48; /* #d33030 */
-  --dodoria-60: 219 78 78; /* #db4e4e */
-  --dodoria-10: 240 103 103; /* #f06767 */
+  --dodoria-60: 211 48 48 / 0.56; /* #d33030 */
+  --dodoria-10: 211 48 48 / 0.08; /* #d33030 */
 
   --cell: 149 241 213; /* #95f1d5 */
-  --cell-60: 162 250 223; /* #a2fadf */
-  --cell-10: 191 255 236; /* #bfffec */
+  --cell-60: 149 241 213 / 0.56; /* #95f1d5 */
+  --cell-10: 149 241 213 / 0.08; /* #95f1d5 */
 
   --raditz: 179 128 74; /* #b3804a */
-  --raditz-60: 193 145 93; /* #c1915d */
-  --raditz-10: 214 169 121; /* #d6a979 */
+  --raditz-60: 179 128 74 / 0.56; /* #b3804a */
+  --raditz-10: 179 128 74 / 0.08; /* #b3804a */
 
   --whis: 52 72 240; /* #3448f0 */
-  --whis-60: 103 119 248; /* #6777f8 */
-  --whis-10: 132 144 249; /* #8490f9 */
+  --whis-60: 52 72 240 / 0.56; /* #3448f0 */
+  --whis-10: 52 72 240 / 0.08; /* #3448f0 */
 
   --frieza: 92 51 207; /* #5c33cf */
-  --frieza-60: 115 77 222; /* #734dde */
-  --frieza-10: 146 113 239; /* #9271ef */
+  --frieza-60: 92 51 207 / 0.56; /* #5c33cf */
+  --frieza-10: 92 51 207 / 0.08; /* #5c33cf */
 
   --nappa: 114 85 80; /* #725550 */
-  --nappa-60: 133 106 102; /* #856a66 */
-  --nappa-10: 161 134 129; /* #a18681 */
+  --nappa-60: 114 85 80 / 0.56; /* #725550 */
+  --nappa-10: 114 85 80 / 0.08; /* #725550 */
 
   /* border-radius */
   --radius-i-xs: 0.25rem; /* 4px */
@@ -96,40 +96,40 @@
 
   /* support-colors  */
   --krillin: 255 179 25; /* #ffb319 */
-  --krillin-60: 255 198 82; /* #ffc652 */
-  --krillin-10: 255 217 141; /* #ffd98d */
+  --krillin-60: 255 179 25 / 0.56; /* #ffb319 */
+  --krillin-10: 255 179 25 / 0.08; /* #ffb319 */
 
   --chichi: 255 78 100; /* #ff4e64 */
-  --chichi-60: 255 118 135; /* #ff7687 */
-  --chichi-10: 255 150 163; /* #ff96a3 */
+  --chichi-60: 255 78 100 / 0.56; /* #ff4e64 */
+  --chichi-10: 255 78 100 / 0.08; /* #ff4e64 */
 
   --roshi: 74 209 95; /* #4ad15f */
-  --roshi-60: 100 220 119; /* #64dc77 */
-  --roshi-10: 127 242 145; /* #7ff291 */
+  --roshi-60: 74 209 95 / 0.56; /* #4ad15f */
+  --roshi-10: 74 209 95 / 0.08; /* #4ad15f */
 
   --dodoria: 211 48 48; /* #d33030 */
-  --dodoria-60: 219 78 78; /* #db4e4e */
-  --dodoria-10: 240 103 103; /* #f06767 */
+  --dodoria-60: 211 48 48 / 0.56; /* #d33030 */
+  --dodoria-10: 211 48 48 / 0.08; /* #d33030 */
 
   --cell: 149 241 213; /* #95f1d5 */
-  --cell-60: 162 250 223; /* #a2fadf */
-  --cell-10: 191 255 236; /* #bfffec */
+  --cell-60: 149 241 213 / 0.56; /* #95f1d5 */
+  --cell-10: 149 241 213 / 0.08; /* #95f1d5 */
 
   --raditz: 179 128 74; /* #b3804a */
-  --raditz-60: 193 145 93; /* #c1915d */
-  --raditz-10: 214 169 121; /* #d6a979 */
+  --raditz-60: 179 128 74 / 0.56; /* #b3804a */
+  --raditz-10: 179 128 74 / 0.08; /* #b3804a */
 
   --whis: 52 72 240; /* #3448f0 */
-  --whis-60: 103 119 248; /* #6777f8 */
-  --whis-10: 132 144 249; /* #8490f9 */
+  --whis-60: 52 72 240 / 0.56; /* #3448f0 */
+  --whis-10: 52 72 240 / 0.08; /* #3448f0 */
 
   --frieza: 92 51 207; /* #5c33cf */
-  --frieza-60: 115 77 222; /* #734dde */
-  --frieza-10: 146 113 239; /* #9271ef */
+  --frieza-60: 92 51 207 / 0.56; /* #5c33cf */
+  --frieza-10: 92 51 207 / 0.08; /* #5c33cf */
 
   --nappa: 114 85 80; /* #725550 */
-  --nappa-60: 133 106 102; /* #856a66 */
-  --nappa-10: 161 134 129; /* #a18681 */
+  --nappa-60: 114 85 80 / 0.56; /* #725550 */
+  --nappa-10: 114 85 80 / 0.08; /* #725550 */
 
   /* border-radius */
   --radius-i-xs: 0.25rem; /* 4px */

diff --git a/workspaces/themes/src/bitcasino.css b/workspaces/themes/src/bitcasino.css
@@ -15,40 +15,40 @@
 
   /* support-colors  */
   --krillin: 255 179 25; /* #ffb319 */
-  --krillin-60: 255 198 82; /* #ffc652 */
-  --krillin-10: 255 217 141; /* #ffd98d */
+  --krillin-60: 255 179 25 / 0.56; /* #ffb319 */
+  --krillin-10: 255 179 25 / 0.08; /* #ffb319 */
 
   --chichi: 255 78 100; /* #ff4e64 */
-  --chichi-60: 255 118 135; /* #ff7687 */
-  --chichi-10: 255 150 163; /* #ff96a3 */
+  --chichi-60: 255 78 100 / 0.56; /* #ff4e64 */
+  --chichi-10: 255 78 100 / 0.08; /* #ff4e64 */
 
   --roshi: 74 209 95; /* #4ad15f */
-  --roshi-60: 100 220 119; /* #64dc77 */
-  --roshi-10: 127 242 145; /* #7ff291 */
+  --roshi-60: 74 209 95 / 0.56; /* #4ad15f */
+  --roshi-10: 74 209 95 / 0.08; /* #4ad15f */
 
   --dodoria: 211 48 48; /* #d33030 */
-  --dodoria-60: 219 78 78; /* #db4e4e */
-  --dodoria-10: 240 103 103; /* #f06767 */
+  --dodoria-60: 211 48 48 / 0.56; /* #d33030 */
+  --dodoria-10: 211 48 48 / 0.08; /* #d33030 */
 
   --cell: 149 241 213; /* #95f1d5 */
-  --cell-60: 162 250 223; /* #a2fadf */
-  --cell-10: 191 255 236; /* #bfffec */
+  --cell-60: 149 241 213 / 0.56; /* #95f1d5 */
+  --cell-10: 149 241 213 / 0.08; /* #95f1d5 */
 
   --raditz: 179 128 74; /* #b3804a */
-  --raditz-60: 193 145 93; /* #c1915d */
-  --raditz-10: 214 169 121; /* #d6a979 */
+  --raditz-60: 179 128 74 / 0.56; /* #b3804a */
+  --raditz-10: 179 128 74 / 0.08; /* #b3804a */
 
   --whis: 46 105 255; /* #2E69FF */
-  --whis-60: 46 105 255 / 0.56; /* #2E69FF8F */
-  --whis-10: 46 105 255 / 0.1; /* #2E69FF1A */
+  --whis-60: 46 105 255 / 0.56; /* #2E69FF */
+  --whis-10: 46 105 255 / 0.08; /* #2E69FF */
 
   --frieza: 92 51 207; /* #5c33cf */
-  --frieza-60: 115 77 222; /* #734dde */
-  --frieza-10: 146 113 239; /* #9271ef */
+  --frieza-60: 92 51 207 / 0.56; /* #5c33cf */
+  --frieza-10: 92 51 207 / 0.08; /* #5c33cf */
 
   --nappa: 114 85 80; /* #725550 */
-  --nappa-60: 133 106 102; /* #856a66 */
-  --nappa-10: 161 134 129; /* #a18681 */
+  --nappa-60: 114 85 80 / 0.56; /* #725550 */
+  --nappa-10: 114 85 80 / 0.08; /* #725550 */
 
   /* border-radius */
   --radius-i-xs: 0.25rem; /* 4px */
@@ -96,40 +96,40 @@
 
   /* support-colors  */
   --krillin: 255 179 25; /* #ffb319 */
-  --krillin-60: 255 198 82; /* #ffc652 */
-  --krillin-10: 255 217 141; /* #ffd98d */
+  --krillin-60: 255 179 25 / 0.56; /* #ffb319 */
+  --krillin-10: 255 179 25 / 0.08; /* #ffb319 */
 
   --chichi: 255 78 100; /* #ff4e64 */
-  --chichi-60: 255 118 135; /* #ff7687 */
-  --chichi-10: 255 150 163; /* #ff96a3 */
+  --chichi-60: 255 78 100 / 0.56; /* #ff4e64 */
+  --chichi-10: 255 78 100 / 0.08; /* #ff4e64 */
 
   --roshi: 74 209 95; /* #4ad15f */
-  --roshi-60: 100 220 119; /* #64dc77 */
-  --roshi-10: 127 242 145; /* #7ff291 */
+  --roshi-60: 74 209 95 / 0.56; /* #4ad15f */
+  --roshi-10: 74 209 95 / 0.08; /* #4ad15f */
 
   --dodoria: 211 48 48; /* #d33030 */
-  --dodoria-60: 219 78 78; /* #db4e4e */
-  --dodoria-10: 240 103 103; /* #f06767 */
+  --dodoria-60: 211 48 48 / 0.56; /* #d33030 */
+  --dodoria-10: 211 48 48 / 0.08; /* #d33030 */
 
   --cell: 149 241 213; /* #95f1d5 */
-  --cell-60: 162 250 223; /* #a2fadf */
-  --cell-10: 191 255 236; /* #bfffec */
+  --cell-60: 149 241 213 / 0.56; /* #95f1d5 */
+  --cell-10: 149 241 213 / 0.08; /* #95f1d5 */
 
   --raditz: 179 128 74; /* #b3804a */
-  --raditz-60: 193 145 93; /* #c1915d */
-  --raditz-10: 214 169 121; /* #d6a979 */
+  --raditz-60: 179 128 74 / 0.56; /* #b3804a */
+  --raditz-10: 179 128 74 / 0.08; /* #b3804a */
 
   --whis: 46 105 255; /* #2E69FF */
-  --whis-60: 46 105 255 / 0.56; /* #2E69FF8F */
-  --whis-10: 46 105 255 / 0.1; /* #2E69FF1A */
+  --whis-60: 46 105 255 / 0.56; /* #2E69FF */
+  --whis-10: 46 105 255 / 0.08; /* #2E69FF */
 
   --frieza: 92 51 207; /* #5c33cf */
-  --frieza-60: 115 77 222; /* #734dde */
-  --frieza-10: 146 113 239; /* #9271ef */
+  --frieza-60: 92 51 207 / 0.56; /* #5c33cf */
+  --frieza-10: 92 51 207 / 0.08; /* #5c33cf */
 
   --nappa: 114 85 80; /* #725550 */
-  --nappa-60: 133 106 102; /* #856a66 */
-  --nappa-10: 161 134 129; /* #a18681 */
+  --nappa-60: 114 85 80 / 0.56; /* #725550 */
+  --nappa-10: 114 85 80 / 0.08; /* #725550 */
 
   /* border-radius */
   --radius-i-xs: 0.25rem; /* 4px */

diff --git a/workspaces/themes/src/bitcasinoNew.css b/workspaces/themes/src/bitcasinoNew.css
@@ -15,40 +15,40 @@
 
   /* support-colors  */
   --krillin: 255 179 25; /* #ffb319 */
-  --krillin-60: 255 203 99; /* #FFCB63 */
-  --krillin-10: 255 228 173; /* #FFE4AD */
+  --krillin-60: 255 179 25 / 0.56; /* #ffb319 */
+  --krillin-10: 255 179 25 / 0.08; /* #ffb319 */
 
   --chichi: 255 78 100; /* #ff4e64 */
-  --chichi-60: 255 114 131; /* #FF7283 */
-  --chichi-10: 255 167 178; /* #FFA7B2 */
+  --chichi-60: 255 78 100 / 0.56; /* #ff4e64 */
+  --chichi-10: 255 78 100 / 0.08; /* #ff4e64 */
 
   --roshi: 12 214 100; /* #0CD664 */
-  --roshi-60: 95 245 118; /* #5FF576 */
-  --roshi-10: 182 243 208; /* #B6F3D0 */
+  --roshi-60: 12 214 100 / 0.56; /* #0CD664 */
+  --roshi-10: 12 214 100 / 0.08; /* #0CD664 */
 
   --dodoria: 211 48 48; /* #d33030 */
-  --dodoria-60: 241 89 89; /* #F15959 */
-  --dodoria-10: 233 151 151; /* #E99797 */
+  --dodoria-60: 211 48 48 / 0.56; /* #d33030 */
+  --dodoria-10: 211 48 48 / 0.08; /* #d33030 */
 
   --cell: 10 183 88; /* #0AB758 */
-  --cell-60: 43 207 117; /* #2BCF75 */
-  --cell-10: 132 219 171; /* #84DBAB */
+  --cell-60: 10 183 88 / 0.56; /* #0AB758 */
+  --cell-10: 10 183 88 / 0.08; /* #0AB758 */
 
   --raditz: 179 128 74; /* #b3804a */
-  --raditz-60: 215 157 97; /* #D79D61 */
-  --raditz-10: 217 191 164; /* #D9BFA4 */
+  --raditz-60: 179 128 74 / 0.56; /* #b3804a */
+  --raditz-10: 179 128 74 / 0.08; /* #b3804a */
 
   --whis: 46 105 255; /* #2E69FF */
-  --whis-60: 46 105 255 / 0.56; /* #2E69FF8F */
-  --whis-10: 46 105 255 / 0.1; /* #2E69FF1A */
+  --whis-60: 46 105 255 / 0.56; /* #2E69FF */
+  --whis-10: 46 105 255 / 0.08; /* #2E69FF */
 
   --frieza: 92 51 207; /* #5c33cf */
-  --frieza-60: 124 82 240; /* #7C52F0 */
-  --frieza-10: 182 163 233; /* #B6A3E9 */
+  --frieza-60: 92 51 207 / 0.56; /* #5c33cf */
+  --frieza-10: 92 51 207 / 0.08; /* #5c33cf */
 
   --nappa: 114 85 80; /* #725550 */
-  --nappa-60: 146 116 110; /* #92746E */
-  --nappa-10: 184 170 167; /* #B8AAA7 */
+  --nappa-60: 114 85 80 / 0.56; /* #725550 */
+  --nappa-10: 114 85 80 / 0.08; /* #725550 */
 
   /* border-radius */
   --radius-i-xs: 0.25rem; /* 4px */
@@ -97,40 +97,40 @@
 
   /* support-colors  */
   --krillin: 255 179 25; /* #ffb319 */
-  --krillin-60: 255 203 99; /* #FFCB63 */
-  --krillin-10: 255 228 173; /* #FFE4AD */
+  --krillin-60: 255 179 25 / 0.56; /* #ffb319 */
+  --krillin-10: 255 179 25 / 0.08; /* #ffb319 */
 
   --chichi: 255 78 100; /* #ff4e64 */
-  --chichi-60: 255 114 131; /* #FF7283 */
-  --chichi-10: 255 167 178; /* #FFA7B2 */
+  --chichi-60: 255 78 100 / 0.56; /* #ff4e64 */
+  --chichi-10: 255 78 100 / 0.08; /* #ff4e64 */
 
   --roshi: 12 214 100; /* #0CD664 */
-  --roshi-60: 95 245 118; /* #5FF576 */
-  --roshi-10: 182 243 208; /* #B6F3D0 */
+  --roshi-60: 12 214 100 / 0.56; /* #0CD664 */
+  --roshi-10: 12 214 100 / 0.08; /* #0CD664 */
 
   --dodoria: 211 48 48; /* #d33030 */
-  --dodoria-60: 241 89 89; /* #F15959 */
-  --dodoria-10: 233 151 151; /* #E99797 */
+  --dodoria-60: 211 48 48 / 0.56; /* #d33030 */
+  --dodoria-10: 211 48 48 / 0.08; /* #d33030 */
 
   --cell: 10 183 88; /* #0AB758 */
-  --cell-60: 43 207 117; /* #2BCF75 */
-  --cell-10: 132 219 171; /* #84DBAB */
+  --cell-60: 10 183 88 / 0.56; /* #0AB758 */
+  --cell-10: 10 183 88 / 0.08; /* #0AB758 */
 
   --raditz: 179 128 74; /* #b3804a */
-  --raditz-60: 215 157 97; /* #D79D61 */
-  --raditz-10: 217 191 164; /* #D9BFA4 */
+  --raditz-60: 179 128 74 / 0.56; /* #b3804a */
+  --raditz-10: 179 128 74 / 0.08; /* #b3804a */
 
   --whis: 46 105 255; /* #2E69FF */
-  --whis-60: 46 105 255 / 0.56; /* #2E69FF8F */
-  --whis-10: 46 105 255 / 0.1; /* #2E69FF1A */
+  --whis-60: 46 105 255 / 0.56; /* #2E69FF */
+  --whis-10: 46 105 255 / 0.08; /* #2E69FF */
 
   --frieza: 92 51 207; /* #5c33cf */
-  --frieza-60: 124 82 240; /* #7C52F0 */
-  --frieza-10: 182 163 233; /* #B6A3E9 */
+  --frieza-60: 92 51 207 / 0.56; /* #5c33cf */
+  --frieza-10: 92 51 207 / 0.08; /* #5c33cf */
 
   --nappa: 114 85 80; /* #725550 */
-  --nappa-60: 146 116 110; /* #92746E */
-  --nappa-10: 184 170 167; /* #B8AAA7 */
+  --nappa-60: 114 85 80 / 0.56; /* #725550 */
+  --nappa-10: 114 85 80 / 0.08; /* #725550 */
 
   /* border-radius */
   --radius-i-xs: 0.25rem; /* 4px */