Copyright © 2021-present Catppuccin Org 5 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # EditorConfig helps developers define and maintain consistent 2 | # coding styles between different editors and IDEs 3 | # EditorConfig is awesome: https://EditorConfig.org 4 | 5 | root = true 6 | 7 | [*] 8 | charset = utf-8 9 | indent_size = 2 10 | indent_style = space 11 | end_of_line = lf 12 | insert_final_newline = true 13 | trim_trailing_whitespace = true 14 | 15 | # go 16 | [*.go] 17 | indent_style = tab 18 | indent_size = 4 19 | 20 | # python 21 | [*.{ini,py,py.tpl,rst}] 22 | indent_size = 4 23 | 24 | # rust 25 | [*.rs] 26 | indent_size = 4 27 | 28 | # documentation, utils 29 | [*.{md,mdx,diff}] 30 | trim_trailing_whitespace = false 31 | 32 | # windows shell scripts 33 | [*.{cmd,bat,ps1}] 34 | end_of_line = crlf 35 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Catppuccin 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /catppuccin.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Elk Catppuccin 3 | @namespace github.com/catppuccin/elk 4 | @version 0.2.0 5 | @description Soothing pastel theme for Elk 6 | @author Catppuccin 7 | @updateURL https://github.com/catppuccin/elk/raw/main/catppuccin.user.css 8 | @preprocessor less 9 | @var select theme "Theme" ["latte:Latte", "frappe:Frappe", "macchiato:Macchiato", "mocha:Mocha*"] 10 | @var select accentColour "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:Grey"] 11 | ==/UserStyle== */ 12 | @-moz-document domain("elk.zone") { 13 | 14 | :root { 15 | #catppuccin(@theme, @accentColour); 16 | } 17 | 18 | @catppuccin: { 19 | @latte: { 20 | @rosewater: #dc8a78; 21 | @flamingo: #dd7878; 22 | @pink: #ea76cb; 23 | @mauve: #8839ef; 24 | @red: #d20f39; 25 | @maroon: #e64553; 26 | @peach: #fe640b; 27 | @yellow: #df8e1d; 28 | @green: #40a02b; 29 | @teal: #179299; 30 | @sky: #04a5e5; 31 | @sapphire: #209fb5; 32 | @blue: #1e66f5; 33 | @lavender: #7287fd; 34 | @text: #4c4f69; 35 | @subtext1: #5c5f77; 36 | @subtext0: #6c6f85; 37 | @overlay2: #7c7f93; 38 | @overlay1: #8c8fa1; 39 | @overlay0: #9ca0b0; 40 | @surface2: #acb0be; 41 | @surface1: #bcc0cc; 42 | @surface0: #ccd0da; 43 | @base: #eff1f5; 44 | @mantle: #e6e9ef; 45 | @crust: #dce0e8; 46 | } 47 | @frappe: { 48 | @rosewater: #f2d5cf; 49 | @flamingo: #eebebe; 50 | @pink: #f4b8e4; 51 | @mauve: #ca9ee6; 52 | @red: #e78284; 53 | @maroon: #ea999c; 54 | @peach: #ef9f76; 55 | @yellow: #e5c890; 56 | @green: #a6d189; 57 | @teal: #81c8be; 58 | @sky: #99d1db; 59 | @sapphire: #85c1dc; 60 | @blue: #8caaee; 61 | @lavender: #babbf1; 62 | @text: #c6d0f5; 63 | @subtext1: #b5bfe2; 64 | @subtext0: #a5adce; 65 | @overlay2: #949cbb; 66 | @overlay1: #838ba7; 67 | @overlay0: #737994; 68 | @surface2: #626880; 69 | @surface1: #51576d; 70 | @surface0: #414559; 71 | @base: #303446; 72 | @mantle: #292c3c; 73 | @crust: #232634; 74 | } 75 | @macchiato: { 76 | @rosewater: #f4dbd6; 77 | @flamingo: #f0c6c6; 78 | @pink: #f5bde6; 79 | @mauve: #c6a0f6; 80 | @red: #ed8796; 81 | @maroon: #ee99a0; 82 | @peach: #f5a97f; 83 | @yellow: #eed49f; 84 | @green: #a6da95; 85 | @teal: #8bd5ca; 86 | @sky: #91d7e3; 87 | @sapphire: #7dc4e4; 88 | @blue: #8aadf4; 89 | @lavender: #b7bdf8; 90 | @text: #cad3f5; 91 | @subtext1: #b8c0e0; 92 | @subtext0: #a5adcb; 93 | @overlay2: #939ab7; 94 | @overlay1: #8087a2; 95 | @overlay0: #6e738d; 96 | @surface2: #5b6078; 97 | @surface1: #494d64; 98 | @surface0: #363a4f; 99 | @base: #24273a; 100 | @mantle: #1e2030; 101 | @crust: #181926; 102 | } 103 | @mocha: { 104 | @rosewater: #f5e0dc; 105 | @flamingo: #f2cdcd; 106 | @pink: #f5c2e7; 107 | @mauve: #cba6f7; 108 | @red: #f38ba8; 109 | @maroon: #eba0ac; 110 | @peach: #fab387; 111 | @yellow: #f9e2af; 112 | @green: #a6e3a1; 113 | @teal: #94e2d5; 114 | @sky: #89dceb; 115 | @sapphire: #74c7ec; 116 | @blue: #89b4fa; 117 | @lavender: #b4befe; 118 | @text: #cdd6f4; 119 | @subtext1: #bac2de; 120 | @subtext0: #a6adc8; 121 | @overlay2: #9399b2; 122 | @overlay1: #7f849c; 123 | @overlay0: #6c7086; 124 | @surface2: #585b70; 125 | @surface1: #45475a; 126 | @surface0: #313244; 127 | @base: #1e1e2e; 128 | @mantle: #181825; 129 | @crust: #11111b; 130 | } 131 | } 132 | 133 | #catppuccin(@lookup, @accent) { 134 | @rosewater: @catppuccin[@@lookup][@rosewater]; 135 | @flamingo: @catppuccin[@@lookup][@flamingo]; 136 | @pink: @catppuccin[@@lookup][@pink]; 137 | @mauve: @catppuccin[@@lookup][@mauve]; 138 | @red: @catppuccin[@@lookup][@red]; 139 | @maroon: @catppuccin[@@lookup][@maroon]; 140 | @peach: @catppuccin[@@lookup][@peach]; 141 | @yellow: @catppuccin[@@lookup][@yellow]; 142 | @green: @catppuccin[@@lookup][@green]; 143 | @teal: @catppuccin[@@lookup][@teal]; 144 | @sky: @catppuccin[@@lookup][@sky]; 145 | @sapphire: @catppuccin[@@lookup][@sapphire]; 146 | @blue: @catppuccin[@@lookup][@blue]; 147 | @lavender: @catppuccin[@@lookup][@lavender]; 148 | @text: @catppuccin[@@lookup][@text]; 149 | @subtext1: @catppuccin[@@lookup][@subtext1]; 150 | @subtext0: @catppuccin[@@lookup][@subtext0]; 151 | @overlay2: @catppuccin[@@lookup][@overlay2]; 152 | @overlay1: @catppuccin[@@lookup][@overlay1]; 153 | @overlay0: @catppuccin[@@lookup][@overlay0]; 154 | @surface2: @catppuccin[@@lookup][@surface2]; 155 | @surface1: @catppuccin[@@lookup][@surface1]; 156 | @surface0: @catppuccin[@@lookup][@surface0]; 157 | @base: @catppuccin[@@lookup][@base]; 158 | @mantle: @catppuccin[@@lookup][@mantle]; 159 | @crust: @catppuccin[@@lookup][@crust]; 160 | @accent-colour: @catppuccin[@@lookup][@@accent]; 161 | 162 | & { 163 | --c-primary: @accent-colour !important; 164 | --c-primary-active: lighten(@accent-colour, 10%) !important; 165 | --c-primary-light: @surface0 !important; 166 | --c-border: @surface0 !important; 167 | --c-border-dark: @surface1 !important; 168 | --c-bg-base: @base !important; 169 | --rgb-bg-base: red(@mantle), green(@mantle), blue(@mantle) !important; 170 | --c-bg-active: @surface0 !important; 171 | --c-bg-code: @surface0 !important; 172 | --c-bg-selection: @accent-colour !important; 173 | --c-bg-fade: @surface0 !important; 174 | --c-text-base: @text !important; 175 | --c-text-code: @rosewater !important; 176 | --c-text-secondary: @subtext0 !important; 177 | --c-text-secondary-light: @subtext1 !important; 178 | --c-bg-btn-disabled: @surface1 !important; 179 | --c-text-btn-disabled: @text !important; 180 | --c-text-btn: @text !important; 181 | --c-success: @green !important; 182 | --c-warning: @yellow !important; 183 | --c-error: @red !important; 184 | --c-danger: @red !important; 185 | --c-danger-active: lighten(@red, 10%) !important; 186 | --c-bg-dm: @surface0 !important; 187 | } 188 | 189 | ::selection { 190 | color: white; 191 | } 192 | 193 | .btn-solid, 194 | [btn-solid=""] { 195 | color: var(--c-bg-base); 196 | } 197 | 198 | ::-webkit-scrollbar-thumb { 199 | background: alpha(@surface1, 0.7); 200 | } 201 | 202 | ::-webkit-scrollbar-thumb:hover { 203 | background: alpha(@surface1, 0.8); 204 | } 205 | 206 | [text-red], 207 | [text-red-600], 208 | [hover^="text-red"]:hover { 209 | color: rgbA(red(@red), green(@red), blue(@red), var(--un-text-opacity)); 210 | } 211 | 212 | [text-blue], 213 | [hover^="text-blue"]:hover { 214 | color: rgbA(red(@blue), green(@blue), blue(@blue), var(--un-text-opacity)); 215 | } 216 | 217 | [text-green], 218 | [hover^="text-green"]:hover { 219 | color: rgbA(red(@green), green(@green), blue(@green), var(--un-text-opacity)); 220 | } 221 | 222 | [text-yellow], 223 | [hover^="text-yellow"]:hover { 224 | color: rgbA(red(@yellow), green(@yellow), blue(@yellow), var(--un-text-opacity)); 225 | } 226 | 227 | [text-purple], 228 | [hover^="text-purple"]:hover { 229 | color: rgbA(red(@lavender), green(@lavender), blue(@lavender), var(--un-text-opacity)); 230 | } 231 | 232 | [group-hover^="bg-purple/10"]:hover { 233 | background-color: alpha(@lavender, 0.1); 234 | } 235 | } 236 | } --------------------------------------------------------------------------------