feat(proton): accent-colored logos (catppuccin#149)

* feat(proton): accent-colored logos

* fix(proton): add prettier-ignore

Author: soya-daizu

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 {