From f3d10b5b13478451f739230ab52207e18f976c18 Mon Sep 17 00:00:00 2001
From: Anton Khorev <tony29@yandex.ru>
Date: Sat, 24 May 2025 17:06:01 +0300
Subject: [PATCH] Invert social link icons in dark mode

---
 app/assets/stylesheets/common.scss    | 8 ++++++++
 app/views/social_links/_show.html.erb | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index e66251c12..e69bd260c 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -960,6 +960,14 @@ img.trace_image {
   }
 }
 
+/* Rules for the social links */
+
+@include color-mode(dark) {
+  .social_links img {
+    filter: invert(1);
+  }
+}
+
 /* Rules for the heatmap */
 
 .heatmap {
diff --git a/app/views/social_links/_show.html.erb b/app/views/social_links/_show.html.erb
index 8d2572a7d..a168d8692 100644
--- a/app/views/social_links/_show.html.erb
+++ b/app/views/social_links/_show.html.erb
@@ -1,4 +1,4 @@
-<ul class="list-unstyled">
+<ul class="list-unstyled social_links">
   <% social_links.each do |social_link| %>
     <li>
       <%= link_to social_link.parsed[:url], :class => "icon-link mw-100 text-body-secondary mb-3", :rel => "nofollow me" do %>
-- 
2.39.5