Removed comments and added variables for colors

Real-Dev-Squad · Jul 16, 2023 · 60aafa2 · 60aafa2
1 parent c8a9ab3
commit 60aafa2
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 14 deletions.
diff --git a/groups/script.js b/groups/script.js
@@ -111,9 +111,6 @@ groupRoles?.addEventListener('click', function (event) {
   }
 });
 
-/**
- * FOR SEARCHING A GROUP
- */
 let paragraphElement, paragraphContent;
 const searchInput = document.getElementById('search-groups');
 

diff --git a/groups/style.css b/groups/style.css
@@ -3,12 +3,15 @@
   padding: 0;
 }
 :root {
-  --color-groups-tab-background: #1d1283;
-  --color-active-tabs-color: #87d870;
-  --color-active-groups-background: #337ad7b0;
-  --color-buttons-background: #041187;
-  --color-loader-border: #f3f3f3;
-  --color-loader-border-top: #3498db;
+  --color-groups-tab-background: rgb(29, 18, 131);
+  --color-active-tabs-color: rgb(135, 216, 112);
+  --color-active-groups-background: rgba(51, 122, 215, 0.69);
+  --color-buttons-background: rgb(4, 17, 135);
+  --color-loader-border: rgb(243, 243, 243);
+  --color-loader-border-top: rgb(52, 152, 219);
+  --color-list-border: rgba(0, 0, 0, 0.2);
+  --color-white: rgb(255, 255, 255);
+  --color-not-verified: rgb(255, 0, 0);
 }
 .container {
   font-family: 'Roboto', sans-serif;
@@ -34,7 +37,7 @@
 .tab {
   font-size: larger;
   font-weight: bolder;
-  color: #fff;
+  color: var(--color-white);
   cursor: pointer;
   margin: 1.6rem;
   padding-bottom: 0.4rem;
@@ -78,7 +81,7 @@
   width: 100%;
   position: sticky;
   top: 0;
-  background: #fff;
+  background: var(--color-white);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -104,7 +107,7 @@
 }
 .groups-list li {
   padding: 0.8rem;
-  border: 1px solid rgba(0, 0, 0, 0.2);
+  border: 1px solid var(--color-list-border);
   margin-bottom: 0.6rem;
   border-radius: 0.6rem;
 }
@@ -151,7 +154,7 @@
 .btn-add-role:not([disabled]),
 .btn-create-group {
   background: var(--color-buttons-background);
-  color: #fff;
+  color: var(--color-white);
   border: none;
 }
 
@@ -190,7 +193,7 @@ NOT VERIFIED TEXT ABOVE
 */
 
 .not-verified-tag {
-  color: red;
+  color: var(--color-not-verified);
   text-align: center;
 }