Update frontend colors to match style guide (#10188)

* Get main background colors going

* Finish sidebar

* Get light mode colors working

* Adjust icons

* Adjust icons

* remove unused

* Fix mobile colors

web/src/pages/site-navigation.ts

@@ -1,21 +1,22 @@
-import { LuConstruction, LuFileUp, LuFlag, LuVideo } from "react-icons/lu";
+import { FaCompactDisc, FaFlag, FaVideo } from "react-icons/fa";
+import { LuConstruction } from "react-icons/lu";
 
 export const navbarLinks = [
   {
     id: 1,
-    icon: LuVideo,
+    icon: FaVideo,
     title: "Live",
     url: "/",
   },
   {
     id: 2,
-    icon: LuFlag,
+    icon: FaFlag,
     title: "Events",
     url: "/events",
   },
   {
     id: 3,
-    icon: LuFileUp,
+    icon: FaCompactDisc,
     title: "Export",
     url: "/export",
   },