Added important color

public/css/navbar.css

@@ -51,14 +51,14 @@ a {
 
 .btn-danger {
     color: var(--btn-clr-1);
-    background-color: #ff0000;
+    background-color: var(--important);
     padding: 0px 10px 0px 10px;
 
     border-radius: 4px;
     font-weight: 700;
     margin: 10px;
     cursor: pointer;
-    border: 2px solid #ff0000;
+    border: 2px solid var(--important);
 }
 
 
@@ -86,8 +86,8 @@ a {
 }
 
 .btn-danger:hover {
-    background-color: #d01919;
-    border: 2px solid #d01919;
+    background-color: var(--important);
+    border: 2px solid var(--important);
 }
 
 

public/css/themes/default.css

@@ -8,5 +8,6 @@
     --second: #747474;
     --reaction-hover: #151515;
     --t-username: #555;
+    --important: red;
     background-color: #ffffff;
 }

public/css/thread.css

@@ -140,7 +140,7 @@
 }
 
 .dots-menu a:hover:nth-child(1) {
-  color: #e70000
+  color: var(--important);
 }
 
 .dots-menu a:hover:nth-child(2) {

public/css/threads.css

@@ -25,7 +25,7 @@
 }
 
 .thread-box-title>span {
-  color: #ff0000;
+  color: var(--important);
 }
 
 

public/css/users.css

@@ -23,7 +23,7 @@
 }
 
 .user-box-title>span {
-  color: #ff0000;
+  color: var(--important);
 }
 
 .user-box-img {

public/js/thread.js

@@ -46,7 +46,7 @@ window.delete_message = async function (id) {
     if (response.deleted) {
         alert("Message deleted");
         document.getElementById("dots-" + id).innerHTML = `
-        <i class='bx bx-trash bx-sm' id="deleted-${id}" style="color: RED;"></i>
+        <i class='bx bx-trash bx-sm' id="deleted-${id}" style="color: var(--important)"></i>
         `+ document.getElementById("dots-" + id).innerHTML;
         document.getElementById("dot-" + id).innerHTML = `<a onclick="undelete_message('${id}');">UNDELETE</a>`;
     }

views/thread.ejs

@@ -56,7 +56,7 @@
 
       <div class="dots" id="dots-<%=message.id %>" onclick="dots('<%=message.id %>')">
         <% if (message.deleted){ %>
-        <i class='bx bx-trash bx-sm' id="deleted-<%=message.id %>" style="color: RED;"></i>
+        <i class='bx bx-trash bx-sm' id="deleted-<%=message.id %>" style="color: var(--important);"></i>
         <% } %>
         <% if (message.edited){ %>
         <i class='bx bx-pencil bx-sm' id="edited-<%=message.id %>" style="color: GREEN;"></i>

views/users.ejs

@@ -15,7 +15,7 @@
       <div class="user-box">
         <img src="<%= user.avatar %>" class="user-box-img">
         <div class="user-box-title"> <a href="<%= user.getLink() %>">
-        <% if (user.deleted) { %> <span style="color: RED;">[DELETED]</span><% } %>
+        <% if (user.deleted) { %> <span style="color: var(--important);">[DELETED]</span><% } %>
           <%= user.name %></a></div>
       </div>
       </div>