refactor: use fade instead of fadeout (#16)

catppuccin · Jan 18, 2025 · be9a4e8 · be9a4e8
1 parent 0166ecd
commit be9a4e8
Showing 1 changed file with 11 additions and 11 deletions.
diff --git a/src/base.less b/src/base.less
@@ -9,16 +9,16 @@ main {
   --color-prettylights-syntax-string: @green;
   --color-prettylights-syntax-variable: @peach;
   --color-prettylights-syntax-invalid-illegal-text: @red;
-  --color-prettylights-syntax-invalid-illegal-bg: fadeout(@red, 85%);
+  --color-prettylights-syntax-invalid-illegal-bg: fade(@red, 15%);
   --color-prettylights-syntax-markup-heading: @red;
   --color-prettylights-syntax-markup-italic: @yellow;
   --color-prettylights-syntax-markup-bold: @yellow;
   --color-prettylights-syntax-markup-deleted-text: @text;
-  --color-prettylights-syntax-markup-deleted-bg: fadeout(@red, 60%);
+  --color-prettylights-syntax-markup-deleted-bg: fade(@red, 40%);
   --color-prettylights-syntax-markup-inserted-text: @text;
-  --color-prettylights-syntax-markup-inserted-bg: fadeout(@green, 60%);
+  --color-prettylights-syntax-markup-inserted-bg: fade(@green, 40%);
   --color-prettylights-syntax-markup-changed-text: @text;
-  --color-prettylights-syntax-markup-changed-bg: fadeout(@yellow, 60%);
+  --color-prettylights-syntax-markup-changed-bg: fade(@yellow, 40%);
   --color-prettylights-syntax-markup-ignored-text: @text;
   --color-btn-text: @text;
   --color-btn-bg: @surface0;
@@ -41,7 +41,7 @@ main {
   --color-btn-primary-selected-bg: lighten(@green, 10%);
   --color-btn-primary-selected-shadow: 0 0 transparent;
   --color-btn-primary-disabled-text: @crust;
-  --color-btn-primary-disabled-bg: fadeout(@green, 60%);
+  --color-btn-primary-disabled-bg: fade(@green, 40%);
   --color-btn-primary-disabled-border: transparent;
   --color-action-list-item-default-hover-bg: @surface1;
   --color-segmented-control-bg: @surface2;
@@ -57,18 +57,18 @@ main {
   --color-canvas-subtle: @mantle;
   --color-border-default: @surface1;
   --color-border-muted: @surface0;
-  --color-neutral-muted: fadeout(@overlay0, 60%);
+  --color-neutral-muted: fade(@overlay0, 40%);
   --color-accent-fg: @accent;
   --color-accent-emphasis: @accent;
-  --color-accent-muted: fadeout(@accent, 60%);
-  --color-accent-subtle: fadeout(@accent, 85%);
+  --color-accent-muted: fade(@accent, 40%);
+  --color-accent-subtle: fade(@accent, 15%);
   --color-success-fg: @green;
   --color-attention-fg: @peach;
   --color-attention-muted: @accent;
-  --color-attention-subtle: fadeout(@accent, 85%);
+  --color-attention-subtle: fade(@accent, 15%);
   --color-danger-fg: @red;
-  --color-danger-muted: fadeout(@red, 60%);
-  --color-danger-subtle: fadeout(@red, 20%);
+  --color-danger-muted: fade(@red, 40%);
+  --color-danger-subtle: fade(@red, 80%);
   --color-primer-shadow-inset: 0 0 transparent;
   --color-scale-gray-7: @surface1;
   --color-scale-blue-8: darken(@blue, 10%);