app icon, styling, light mode, top bar component

src/apps/Announcements/Announcements.js

@@ -3,7 +3,7 @@ import "../../components/TopBar.js"
 class Announcements extends Shadow {
     render() {
         VStack(() => {
-            TopBar()
+
         })
         .boxSizing("border-box")
         .backgroundColor("var(--main)")

src/apps/Events/Events.js

@@ -38,7 +38,6 @@ class Events extends Shadow {
 
     render() {
         VStack(() => {
-            TopBar()
 
             SearchBar()
 

src/apps/Jobs/Jobs.js

@@ -39,7 +39,6 @@ class Jobs extends Shadow {
 
     render() {
         VStack(() => {
-            TopBar()
 
             // JobForm()
 

src/apps/People/People.js

@@ -25,7 +25,6 @@ class People extends Shadow {
 
     render() {
         VStack(() => {
-            TopBar()
 
             VStack(() => {
                 if (this.people == "") {

src/apps/People/PeopleCard.js

@@ -13,7 +13,7 @@ class PeopleCard extends Shadow {
                 .paddingHorizontal(0.5, em)
                 .border("1px solid var(--accent)")
                 .borderRadius(100, pct)
-                .background("black")
+                .background("var(--darkaccent)")
 
             VStack(() => {
                 p(this.person.first_name + " " + this.person.last_name)