fix darkmode feature

ContriHUB · Oct 11, 2024 · 2b496f9 · 2b496f9
1 parent efb90ba
commit 2b496f9
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 3 deletions.
diff --git a/static/css/achievement.css b/static/css/achievement.css
@@ -36,10 +36,18 @@ section {
   box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.25);
 }
 
+.dark .services .icon-box {
+  box-shadow: 0px 2px 15px rgba(255, 255, 255, 0.25);
+}
+
 .services .icon-box:hover {
   box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.5);
 }
 
+.dark .services .icon-box:hover {
+  box-shadow: 0px 2px 15px rgba(255, 255, 255, 0.5);
+}
+
 .services .icon-box:hover h4 {
   /* background: #2b2b2b; */
   color: #db1515;
@@ -68,6 +76,10 @@ section {
   font-weight: 600;
 }
 
+.dark .services .icon-box p {
+  color: white;
+}
+
 .services .icon-box p > a {
   color: #ec3134;
   /* font-weight: 600; */

diff --git a/static/css/avishkar.css b/static/css/avishkar.css
@@ -142,7 +142,7 @@
   content: "";
   width: 14px;
   height: 2px;
-  background: white;
+  background: black;
   position: absolute;
   top: calc(50% - 1px);
   right: 1rem;
@@ -155,14 +155,19 @@
   content: "";
   width: 2px;
   height: 14px;
-  background: white;
+  background: black;
   position: absolute;
   top: calc(50% - 7px);
   right: calc(1rem + 6px);
   display: block;
   transition: all 0.3s;
 }
 
+.dark .collapsible-link::before,
+.dark .collapsible-link::after {
+  background-color: white;
+}
+
 .collapsible-link[aria-expanded="true"]::after {
   transform: rotate(90deg) translateX(-1px);
 }
@@ -172,9 +177,14 @@
 }
 
 .accordion .card-header a {
-  color: white;
+  color: black;
   transition: 0.3s;
 }
+
+.dark .accordion .card-header a {
+  color: white;
+}
+
 .accordion .card-body a {
   color: #e05578;
   transition: 0.3s;

diff --git a/static/css/teams.css b/static/css/teams.css
@@ -67,6 +67,7 @@ section {
 
 .dark #accordionExample .card {
   background-color: #1b1b1b;
+  border: 0.1px solid whitesmoke;
 }
 
 /* --------------------------- */