improve styling, fix bottom bar underline bug

src/components/AppMenu.js

@@ -17,6 +17,7 @@ class AppMenu extends Shadow {
             image.style.borderBottom = "1px solid transparent"
             const app = image.attributes.app.value
             if (app === global.currentApp()) {
+                image.style.borderBottom = "1px solid var(--text)"
                 image.src = util.cssVariable(this.images[app].src[1])
             } else {
                 image.src = util.cssVariable(this.images[app].src[0])
@@ -50,8 +51,6 @@ class AppMenu extends Shadow {
                     .borderBottom(global.currentApp() === app ? "1px solid var(--text)" : "1px solid transparent")
                     .onTouch(async (done, e) => {
                         if(done) {
-                            console.log(e)
-                            e.target.style.borderBottom = "1px solid var(--text)"
                             global.openApp(app)
                             this.onNewSelection()
                             await Haptics.impact({ style: ImpactStyle.Light });

src/components/AppWindow.js

@@ -3,6 +3,7 @@ import "../apps/Messages/Messages.js"
 import "../apps/Jobs/Jobs.js"
 import "../apps/People/People.js"
 import "../apps/Events/Events.js"
+import "../apps/Announcements/Announcements.js"
 
 class AppWindow extends Shadow {
     render() {
@@ -10,7 +11,7 @@ class AppWindow extends Shadow {
             let app = global.currentApp()
             switch(app) {
                 case "Dashboard":
-                    Forum()
+                    Announcements()
                     break;
     
                 case "Messages":

src/components/SearchBar.js

@@ -10,8 +10,7 @@ class SearchBar extends Shadow {
         .boxSizing("border-box")
         .paddingHorizontal(1, em)
         .color("var(--accent)")
-        .background("#fff1dd")
-        .marginTop(0.75, em)
+        .background("var(--darkaccent)")
         .marginBottom(1, em)
         .border("1px solid black")
         .borderRadius(100, px)
@@ -25,8 +24,7 @@ class SearchBar extends Shadow {
         .paddingVertical(0.75, em)
         .boxSizing("border-box")
         .paddingHorizontal(1, em)
-        .background("#fff1dd")
-        .marginTop(0.75, em)
+        .background("var(--darkaccent)")
         .marginBottom(1, em)
         .border("1px solid black")
         .borderRadius(15, px)