From 2b5ed5feae343cd146faf8ecc9ba70fb35ce29b6 Mon Sep 17 00:00:00 2001
From: Jordan Prince <jordanmprince@gmail.com>
Date: Tue, 24 Aug 2021 11:05:21 -0500
Subject: [PATCH] Fix notification color (#234)

---
 js/packages/web/src/views/styles.less | 38 +++++++++++++++------------
 1 file changed, 21 insertions(+), 17 deletions(-)

diff --git a/js/packages/web/src/views/styles.less b/js/packages/web/src/views/styles.less
index 295ed63..b70b061 100644
--- a/js/packages/web/src/views/styles.less
+++ b/js/packages/web/src/views/styles.less
@@ -1,6 +1,5 @@
-
 * {
-  font-family: "GraphikWeb";
+  font-family: 'GraphikWeb';
 }
 
 .ant-layout-content {
@@ -23,7 +22,7 @@
     display: flex;
     align-items: center;
 
-    color: #FFFFFF;
+    color: #ffffff;
   }
 
   p {
@@ -42,7 +41,7 @@
 }
 
 .content-action-stretch {
-  :first-child{
+  :first-child {
     width: 100%;
   }
 }
@@ -73,12 +72,12 @@
   align-items: center;
   padding: 20px 24px;
 
-  background: linear-gradient(270deg, #616774 7.29%, #403F4C 100%);
+  background: linear-gradient(270deg, #616774 7.29%, #403f4c 100%);
   border-radius: 8px;
 }
 
 .type-btn:hover {
-  background: linear-gradient(270deg, #616774 7.29%, #403F4C 100%) !important;
+  background: linear-gradient(270deg, #616774 7.29%, #403f4c 100%) !important;
 }
 .type-btn:disabled {
   pointer-events: none;
@@ -93,7 +92,6 @@
   width: 100%;
   margin-bottom: 20px;
 
-
   display: flex;
   flex-direction: row;
   justify-content: center;
@@ -101,7 +99,7 @@
   padding: 20px 10px;
 
   /* button/primary/default */
-  background: linear-gradient(180deg, #768BF9 0%, #5870EE 100%);
+  background: linear-gradient(180deg, #768bf9 0%, #5870ee 100%);
   border-radius: 8px;
   height: 58px;
 
@@ -127,13 +125,19 @@
   border-color: #fff;
 }
 
-.connector:hover, .connector:focus {
+.connector:hover,
+.connector:focus {
   background: #fff;
   border-color: #141414;
   color: #141414;
 }
 
-.ant-btn-primary:hover, .ant-btn-primary:focus {
+.ant-badge-count {
+  color: black;
+}
+
+.ant-btn-primary:hover,
+.ant-btn-primary:focus {
   color: #5969d4;
   background: transparent;
   border-color: #5969d4;
@@ -165,7 +169,7 @@
     font-weight: 600;
     font-size: 36px;
     line-height: 44px;
-    color: #FFFFFF;
+    color: #ffffff;
     flex: none;
     order: 0;
     flex-grow: 0;
@@ -215,8 +219,8 @@
 }
 
 .selected-card {
-  border-width:  3px;
-  border-color: #5870EE !important;
+  border-width: 3px;
+  border-color: #5870ee !important;
   border-style: solid;
 }
 
@@ -240,7 +244,7 @@
 .waiting-title {
   font-weight: 600;
   font-size: 2rem;
-  color: #FFFFFF;
+  color: #ffffff;
   text-align: center;
 }
 
@@ -265,7 +269,7 @@
   align-items: center;
 
   margin: 5px auto;
-  background: linear-gradient(270deg, #616774 7.29%, #403F4C 100%);
+  background: linear-gradient(270deg, #616774 7.29%, #403f4c 100%);
   border-radius: 8px;
 
   font-size: 1rem;
@@ -275,7 +279,7 @@
 .particle {
   position: absolute;
   opacity: 0.9;
-  background: linear-gradient(180deg, #D329FC 0%, #8F6DDE 49.48%, #19E6AD 100%);
+  background: linear-gradient(180deg, #d329fc 0%, #8f6dde 49.48%, #19e6ad 100%);
 }
 
 .slider-elem {
@@ -287,7 +291,7 @@
 }
 
 .ant-slider-step {
-  background: linear-gradient(270deg, #616774 7.29%, #403F4C 100%);
+  background: linear-gradient(270deg, #616774 7.29%, #403f4c 100%);
   border-radius: 4px;
   height: 10px;
 }