diff --git a/app/assets/stylesheets/user-profile-header.scss b/app/assets/stylesheets/user-profile-header.scss
index 479e690d8..a8b2367d2 100644
--- a/app/assets/stylesheets/user-profile-header.scss
+++ b/app/assets/stylesheets/user-profile-header.scss
@@ -139,7 +139,6 @@
       h1 {
         margin: 5px auto 1vw;
         font-weight: bold;
-        color: rgb(27, 27, 28);
         font-size: 25px;
         padding: 0;
         padding-right: 15px;
diff --git a/app/views/articles/_user_metadata.html.erb b/app/views/articles/_user_metadata.html.erb
index 83b60b7d7..cebb6e8fa 100644
--- a/app/views/articles/_user_metadata.html.erb
+++ b/app/views/articles/_user_metadata.html.erb
@@ -1,8 +1,8 @@
-<style>
+<%# <style>
   .user-metadata-details-inner a {
-    color: <%= HexComparer.new([user_colors(@user)[:bg], user_colors(@user)[:text]]).brightness(0.95) %>
+    color: var(--body-color);
   }
-</style>
+</style> %>
 
 <div class="user-metadata-details">
   <div class="user-metadata-details-inner">
diff --git a/app/views/users/show.html.erb b/app/views/users/show.html.erb
index 3610f17c0..c0d9fd4a8 100644
--- a/app/views/users/show.html.erb
+++ b/app/views/users/show.html.erb
@@ -19,12 +19,7 @@
     .night-theme .widget header {
       color: #cedae2;
     }
-    .user-profile-header .user-profile-header-container .profile-details h1{
-      color: <%= HexComparer.new([user_colors(@user)[:bg], user_colors(@user)[:text]]).brightness(0.78) %> !important;
-    }
-    .night-theme .user-profile-header .user-profile-header-container .profile-details h1{
-      color: white !important;
-    }
+
     <% if user_colors(@user)[:bg].downcase.start_with?("#fff") %>
     .user-profile-follow-button {
       border: 1px solid <%= user_colors(@user)[:text] %> !important;