Fix firefox and bottom buttons

src/pages/index.js

@@ -26,7 +26,7 @@ const getDifferentRand = (range, lastNs, iterations = 0) => {
 const getButtonClasses = (isClient, colorMode = "vibrant") =>
   classnames(
     "z-20 rounded-md text-md inline-block px-3 py-2 my-1 mr-2 text-md hover:underline",
-    isClient && `text-muted-light bg-${colorMode}-dark blurred-or-opaque-bg-2`,
+    isClient && `text-${colorMode}-light bg-${colorMode}-dark blurred-or-opaque-bg-2`,
     isClient && colorMode === "muted" ? `hover:bg-muted` : ""
   );
 
@@ -263,7 +263,7 @@ const IndexPage = ({
               className={classnames(
                 ar > 1 && "landscape:shadow-lg",
                 "z-20 mb-4 inline-block mx-2",
-                isClient && "bg-vibrant-dark blurred-or-opaque-bg-1"
+                isClient && "bg-vibrant-dark blurred-or-opaque-bg-2"
               )}
             >
               <div className="flex-auto">