diff --git a/web/app.html b/web/app.html index 22caace..60771c3 100644 --- a/web/app.html +++ b/web/app.html @@ -17,9 +17,9 @@
diff --git a/web/index.html b/web/index.html index ab8d213..0f827ba 100644 --- a/web/index.html +++ b/web/index.html @@ -13,7 +13,9 @@
-

Pandora

+
+

Pandora

+
@@ -56,7 +58,9 @@
-

Connecting

+
+

Connecting

+
diff --git a/web/src/app.ts b/web/src/app.ts index e8acdb4..6a100f5 100644 --- a/web/src/app.ts +++ b/web/src/app.ts @@ -9,6 +9,8 @@ import { showNotification } from "./notification"; import type { Chat, Message, WebSocketEvent } from "./types"; import { activeChatState, setActiveChatState } from "./states"; +if (localStorage.getItem('setupComplete') !== "true") window.location.href = "index.html"; + const messageTone = new Audio("./message.ogg"); const longPressEvent = new CustomEvent("longpress"); export let isLoadingChat = false; diff --git a/web/style.css b/web/style.css index a156320..8ff2258 100644 --- a/web/style.css +++ b/web/style.css @@ -30,6 +30,7 @@ :root { --bg-main: black; + --bg-primary: black; --bg-secondary: #242424; --sidebar-bg: black; --chat-bg: black; @@ -807,7 +808,13 @@ li { background-color: transparent; } -.alternate-panel button:hover, .alternate-panel input:hover { +.alternate-panel button:hover { + filter: invert(1); + background-color: var(--bg-primary); +} + + +.alternate-panel input:hover { border-color: var(--bg-primary); background-color: var(--text-primary); color: var(--bg-primary);