refactor: require password verification

chore: styling work

public/tabs/chat/channel_sidebar.html

@@ -159,7 +159,7 @@
 		font-weight: bold;
 		font-size: x-large;
 		content: "#";
-		color: var(--text);
+		color: var(--text-primary);
 	}
 
 	#channel-list-container .channel-list > li.channel a {

public/tabs/chat/chat.css

@@ -131,7 +131,7 @@
 	position: absolute;
 	top: 0.1rem;
 	right: 0.1rem;
-	color: rgb(from var(--text) r g b / 0.7);
+	color: rgb(from var(--text-primary) r g b / 0.7);
 	border: none;
 	z-index: 10;
 }

public/tabs/chat/chat.html

@@ -152,7 +152,8 @@
 				method="POST"
 				class="post-creation-form collapsible"
 				style="
-					margin-top: 1rem
+					position: relative;
+					margin-top: 1rem;
 					width: 100%;
 					transition: all 0.5s;
 				"
@@ -221,6 +222,7 @@
 					reset-on-submit
 					focus-on-submit
 					enter-key-submits
+					accept-speech
 				></textarea>
 
 				<button id="chat-send" class="primary" aria-label="Send a message">