style: change member list and navbar colours

components/Guild/GuildSidebar.vue

@@ -56,6 +56,7 @@ function toggleGuildSettings(e: Event) {
 	position: relative;
 
 	border-bottom: 1px solid var(--padding-color);
+	background-color: var(--topbar-background-color);
 }
 
 #guild-name {

components/Guild/MemberList.vue

@@ -28,7 +28,7 @@ const members = await fetchMembers(props.guild.uuid)
 
 <style scoped>
 #members-container {
-	background: var(--optional-member-list-background);
+	background-color: var(--chat-background-color);
 
 	padding-top: .5em;
 	padding-bottom: .5em;

components/MessageArea.vue

@@ -322,6 +322,8 @@ router.beforeEach((to, from, next) => {
 	flex-direction: column;
 	overflow: hidden;
 	flex-grow: 1;
+
+	background-color: var(--chat-background-color);
 }
 
 #message-box {

public/themes/style/dark.css

@@ -20,7 +20,7 @@ complementaryColor = white
 
 	--sidebar-background-color: #1f1e1d;
 	--sidebar-highlighted-background-color: #2f2b28;
-	--topbar-background-color: #2a2723;
+	--topbar-background-color: #1f1e1e;
 	--chatbox-background-color: #1a1713;
 
     --padding-color: #484848;