From d1f8a425bb4451ff228bfcaa9a9201d489c11ef4 Mon Sep 17 00:00:00 2001
From: soya_daizu <soya_daizu@proton.me>
Date: Sat, 29 Jul 2023 02:37:13 +0900
Subject: [PATCH] feat(proton): accent-colored logos (#149)

* feat(proton): accent-colored logos

* fix(proton): add prettier-ignore
---
 styles/proton/catppuccin.user.css | 51 +++++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)

diff --git a/styles/proton/catppuccin.user.css b/styles/proton/catppuccin.user.css
index 7b33aad..b010a65 100644
--- a/styles/proton/catppuccin.user.css
+++ b/styles/proton/catppuccin.user.css
@@ -162,6 +162,57 @@
     @crust: @catppuccin[@@lookup][@crust];
     @accent-Color: @catppuccin[@@lookup][@@accent];
 
+    svg.logo {
+      @accentH: hue(@accent-Color);
+      @protonH: hue(#6d4aff);
+
+      .replaceColor(@org, @property) {
+        &[@{property}="@{org}"] {
+          @hDiff: @protonH - hue(@org);
+          @{property}: hsl(
+            @accentH - @hDiff,
+            saturation(@org) - 30%,
+            lightness(@org)
+          );
+        }
+      }
+
+      /* prettier-ignore */
+      > path {
+        .replaceColor(#B8D7FF, fill);
+        .replaceColor(#8F69FF, fill);
+      }
+
+      /* prettier-ignore */
+      > defs stop {
+        .replaceColor(#E3D9FF, stop-color);
+        .replaceColor(#7341FF, stop-color);
+        .replaceColor(#6D4AFF, stop-color);
+        .replaceColor(#AA8EFF, stop-color);
+        .replaceColor(#06B8FF, stop-color);
+        .replaceColor(#BFE8FF, stop-color);
+        .replaceColor(#BFABFF, stop-color);
+        .replaceColor(#FF50C3, stop-color);
+        .replaceColor(#B487FF, stop-color);
+        .replaceColor(#FFC8FF, stop-color);
+        .replaceColor(#8EFFEE, stop-color);
+        .replaceColor(#C9C7FF, stop-color);
+        .replaceColor(#00F0C3, stop-color);
+        .replaceColor(#FFD580, stop-color);
+        .replaceColor(#F6C592, stop-color);
+        .replaceColor(#EBB6A2, stop-color);
+        .replaceColor(#DFA5AF, stop-color);
+        .replaceColor(#D397BE, stop-color);
+        .replaceColor(#C486CB, stop-color);
+        .replaceColor(#B578D9, stop-color);
+        .replaceColor(#A166E5, stop-color);
+        .replaceColor(#8B57F2, stop-color);
+        .replaceColor(#704CFF, stop-color);
+        .replaceColor(#B39FFB, stop-color);
+        .replaceColor(#FFE8DB, stop-color);
+      }
+    }
+
     &,
     .ui-prominent,
     .ui-standard {