feat: implement dark mode toggle and enhance chat UI with timestamps

2026-04-29 23:35:40 +02:00
parent 68a895c642
commit e5c5927c54
7 changed files with 276 additions and 214 deletions
@@ -7,6 +7,7 @@
    <link rel="stylesheet" href="styles.css"/>
 </head>
 <body>
+<button id="theme-toggle" type="button">Dark</button>
 <div id="login-view" class="view">
    <div class="auth-container">

@@ -56,12 +57,14 @@

        <aside id="user-list">
            <h3>Users</h3>
-            <!-- ChatUI.renderUserList() -->
        </aside>

        <main class="chat-main">
+            <div class="chat-header">
+                <span id="chat-username">Select a user</span>
+                <button id="reload-btn" type="button">Reload</button>
+            </div>
            <div id="messages">
-                <!-- ChatUI.renderMessage() -->
            </div>
            <form id="message-form" class="message-form">
                <label class="sr-only" for="message-input">Message</label>
@@ -76,4 +79,4 @@

 <script type="module" src="./dist/main.js"></script>
 </body>
-</html>
+</html>