Modernize frontend and centralize branding

tailwind.config.js

@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
+  content: ["./src/**/*.{js,jsx,ts,tsx}", "./index.html"],
   theme: {
     extend: {
       colors: {
@@ -23,26 +23,26 @@ module.exports = {
         green: "#7B9246",
         yellow: "#D3A04D",
         orange: "#D3A04D",
-        blue: "#547C99",
-        magenta: "#547C99",
+        blue: "#6C99BB",
+        magenta: "#6C99BB",
         cyan: "#5EA8A2",
-        white: "#757575",
+        white: "#898989",
         brightBlack: "#2F2F2F",
         brightRed: "#A53C23",
         brightGreen: "#7B9246",
         brightYellow: "#D3A04D",
         brightBlue: "#6C99BB",
-        brightMagenta: "#547C99",
+        brightMagenta: "#6C99BB",
         brightCyan: "#5EA8A2",
         brightWhite: "#F5F5F5",
         primary: "#6C99BB",
-        darkBlue: "#547C99",
+        darkBlue: "#6C99BB",
         darkCyan: "#5EA8A2",
         darkWhite: "#505050",
         darkRed: "#A53C23",
         darkGreen: "#7B9246",
         darkYellow: "#D3A04D",
-        darkMagenta: "#547C99",
+        darkMagenta: "#6C99BB",
       },
     },
   },