forked from catppuccin/userstyles
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcatppuccin.user.css
More file actions
152 lines (137 loc) · 9.46 KB
/
Copy pathcatppuccin.user.css
File metadata and controls
152 lines (137 loc) · 9.46 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
/* ==UserStyle==
@name Ghostty.org Catppuccin
@namespace github.com/catppuccin/userstyles/styles/ghostty.org
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/ghostty.org
@version 0.0.1
@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/ghostty.org/catppuccin.user.css
@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aghostty.org
@description Soothing pastel theme for Ghostty.org
@author Catppuccin
@license MIT
@preprocessor less
@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"]
@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"]
@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"]
==/UserStyle== */
@-moz-document domain('ghostty.org') {
@import url("https://unpkg.com/@catppuccin/highlightjs@1.0.0/css/catppuccin-variables.important.css");
@media (prefers-color-scheme: light) {
:root,
body {
#catppuccin(@lightFlavor, @accentColor);
}
}
@media (prefers-color-scheme: dark) {
:root,
body {
#catppuccin(@darkFlavor, @accentColor);
}
}
#catppuccin(@lookup, @accent) {
@rosewater: @catppuccin[@@lookup][@rosewater];
@flamingo: @catppuccin[@@lookup][@flamingo];
@pink: @catppuccin[@@lookup][@pink];
@mauve: @catppuccin[@@lookup][@mauve];
@red: @catppuccin[@@lookup][@red];
@maroon: @catppuccin[@@lookup][@maroon];
@peach: @catppuccin[@@lookup][@peach];
@yellow: @catppuccin[@@lookup][@yellow];
@green: @catppuccin[@@lookup][@green];
@teal: @catppuccin[@@lookup][@teal];
@sky: @catppuccin[@@lookup][@sky];
@sapphire: @catppuccin[@@lookup][@sapphire];
@blue: @catppuccin[@@lookup][@blue];
@lavender: @catppuccin[@@lookup][@lavender];
@text: @catppuccin[@@lookup][@text];
@subtext1: @catppuccin[@@lookup][@subtext1];
@subtext0: @catppuccin[@@lookup][@subtext0];
@overlay2: @catppuccin[@@lookup][@overlay2];
@overlay1: @catppuccin[@@lookup][@overlay1];
@overlay0: @catppuccin[@@lookup][@overlay0];
@surface2: @catppuccin[@@lookup][@surface2];
@surface1: @catppuccin[@@lookup][@surface1];
@surface0: @catppuccin[@@lookup][@surface0];
@base: @catppuccin[@@lookup][@base];
@mantle: @catppuccin[@@lookup][@mantle];
@crust: @catppuccin[@@lookup][@crust];
@accent-color: @catppuccin[@@lookup][@@accent];
--ctp-rosewater: @rosewater;
--ctp-flamingo: @flamingo;
--ctp-pink: @pink;
--ctp-mauve: @mauve;
--ctp-red: @red;
--ctp-maroon: @maroon;
--ctp-peach: @peach;
--ctp-yellow: @yellow;
--ctp-green: @green;
--ctp-teal: @teal;
--ctp-sky: @sky;
--ctp-sapphire: @sapphire;
--ctp-blue: @blue;
--ctp-lavender: @lavender;
--ctp-text: @text;
--ctp-subtext1: @subtext1;
--ctp-subtext0: @subtext0;
--ctp-overlay2: @overlay2;
--ctp-overlay1: @overlay1;
--ctp-overlay0: @overlay0;
--ctp-surface2: @surface2;
--ctp-surface1: @surface1;
--ctp-surface0: @surface0;
--ctp-base: @base;
--ctp-mantle: @mantle;
--ctp-crust: @crust;
color-scheme: if(@lookup = latte, light, dark);
::selection {
background-color: fade(@accent-color, 30%);
}
input,
textarea {
&::placeholder {
color: @subtext0 !important;
}
}
--brand-color: @accent-color;
--brand-color-hsl: #hslify(@accent-color) [];
--gray-0: @base;
--gray-1: @surface0;
--gray-2: @surface1;
--gray-3: @overlay1;
--gray-4: @subtext0;
--gray-5: @subtext1;
--gray-6: @subtext1;
--gray-7: @subtext1;
--gray-8: @text;
--gray-9: @text;
--black: @crust;
--white: @text;
--callout-note: @blue;
--callout-tip: @green;
--callout-important: @mauve;
--callout-warning: @yellow;
--callout-caution: @red;
[class*="Link_buttonLink"]:hover,
ul [class*="NavTree_active"] {
color: @crust !important;
}
img[alt="Ghostty"] {
@svg: escape(
'<svg width="132" height="32" viewBox="0 0 132 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M48.495 6.592c4.714 0 7.368 2.706 7.635 6.43h-2.68c-.295-2.571-2.009-4.017-4.822-4.017h-.267c-3.75 0-6.297 2.705-6.297 7.234 0 4.476 2.546 7.235 6.297 7.235h.267c3.296 0 5.226-2.01 5.226-4.476v-.508h-5.36v-2.384h5.493c1.475 0 2.277.775 2.277 2.276v7.234H53.85V23.5c-.616.937-2.492 2.384-5.359 2.384-5.438 0-9.11-4.047-9.11-9.645 0-5.626 3.564-9.644 9.11-9.644zm10.287.27h2.546v7.235c.883-1.313 2.25-2.143 4.287-2.143 3.027 0 4.823 1.875 4.823 4.688v8.977h-2.546v-8.44c0-1.955-.884-3.08-2.706-3.08h-.213c-1.93 0-3.643 1.526-3.643 4.018v7.502h-2.546V6.862zm20.067 5.09c3.617 0 6.43 2.867 6.43 6.964 0 4.1-2.813 6.965-6.43 6.965s-6.43-2.867-6.43-6.965c0-4.1 2.813-6.965 6.43-6.965m.108 11.789c2.197 0 3.777-1.768 3.777-4.822s-1.58-4.822-3.777-4.822h-.213c-2.197 0-3.777 1.767-3.777 4.822 0 3.054 1.58 4.822 3.776 4.822zm10.207-2.279c.134 1.475 1.339 2.277 2.975 2.277h.213c1.42 0 2.492-.67 2.492-1.742 0-.884-.508-1.475-1.821-1.714l-1.955-.375c-2.359-.455-3.913-1.688-3.913-3.83 0-2.6 2.33-4.127 5.064-4.127 3.455 0 5.305 1.822 5.305 4.422h-2.546c-.134-1.287-1.1-2.277-2.626-2.277h-.213c-1.475 0-2.438.75-2.438 1.714 0 .884.616 1.475 1.875 1.714l2.117.429c2.25.455 3.697 1.662 3.697 3.913 0 2.412-2.17 4.018-5.277 4.018-3.51 0-5.33-1.822-5.493-4.422h2.546zm24.864 1.876c-.776 0-1.071-.296-1.071-1.072v-7.85h3.214v-2.197h-3.214v-4.34h-2.546v4.34h-6.164v-4.34h-2.546v4.34h-2.946v2.196h2.946v8.252c0 1.85 1.1 2.947 2.947 2.947h3.214v-2.276h-2.546c-.776 0-1.071-.296-1.071-1.072v-7.85h6.163v8.251c0 1.85 1.1 2.947 2.947 2.947h3.214v-2.276h-2.546zm17.174-11.12-6.402 16.21c-.696 1.687-1.58 2.142-3.268 2.142h-3.055v-2.276h2.652c.938 0 1.287-.242 1.608-1.018l.804-2.037-5.868-13.02h2.706l4.393 9.752 3.805-9.752z" fill="@{text}"/><path d="M20.396 32a6.35 6.35 0 0 1-3.517-1.067A6.36 6.36 0 0 1 13.362 32a6.35 6.35 0 0 1-3.516-1.067A6.27 6.27 0 0 1 6.372 32h-.038a6.26 6.26 0 0 1-4.5-1.906 6.38 6.38 0 0 1-1.836-4.482v-12.25C0 5.995 5.994 0 13.363 0s13.362 5.994 13.362 13.363v12.253c0 3.393-2.626 6.192-5.978 6.375q-.175.01-.352.009" fill="@{accent-color}"/><path d="M20.396 30.593a4.93 4.93 0 0 1-3.08-1.083.66.66 0 0 0-.42-.145.8.8 0 0 0-.488.176 4.94 4.94 0 0 1-3.046 1.055 4.94 4.94 0 0 1-3.045-1.055.75.75 0 0 0-.942 0 4.9 4.9 0 0 1-3.01 1.055h-.033a4.85 4.85 0 0 1-3.49-1.482 4.98 4.98 0 0 1-1.436-3.498V13.367c0-6.597 5.364-11.96 11.957-11.96 6.592 0 11.956 5.363 11.956 11.956v12.253c0 2.645-2.042 4.827-4.65 4.97a5 5 0 0 1-.274.007" fill="@{crust}"/><path d="M23.912 13.363v12.253c0 1.876-1.447 3.463-3.32 3.566a3.5 3.5 0 0 1-2.398-.769c-.778-.626-1.873-.598-2.658.021a3.5 3.5 0 0 1-2.176.753 3.5 3.5 0 0 1-2.173-.753 2.15 2.15 0 0 0-2.684 0 3.5 3.5 0 0 1-2.15.753c-1.948.014-3.54-1.627-3.54-3.575v-12.25c0-5.825 4.724-10.549 10.55-10.549 5.825 0 10.549 4.724 10.549 10.55" fill="@{text}"/><path d="m11.28 12.437-3.93-2.27a1.07 1.07 0 0 0-1.463.392 1.07 1.07 0 0 0 .391 1.463l2.326 1.343-2.326 1.343a1.072 1.072 0 0 0 1.071 1.855l3.932-2.27a1.07 1.07 0 0 0 0-1.854zm8.902-.146h-5.164a1.071 1.071 0 1 0 0 2.143h5.164a1.071 1.071 0 1 0 0-2.143" fill="@{crust}"/></svg>'
);
content: url("data:image/svg+xml,@{svg}");
}
}
}
#hslify(@color) {
@raw: e(
%("%s, %s%, %s%", hue(@color), saturation(@color), lightness(@color))
);
}
/* prettier-ignore */
@catppuccin: {
@latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };
@frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };
@macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };
@mocha: { @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; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };
}
// vim:ft=less