💄 Update color tokens

components/date-time-chip/date-time-chip.scss

@@ -1,7 +1,7 @@
 .datetime-chip {
   display: inline-flex;
 
-  outline: 1px solid $white-soft;
+  outline: 1px solid $white-80;
   border-radius: 27px;
 
   @extend %subtitle-1;
@@ -32,7 +32,7 @@
     font-size: 12px;
     line-height: 1.6;
 
-    color: $white-soft;
+    color: $white-80;
   }
 
   &__divider {

components/event-detail/event-detail.scss

@@ -26,7 +26,7 @@
 
   &__text {
     @extend %body-1;
-    color: $white-soft;
+    color: $white-80;
 
     @extend %markdown;
   }

components/events-list/events-list.scss

@@ -50,7 +50,7 @@
 
   &__text {
     @extend %body-1;
-    color: $white-soft;
+    color: $white-80;
 
     overflow: hidden;
     text-overflow: ellipsis;

components/home/about/about.scss

@@ -23,7 +23,7 @@
 
   &__text {
     @extend %body-1;
-    color: $white-soft;
+    color: $white-80;
 
     grid-column: 1 / 4;
 

components/home/get-involved/get-involved.scss

@@ -27,7 +27,7 @@
 
   &__text {
     @extend %body-1;
-    color: $white-soft;
+    color: $white-80;
 
     grid-column: 1 / 4;
 

styles/tokens.scss

@@ -8,7 +8,8 @@ $lg: 920px;
 
 // Colors
 $white: #fff;
-$white-soft: #ffffff80;
+$white-80: #ffffffcc;
+$white-20: #ffffff33;
 $blue: #0a03d6;
 $purple: #6b00cf;
 $red: #e32e40;