94 lines
1.6 KiB
Diff
94 lines
1.6 KiB
Diff
diff --git a/src/sass/_color-palette-catppuccin-mocha.scss b/src/sass/_color-palette-catppuccin-mocha.scss
|
|
new file mode 100644
|
|
index 00000000..4ff0da0d
|
|
--- /dev/null
|
|
+++ b/src/sass/_color-palette-catppuccin-mocha.scss
|
|
@@ -0,0 +1,87 @@
|
|
+ // Our accents
|
|
+ $rosewater: #f5e0dc;
|
|
+ $flamingo: #f2cdcd;
|
|
+ $pink: #f5c2e7;
|
|
+ $mauve: #cba6f7;
|
|
+ $red: #f38ba8;
|
|
+ $maroon: #eba0ac;
|
|
+ $peach: #fab387;
|
|
+ $yellow: #f9e2af;
|
|
+ $green: #a6e3a1;
|
|
+ $teal: #94e2d5;
|
|
+ $sky: #89dceb;
|
|
+ $sapphire: #74c7ec;
|
|
+ $blue: #89b4fa;
|
|
+ $lavender: #b4befe;
|
|
+// Default Theme Color Palette
|
|
+
|
|
+// Red
|
|
+$red-light: #f38ba8;
|
|
+$red-dark: #f38ba8;
|
|
+
|
|
+// Pink
|
|
+$pink-light: #f5c2e7;
|
|
+$pink-dark: #f5c2e7;
|
|
+
|
|
+// Purple
|
|
+$purple-light: #cba6f7;
|
|
+$purple-dark: #cba6f7;
|
|
+
|
|
+// Blue
|
|
+$blue-light: #89b4fa;
|
|
+$blue-dark: #89b4fa;
|
|
+
|
|
+// Teal
|
|
+$teal-light: #94e2d5;
|
|
+$teal-dark: #94e2d5;
|
|
+
|
|
+// Green
|
|
+$green-light: #a6e3a1;
|
|
+$green-dark: #a6e3a1;
|
|
+
|
|
+// Yellow
|
|
+$yellow-light: #f9e2af;
|
|
+$yellow-dark: #f9e2af;
|
|
+
|
|
+// Orange
|
|
+$orange-light: #fab387;
|
|
+$orange-dark: #fab387;
|
|
+
|
|
+// Grey
|
|
+$grey-050: #9399b2;
|
|
+$grey-100: #7f849c;
|
|
+$grey-150: #6c7086;
|
|
+$grey-200: #585b70;
|
|
+$grey-250: #45475a;
|
|
+$grey-300: red;
|
|
+$grey-350: red;
|
|
+$grey-400: red;
|
|
+$grey-450: red;
|
|
+$grey-500: red;
|
|
+$grey-550: red;
|
|
+$grey-600: red;
|
|
+$grey-650: #313244;
|
|
+$grey-700: #1e1e2e;
|
|
+$grey-750: #181825;
|
|
+$grey-800: #11111b;
|
|
+$grey-850: #020202;
|
|
+$grey-900: #010101;
|
|
+$grey-950: #000000;
|
|
+
|
|
+// White
|
|
+$white: #eff1f5;
|
|
+
|
|
+// Black
|
|
+$black: #11111b;
|
|
+
|
|
+// Button
|
|
+$button-close: #f38ba8;
|
|
+$button-max: #a6e3a1;
|
|
+$button-min: #f9e2af;
|
|
+
|
|
+// Link
|
|
+$links: #89dceb;
|
|
+
|
|
+// Theme
|
|
+$default-light: $purple-light;
|
|
+$default-dark: $purple-dark;
|