style: go dark

client/src/common/components/buttons/NextIconBtn.jsx

@@ -5,7 +5,8 @@ export default function NextIconBtn(props) {
   return (
     <IconButton
       icon={<FiSkipForward />}
-      colorScheme= 'blackAlpha'
+      colorScheme= 'whiteAlpha'
+      backgroundColor='#ffffff05'
       variant= 'outline'
       onClick={props.clickHandler}
       width={90}

client/src/common/components/buttons/PrevIconBtn.jsx

@@ -5,7 +5,8 @@ export default function PrevIconBtn(props) {
   return (
     <IconButton
       icon={<FiSkipBack />}
-      colorScheme= 'blackAlpha'
+      colorScheme= 'whiteAlpha'
+      backgroundColor='#ffffff05'
       variant= 'outline'
       onClick={props.clickHandler}
       width={90}

client/src/common/components/countdown/Countdown.module.css

@@ -22,5 +22,5 @@
   text-align: center;
   letter-spacing: 0.1em;
   font-weight: 600;
-  color: #333;
+  color: #fffffa;
 }

client/src/common/components/text/NumberedText.module.css

@@ -4,7 +4,8 @@
   color: white;
   font-weight: 600;
 
-  background-color: #319795;
+  background-color: #ff5b7e;
+  border: 1px solid rgba(255,255,255,0.47);
   width: 1.5em;
   border-radius: 1em;