From c2820602ef93ef004540d8a2d624750dc85fe085 Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Sat, 18 Apr 2026 15:28:18 +0200
Subject: fix: bring social share widget into WCAG AA and theming standard
 compliance

---
 themes/danix-xyz-hacker/assets/css/main.css | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

(limited to 'themes/danix-xyz-hacker/assets/css/main.css')

diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css
index 4386b1d..d7d2be0 100644
--- a/themes/danix-xyz-hacker/assets/css/main.css
+++ b/themes/danix-xyz-hacker/assets/css/main.css
@@ -299,16 +299,15 @@ html.theme-light {
   /* Social share widget */
   .share-widget {
     padding-top: 0.75rem;
-    border-top: 1px solid color-mix(in srgb, var(--border) 60%, transparent);
+    border-top: 1px solid var(--border);
   }
 
   .share-label {
     font-family: var(--font-mono, monospace);
-    font-size: 0.7rem;
+    font-size: 0.75rem;
     color: var(--text-dim);
     letter-spacing: 0.08em;
     margin-bottom: 0.5rem;
-    opacity: 0.7;
   }
 
   .btn-share {
@@ -318,8 +317,8 @@ html.theme-light {
     width: 50px;
     height: 50px;
     border-radius: 4px;
-    border: 1px solid color-mix(in srgb, var(--border) 70%, transparent);
-    background: color-mix(in srgb, var(--surface) 50%, transparent);
+    border: 1px solid var(--border);
+    background: var(--surface);
     color: var(--text-dim);
     cursor: pointer;
     transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
@@ -336,22 +335,28 @@ html.theme-light {
 
   .btn-share:hover {
     color: var(--accent);
-    border-color: color-mix(in srgb, var(--accent) 50%, transparent);
-    background: color-mix(in srgb, var(--accent) 6%, var(--surface));
+    border-color: rgba(var(--accent-rgb), 0.5);
+    background: rgba(var(--accent-rgb), 0.06);
     box-shadow: 0 0 10px var(--accent-glow);
   }
 
   .btn-share:focus-visible {
-    outline: none;
+    outline: 2px solid var(--accent);
+    outline-offset: 2px;
     color: var(--accent);
     border-color: var(--accent);
-    box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 40%, transparent);
   }
 
   .btn-share--copied {
     color: var(--accent2);
-    border-color: color-mix(in srgb, var(--accent2) 50%, transparent);
-    background: color-mix(in srgb, var(--accent2) 6%, var(--surface));
+    border-color: var(--accent2);
+    background: var(--surface);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .btn-share {
+      transition: none;
+    }
   }
 
   /* Badge base style */
-- 
cgit v1.2.3