diff --git a/main/_includes/projects.html b/main/_includes/projects.html
index 732f81f..5e01619 100644
--- a/main/_includes/projects.html
+++ b/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>
\ No newline at end of file
diff --git a/main/_includes/social.html b/main/_includes/social.html
index 97cbda2..7041601 100644
--- a/main/_includes/social.html
+++ b/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}`);
diff --git a/main/style/dark.css b/main/style/dark.css
index d2c3b91..1099d54 100644
--- a/main/style/dark.css
+++ b/main/style/dark.css
@@ -39,15 +39,4 @@ body {
 .blog-button:hover,
 .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;
 }
\ No newline at end of file