dark mode

static/css/v3/darkmode.css

@@ -10,25 +10,5 @@
   color: #b0b3b8 !important;
 }
 
-.nav-pills .active {
-  color: #e4e6eb !important;
-}
 
-.darkmode-content-pro {
-  background-color: #3a3b3c !important;
-}
 
-.bg-pro {
-  opacity: 0.8;
-}
-
-.achiv {
-  background: #3a3b3c;
-}
-
-.achiv .text-secondary {
-  color: #e4e6eb;
-}
-
-.card {
-}

static/css/v3/post.css

@@ -5,7 +5,9 @@ body {
   font-family: "Roboto", sans-serif;
   background-color: #eaedf0;
 }
-
+.blog-page-color{
+  color: #3a3b3c !important;
+}
 #TableOfContents {
   padding: 3%;
 }

static/css/v3/v3.css

@@ -148,9 +148,13 @@ a:hover {
   border-bottom-right-radius: 0.5rem !important;
 }
 .content-pro-top {
+  color: #3a3b3c !important;
   height: 80%;
 }
+.pro-github{
+  color: #3a3b3c !important;
 
+}
 .pro:hover .pro-btn {
   background-color: #3498db !important;
   color: #f9fafc;
@@ -201,7 +205,7 @@ a:hover {
 }
 .nav-pills .active {
   padding-left: 20%;
-  color: #343a40 !important;
+  color: #818181 !important;
   background-color: transparent !important;
 }
 .nav-pills .active::before {
@@ -342,6 +346,9 @@ a:hover {
 .achiv-out {
   max-width: 35% !important;
 }
+.achiv-head {
+  color: #3a3b3c !important;
+}
 @media only screen and (max-width: 768px) {
   .achiv-out {
     max-width: 100% !important;