From 9e9c7be9176ad7d2298bad4577b91fccf7a78a1b Mon Sep 17 00:00:00 2001
From: Akif9748 <akif9748@gmail.com>
Date: Wed, 31 Aug 2022 18:14:21 +0300
Subject: [PATCH] Added important color

---
 public/css/navbar.css         | 8 ++++----
 public/css/themes/default.css | 1 +
 public/css/thread.css         | 2 +-
 public/css/threads.css        | 2 +-
 public/css/users.css          | 2 +-
 public/js/thread.js           | 2 +-
 views/thread.ejs              | 2 +-
 views/users.ejs               | 2 +-
 8 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/public/css/navbar.css b/public/css/navbar.css
index f8c409f..04ba627 100644
--- a/public/css/navbar.css
+++ b/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);
 }
 
 
diff --git a/public/css/themes/default.css b/public/css/themes/default.css
index 1550472..54e379e 100644
--- a/public/css/themes/default.css
+++ b/public/css/themes/default.css
@@ -8,5 +8,6 @@
     --second: #747474;
     --reaction-hover: #151515;
     --t-username: #555;
+    --important: red;
     background-color: #ffffff;
 }
\ No newline at end of file
diff --git a/public/css/thread.css b/public/css/thread.css
index 3dbad3e..9be1ae3 100644
--- a/public/css/thread.css
+++ b/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) {
diff --git a/public/css/threads.css b/public/css/threads.css
index e6ba267..5e1fd91 100644
--- a/public/css/threads.css
+++ b/public/css/threads.css
@@ -25,7 +25,7 @@
 }
 
 .thread-box-title>span {
-  color: #ff0000;
+  color: var(--important);
 }
 
 
diff --git a/public/css/users.css b/public/css/users.css
index 3133723..6c2c334 100644
--- a/public/css/users.css
+++ b/public/css/users.css
@@ -23,7 +23,7 @@
 }
 
 .user-box-title>span {
-  color: #ff0000;
+  color: var(--important);
 }
 
 .user-box-img {
diff --git a/public/js/thread.js b/public/js/thread.js
index 3acefbb..0dad06b 100644
--- a/public/js/thread.js
+++ b/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>`;
     }
diff --git a/views/thread.ejs b/views/thread.ejs
index 6b8f0a5..73fcfbf 100644
--- a/views/thread.ejs
+++ b/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>
diff --git a/views/users.ejs b/views/users.ejs
index a8a243a..e30ae90 100644
--- a/views/users.ejs
+++ b/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>