nullbite/catppuccin-userstyles
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source 
* feat(proton): accent-colored logos

* fix(proton): add prettier-ignore
This commit is contained in:
soya_daizu 2023-07-29 02:37:13 +09:00 committed by GitHub
parent 5bb9d9420b
commit d1f8a425bb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 51 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
styles/proton/catppuccin.user.css
View File

@ -162,6 +162,57 @@
@crust: @catppuccin[@@lookup][@crust]; @crust: @catppuccin[@@lookup][@crust];
@accent-Color: @catppuccin[@@lookup][@@accent]; @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-prominent,
.ui-standard { .ui-standard {