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

fix(proton): lighten colors on latte (#148)

Browse Source
This commit is contained in:
soya_daizu 2023-07-29 02:37:01 +09:00 committed by GitHub
parent e62ae3a292
commit 5bb9d9420b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 23 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -165,42 +165,52 @@
&,
.ui-prominent,
.ui-standard {
.lightenOrDarken(@color, @value) {
@result: if(
@flavor=latte,
lighten(@color, @value),
darken(@color, @value)
);
}
--primary: @accent-Color;
--primary-contrast: @mantle;
--signal-danger-minor-2: darken(@maroon, 50%);
--signal-danger-minor-1: darken(@maroon, 30%);
--signal-danger-minor-2: .lightenOrDarken(@maroon, 40%) [ @result];
--signal-danger-minor-1: .lightenOrDarken(@maroon, 30%) [ @result];
--signal-danger: @maroon;
--signal-danger-major-1: saturate(@maroon, 40%);
--signal-danger-major-2: saturate(@maroon, 30%);
--signal-danger-major-3: saturate(@maroon, 20%);
--signal-danger-contrast: @mantle;
--signal-warning-minor-2: darken(@peach, 50%);
--signal-warning-minor-1: darken(@peach, 30%);
--signal-warning-minor-2: .lightenOrDarken(@peach, 40%) [ @result];
--signal-warning-minor-1: .lightenOrDarken(@peach, 30%) [ @result];
--signal-warning: @peach;
--signal-warning-major-1: saturate(@peach, 40%);
--signal-warning-major-2: saturate(@peach, 30%);
--signal-warning-major-3: saturate(@peach, 20%);
--signal-warning-contrast: @mantle;
--signal-success-minor-2: darken(@green, 50%);
--signal-success-minor-1: darken(@green, 30%);
--signal-success-minor-2: .lightenOrDarken(@green, 40%) [ @result];
--signal-success-minor-1: .lightenOrDarken(@green, 30%) [ @result];
--signal-success: @green;
--signal-success-major-1: saturate(@green, 40%);
--signal-success-major-2: saturate(@green, 30%);
--signal-success-major-3: saturate(@green, 20%);
--signal-success-contrast: @mantle;
--signal-info-minor-2: darken(@blue, 50%);
--signal-info-minor-1: darken(@blue, 30%);
--signal-info-minor-2: .lightenOrDarken(@blue, 40%) [ @result];
--signal-info-minor-1: .lightenOrDarken(@blue, 30%) [ @result];
--signal-info: @blue;
--signal-info-major-1: saturate(@blue, 40%);
--signal-info-major-2: saturate(@blue, 30%);
--signal-info-major-3: saturate(@blue, 20%);
--signal-info-contrast: @mantle;
--interaction-norm-minor-2: darken(@accent-Color, 50%);
--interaction-norm-minor-1: darken(@accent-Color, 30%);
--interaction-norm-minor-2: .lightenOrDarken(@accent-Color, 40%) [
@result];
--interaction-norm-minor-1: .lightenOrDarken(@accent-Color, 30%) [
@result];
--interaction-norm: @accent-Color;
--interaction-norm-major-1: lighten(@accent-Color, 30%);
--interaction-norm-major-2: lighten(@accent-Color, 20%);
--interaction-norm-major-3: lighten(@accent-Color, 10%);
--interaction-norm-major-1: saturate(@accent-Color, 30%);
--interaction-norm-major-2: saturate(@accent-Color, 20%);
--interaction-norm-major-3: saturate(@accent-Color, 10%);
--interaction-norm-contrast: @mantle;
--interaction-weak-minor-2: darken(@overlay0, 50%);
--interaction-weak-minor-1: darken(@overlay0, 30%);