changes

content/root.css

@@ -290,6 +290,7 @@ button.scroll {
 	border-radius: 4px;
 	border: none;
 	background-color: var(--input-button-inactive-bg);
+	fill: var(--input-button-inactive-fg);
 	padding: 10px;
 	cursor: pointer;
 }
@@ -302,10 +303,12 @@ button.scroll:hover {
 	width: 14px;
 	height: 14px;
 	fill: var(--var-input-button-inactive-fg);
+	color: var(--var-input-button-inactive-fg);
 }
 
 .scroll-icon:hover {
 	fill: var(--var-input-button-active-fg);
+	color: var(--var-input-button-active-fg);
 }
 
 .radchat {

content/root.js

@@ -290,6 +290,7 @@ async function setUsername() {
 	}
 }
 
+let lastMessage = "";
 async function sendMessage() {
 	const messageInput = document.getElementById("message");
 	const message = messageInput.value;
@@ -298,6 +299,7 @@ async function sendMessage() {
 	}
 
 	try {
+		lastMessage = message;
 		const response = await fetch("/messages", {
 			method: "PUT",
 			headers: {
@@ -393,6 +395,13 @@ function initializeTheme() {
 	}
 }
 
+document.addEventListener("keyup", function (event) {
+	const inputPanel = document.getElementById("message");
+	if (inputPanel.contains(event.target) && event.key === "ArrowUp") {
+		inputPanel.value = lastMessage;
+	}
+});
+
 async function initialize() {
 	usersPanel = document.getElementById("users-panel");
 	if (usersPanel) {

readme.md

@@ -1,9 +1,9 @@
 # Changes To Make
 ## Frontend
 ### High Priority
-- Change light mode scroll down arrow svg fill color? to the buttom inactive fg color
+- Nothing yet 
 ### Mid Priority
-- Up arrow in textarea should bring up last input
+- Nothing yet 
 ### Low Priority
 - Mobile formatting @media
 - First click of user list does not register