From 2b496f9f930a471d7fced6741751a1dce791ea00 Mon Sep 17 00:00:00 2001 From: Sakshi Patil Date: Fri, 11 Oct 2024 14:43:56 +0530 Subject: [PATCH] fix darkmode feature --- static/css/achievement.css | 12 ++++++++++++ static/css/avishkar.css | 16 +++++++++++++--- static/css/teams.css | 1 + 3 files changed, 26 insertions(+), 3 deletions(-) diff --git a/static/css/achievement.css b/static/css/achievement.css index c198a613..f59b270b 100644 --- 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 index 221143b4..3247a3b3 100644 --- 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,7 +155,7 @@ content: ""; width: 2px; height: 14px; - background: white; + background: black; position: absolute; top: calc(50% - 7px); right: calc(1rem + 6px); @@ -163,6 +163,11 @@ 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 index 68f015e3..26183840 100644 --- 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; } /* --------------------------- */