improved look of dark mode buttons

main/_includes/projects.html

@@ -24,4 +24,13 @@
         </div>
         {% endfor %}
     </div>
+    <script>
+        if (dark) {
+            $("#project-list").find(".btn-outline-info").each(function () {
+                let e = $(this);
+                e.removeClass("btn-outline-info");
+                e.addClass("btn-outline-light");
+            });
+        }
+    </script>
 </div>

main/_includes/social.html

@@ -38,6 +38,11 @@
             if (dark) {
                 $(".social-image-light").attr("hidden", true);
                 $(".social-image-dark").attr("hidden", false);
+                $("#social-list").find(".btn-light").each(function () {
+                    let e = $(this);
+                    e.removeClass("btn-light");
+                    e.addClass("btn-dark");
+                });
             }
             let theme = dark ? "dark" : "light";
             $("#discord-widget").attr("src", `https://discordapp.com/widget?id=181435613147430913&theme=${theme}`);

main/style/dark.css

@@ -40,14 +40,3 @@ body {
 .blog-button:active {
     color: rgb(182, 182, 182) !important;
 }
-
-.btn-light {
-    color: #fff;
-    background-color: #343a40;
-    border-color: #343a40;
-}
-
-.btn-outline-info {
-    color: #f8f9fa;
-    border-color: #f8f9fa;
-}