fixed review issues except default to dark mode

Author: koray-eren

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "svg.preview.background": "editor"
+}

sogs/routes/views.py

@@ -1,13 +1,8 @@
 from flask import abort, render_template, Response, Blueprint
 
-from ..utils import message_body, decode_base64, message_contents
 from .. import config, crypto, http
 from ..model.room import get_accessible_rooms
-from ..model.user import User
-from .messages import message_single, messages_recent
 from . import auth, converters  # noqa: F401
-from .. import session_pb2 as protobuf
-import time
 
 
 from io import BytesIO
@@ -41,7 +36,6 @@ def view_room(room):
         "view_room.html",
         room=room,
         show_recent=config.HTTP_SHOW_RECENT,
-        test='yeehaw'
     )
 
 

sogs/static/dark_mode_toggle.js

@@ -0,0 +1,36 @@
+var htmlElement = document.getElementById("html");
+var moonIcon = document.getElementById("moonIcon");
+var sunIcon = document.getElementById("sunIcon");
+
+function setPageTheme(){
+  if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+    htmlElement.classList.add('dark')
+    sunIcon.style.display = 'block'
+    moonIcon.style.display = 'none'
+  } else {
+    htmlElement.classList.remove('dark')
+    sunIcon.style.display = 'none'
+    moonIcon.style.display = 'block'
+  }
+}
+
+function toggleDarkMode(){
+  if (!'theme' in localStorage || localStorage.theme === 'light') {
+    localStorage.theme = 'dark'
+    setPageTheme();
+  } else {
+    localStorage.theme = 'light'
+    setPageTheme();
+  }
+}
+
+modal = document.getElementById('modal');
+function handleOpenModalClick() {
+  modal.style.display = 'block';
+}
+
+function handleCloseModalClick() {
+  modal.style.display = 'none';
+}
+
+setPageTheme();

sogs/static/invite_modal.js

@@ -0,0 +1,8 @@
+modal = document.getElementById('modal');
+function handleOpenModalClick() {
+  modal.style.display = 'block';
+}
+
+function handleCloseModalClick() {
+  modal.style.display = 'none';
+}