Commandbar and dark mode UI fixes (#491)

* Improve dark mode

* Improve commandbar style and add interactions

front/src/modules/ui/components/buttons/MainButton.tsx

@@ -35,7 +35,7 @@ const StyledButton = styled.button<Pick<Props, 'fullWidth' | 'variant'>>`
   box-shadow: ${({ theme }) => theme.boxShadow.light};
   color: ${({ theme, variant, disabled }) => {
     if (disabled) {
-      return theme.font.color.extraLight;
+      return theme.font.color.light;
     }
 
     switch (variant) {

front/src/modules/ui/layout/navbar/NavItem.tsx

@@ -34,7 +34,7 @@ const StyledItem = styled.button<StyledItemProps>`
       return props.theme.color.red;
     }
     if (props.soon) {
-      return props.theme.font.color.extraLight;
+      return props.theme.font.color.light;
     }
     return props.theme.font.color.secondary;
   }};
@@ -70,7 +70,7 @@ const StyledSoonPill = styled.div`
   align-items: center;
   border-radius: 50px;
   background-color: ${({ theme }) => theme.background.transparent.light};
-  font-size: ${({ theme }) => theme.font.size.xxs};
+  font-size: ${({ theme }) => theme.font.size.xs};
   height: 16px;
   padding-left: ${({ theme }) => theme.spacing(2)};
   padding-right: ${({ theme }) => theme.spacing(2)};