dropdown v3 #44

static/css/v3/darkmode.css

@@ -10,5 +10,6 @@
   color: #b0b3b8 !important;
 }
 
-
-
+.darkmode-dropdown-menu {
+  background-color: #212121 !important;
+}

static/css/v3/navbar-footer.css

@@ -9,6 +9,9 @@
 .navbar-text {
   font-size: 16px !important;
 }
+li> .dropdown-toggle:focus{
+  color: #007bff !important;
+}
 
 /* v2 and v3 footer */
 footer {

static/css/v3/v3.css

@@ -205,13 +205,9 @@ a:hover {
 }
 
 /* v3 experience */
-#experience {
-}
 #nav-pills-out {
   border-left: 1px solid #007bff;
 }
-.nav-pills .nav-link {
-}
 .nav-pills .active {
   padding-left: 20%;
   color: #818181 !important;
@@ -224,8 +220,6 @@ a:hover {
   left: 0px;
   color: #007bff;
 }
-.tab-pane {
-}
 .ex {
   list-style-type: none;
 }

static/js/auto_darkmode.js

@@ -7,6 +7,7 @@ function setCookie(name,value,days) {
     }
     document.cookie = name + "=" + (value || "")  + expires + "; path=/";
 }
+
 function getCookie(name) {
     var nameEQ = name + "=";
     var ca = document.cookie.split(';');
@@ -52,7 +53,6 @@ function switchDarkmodeSetting() {
     } 
 }
 
-
 const check_darkmode = getDarkmodeSetting();
 const darkmode_prefer = window.matchMedia('(prefers-color-scheme: dark)').matches;
 if (darkmode_prefer && check_darkmode === null) {