├── assets └── .gitkeep ├── .prettierrc.json ├── .vscode └── settings.json ├── .editorconfig ├── LICENSE ├── README.md └── kagi.user.css /assets/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- 1 | {} 2 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "editor.formatOnSave": true 3 | } 4 | -------------------------------------------------------------------------------- /.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 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | Logo
3 | 4 | Catppuccin for Kagi 5 | 6 |

7 | 8 |

9 | 10 | 11 | 12 |

13 | 14 |

15 | 16 |

17 | 18 | ## Previews 19 | 20 |
21 | 🌻 Latte 22 | 23 |
24 |
25 | 🪴 Frappé 26 | 27 |
28 |
29 | 🌺 Macchiato 30 | 31 |
32 |
33 | 🌿 Mocha 34 | 35 |
36 | 37 | ## Usage 38 | 39 | 1. Install Stylus extension for [Firefox](https://addons.mozilla.org/en-US/firefox/addon/styl-us/), [Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne) or [Opera](https://addons.opera.com/en-gb/extensions/details/stylus/) 40 | 41 | 2. Then install with Stylus (click on the link): 42 | 43 | - [Catppuccin for Kagi](kagi.user.css?raw=1) 44 | 45 | 46 | ## 💝 Thanks to 47 | 48 | - [Eramdam](https://github.com/eramdam) 49 | 50 |   51 | 52 |

53 | 54 |

55 | 56 |

57 | Copyright © 2021-present Catppuccin Org 58 |

59 | 60 |

61 | 62 |

63 | -------------------------------------------------------------------------------- /kagi.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Kagi Catppuccin 3 | @namespace github.com/catppuccin/kagi 4 | @homepageURL https://github.com/eramdam/kagi-catppuccin 5 | @version 0.0.5 6 | @description Soothing pastel theme for Kagi 7 | @author eramdam 8 | @license MIT 9 | @updateURL https://github.com/eramdam/kagi-catppuccin/raw/main/kagi.user.css 10 | ==/UserStyle== */ 11 | 12 | @-moz-document regexp("https://kagi.com/.*$") 13 | { 14 | :root { 15 | --ctp-latte-rosewater: #dc8a78; 16 | --ctp-latte-rosewater-rgb: rgb(220, 138, 120); 17 | --ctp-latte-rosewater-hsl: hsl(11, 59%, 67%); 18 | --ctp-latte-rosewater-raw: 220, 138, 120; 19 | --ctp-frappe-rosewater: #f2d5cf; 20 | --ctp-frappe-rosewater-rgb: rgb(242, 213, 207); 21 | --ctp-frappe-rosewater-hsl: hsl(10, 57%, 88%); 22 | --ctp-frappe-rosewater-raw: 242, 213, 207; 23 | --ctp-macchiato-rosewater: #f4dbd6; 24 | --ctp-macchiato-rosewater-rgb: rgb(244, 219, 214); 25 | --ctp-macchiato-rosewater-hsl: hsl(10, 58%, 90%); 26 | --ctp-macchiato-rosewater-raw: 244, 219, 214; 27 | --ctp-mocha-rosewater: #f5e0dc; 28 | --ctp-mocha-rosewater-rgb: rgb(245, 224, 220); 29 | --ctp-mocha-rosewater-hsl: hsl(10, 56%, 91%); 30 | --ctp-mocha-rosewater-raw: 245, 224, 220; 31 | --ctp-latte-flamingo: #dd7878; 32 | --ctp-latte-flamingo-rgb: rgb(221, 120, 120); 33 | --ctp-latte-flamingo-hsl: hsl(0, 60%, 67%); 34 | --ctp-latte-flamingo-raw: 221, 120, 120; 35 | --ctp-frappe-flamingo: #eebebe; 36 | --ctp-frappe-flamingo-rgb: rgb(238, 190, 190); 37 | --ctp-frappe-flamingo-hsl: hsl(0, 59%, 84%); 38 | --ctp-frappe-flamingo-raw: 238, 190, 190; 39 | --ctp-macchiato-flamingo: #f0c6c6; 40 | --ctp-macchiato-flamingo-rgb: rgb(240, 198, 198); 41 | --ctp-macchiato-flamingo-hsl: hsl(0, 58%, 86%); 42 | --ctp-macchiato-flamingo-raw: 240, 198, 198; 43 | --ctp-mocha-flamingo: #f2cdcd; 44 | --ctp-mocha-flamingo-rgb: rgb(242, 205, 205); 45 | --ctp-mocha-flamingo-hsl: hsl(0, 59%, 88%); 46 | --ctp-mocha-flamingo-raw: 242, 205, 205; 47 | --ctp-latte-pink: #ea76cb; 48 | --ctp-latte-pink-rgb: rgb(234, 118, 203); 49 | --ctp-latte-pink-hsl: hsl(316, 73%, 69%); 50 | --ctp-latte-pink-raw: 234, 118, 203; 51 | --ctp-frappe-pink: #f4b8e4; 52 | --ctp-frappe-pink-rgb: rgb(244, 184, 228); 53 | --ctp-frappe-pink-hsl: hsl(316, 73%, 84%); 54 | --ctp-frappe-pink-raw: 244, 184, 228; 55 | --ctp-macchiato-pink: #f5bde6; 56 | --ctp-macchiato-pink-rgb: rgb(245, 189, 230); 57 | --ctp-macchiato-pink-hsl: hsl(316, 74%, 85%); 58 | --ctp-macchiato-pink-raw: 245, 189, 230; 59 | --ctp-mocha-pink: #f5c2e7; 60 | --ctp-mocha-pink-rgb: rgb(245, 194, 231); 61 | --ctp-mocha-pink-hsl: hsl(316, 72%, 86%); 62 | --ctp-mocha-pink-raw: 245, 194, 231; 63 | --ctp-latte-mauve: #8839ef; 64 | --ctp-latte-mauve-rgb: rgb(136, 57, 239); 65 | --ctp-latte-mauve-hsl: hsl(266, 85%, 58%); 66 | --ctp-latte-mauve-raw: 136, 57, 239; 67 | --ctp-frappe-mauve: #ca9ee6; 68 | --ctp-frappe-mauve-rgb: rgb(202, 158, 230); 69 | --ctp-frappe-mauve-hsl: hsl(277, 59%, 76%); 70 | --ctp-frappe-mauve-raw: 202, 158, 230; 71 | --ctp-macchiato-mauve: #c6a0f6; 72 | --ctp-macchiato-mauve-rgb: rgb(198, 160, 246); 73 | --ctp-macchiato-mauve-hsl: hsl(267, 83%, 80%); 74 | --ctp-macchiato-mauve-raw: 198, 160, 246; 75 | --ctp-mocha-mauve: #cba6f7; 76 | --ctp-mocha-mauve-rgb: rgb(203, 166, 247); 77 | --ctp-mocha-mauve-hsl: hsl(267, 84%, 81%); 78 | --ctp-mocha-mauve-raw: 203, 166, 247; 79 | --ctp-latte-red: #d20f39; 80 | --ctp-latte-red-rgb: rgb(210, 15, 57); 81 | --ctp-latte-red-hsl: hsl(347, 87%, 44%); 82 | --ctp-latte-red-raw: 210, 15, 57; 83 | --ctp-frappe-red: #e78284; 84 | --ctp-frappe-red-rgb: rgb(231, 130, 132); 85 | --ctp-frappe-red-hsl: hsl(359, 68%, 71%); 86 | --ctp-frappe-red-raw: 231, 130, 132; 87 | --ctp-macchiato-red: #ed8796; 88 | --ctp-macchiato-red-rgb: rgb(237, 135, 150); 89 | --ctp-macchiato-red-hsl: hsl(351, 74%, 73%); 90 | --ctp-macchiato-red-raw: 237, 135, 150; 91 | --ctp-mocha-red: #f38ba8; 92 | --ctp-mocha-red-rgb: rgb(243, 139, 168); 93 | --ctp-mocha-red-hsl: hsl(343, 81%, 75%); 94 | --ctp-mocha-red-raw: 243, 139, 168; 95 | --ctp-latte-maroon: #e64553; 96 | --ctp-latte-maroon-rgb: rgb(230, 69, 83); 97 | --ctp-latte-maroon-hsl: hsl(355, 76%, 59%); 98 | --ctp-latte-maroon-raw: 230, 69, 83; 99 | --ctp-frappe-maroon: #ea999c; 100 | --ctp-frappe-maroon-rgb: rgb(234, 153, 156); 101 | --ctp-frappe-maroon-hsl: hsl(358, 66%, 76%); 102 | --ctp-frappe-maroon-raw: 234, 153, 156; 103 | --ctp-macchiato-maroon: #ee99a0; 104 | --ctp-macchiato-maroon-rgb: rgb(238, 153, 160); 105 | --ctp-macchiato-maroon-hsl: hsl(355, 71%, 77%); 106 | --ctp-macchiato-maroon-raw: 238, 153, 160; 107 | --ctp-mocha-maroon: #eba0ac; 108 | --ctp-mocha-maroon-rgb: rgb(235, 160, 172); 109 | --ctp-mocha-maroon-hsl: hsl(350, 65%, 77%); 110 | --ctp-mocha-maroon-raw: 235, 160, 172; 111 | --ctp-latte-peach: #fe640b; 112 | --ctp-latte-peach-rgb: rgb(254, 100, 11); 113 | --ctp-latte-peach-hsl: hsl(22, 99%, 52%); 114 | --ctp-latte-peach-raw: 254, 100, 11; 115 | --ctp-frappe-peach: #ef9f76; 116 | --ctp-frappe-peach-rgb: rgb(239, 159, 118); 117 | --ctp-frappe-peach-hsl: hsl(20, 79%, 70%); 118 | --ctp-frappe-peach-raw: 239, 159, 118; 119 | --ctp-macchiato-peach: #f5a97f; 120 | --ctp-macchiato-peach-rgb: rgb(245, 169, 127); 121 | --ctp-macchiato-peach-hsl: hsl(21, 86%, 73%); 122 | --ctp-macchiato-peach-raw: 245, 169, 127; 123 | --ctp-mocha-peach: #fab387; 124 | --ctp-mocha-peach-rgb: rgb(250, 179, 135); 125 | --ctp-mocha-peach-hsl: hsl(23, 92%, 75%); 126 | --ctp-mocha-peach-raw: 250, 179, 135; 127 | --ctp-latte-yellow: #df8e1d; 128 | --ctp-latte-yellow-rgb: rgb(223, 142, 29); 129 | --ctp-latte-yellow-hsl: hsl(35, 77%, 49%); 130 | --ctp-latte-yellow-raw: 223, 142, 29; 131 | --ctp-frappe-yellow: #e5c890; 132 | --ctp-frappe-yellow-rgb: rgb(229, 200, 144); 133 | --ctp-frappe-yellow-hsl: hsl(40, 62%, 73%); 134 | --ctp-frappe-yellow-raw: 229, 200, 144; 135 | --ctp-macchiato-yellow: #eed49f; 136 | --ctp-macchiato-yellow-rgb: rgb(238, 212, 159); 137 | --ctp-macchiato-yellow-hsl: hsl(40, 70%, 78%); 138 | --ctp-macchiato-yellow-raw: 238, 212, 159; 139 | --ctp-mocha-yellow: #f9e2af; 140 | --ctp-mocha-yellow-rgb: rgb(249, 226, 175); 141 | --ctp-mocha-yellow-hsl: hsl(41, 86%, 83%); 142 | --ctp-mocha-yellow-raw: 249, 226, 175; 143 | --ctp-latte-green: #40a02b; 144 | --ctp-latte-green-rgb: rgb(64, 160, 43); 145 | --ctp-latte-green-hsl: hsl(109, 58%, 40%); 146 | --ctp-latte-green-raw: 64, 160, 43; 147 | --ctp-frappe-green: #a6d189; 148 | --ctp-frappe-green-rgb: rgb(166, 209, 137); 149 | --ctp-frappe-green-hsl: hsl(96, 44%, 68%); 150 | --ctp-frappe-green-raw: 166, 209, 137; 151 | --ctp-macchiato-green: #a6da95; 152 | --ctp-macchiato-green-rgb: rgb(166, 218, 149); 153 | --ctp-macchiato-green-hsl: hsl(105, 48%, 72%); 154 | --ctp-macchiato-green-raw: 166, 218, 149; 155 | --ctp-mocha-green: #a6e3a1; 156 | --ctp-mocha-green-rgb: rgb(166, 227, 161); 157 | --ctp-mocha-green-hsl: hsl(115, 54%, 76%); 158 | --ctp-mocha-green-raw: 166, 227, 161; 159 | --ctp-latte-teal: #179299; 160 | --ctp-latte-teal-rgb: rgb(23, 146, 153); 161 | --ctp-latte-teal-hsl: hsl(183, 74%, 35%); 162 | --ctp-latte-teal-raw: 23, 146, 153; 163 | --ctp-frappe-teal: #81c8be; 164 | --ctp-frappe-teal-rgb: rgb(129, 200, 190); 165 | --ctp-frappe-teal-hsl: hsl(172, 39%, 65%); 166 | --ctp-frappe-teal-raw: 129, 200, 190; 167 | --ctp-macchiato-teal: #8bd5ca; 168 | --ctp-macchiato-teal-rgb: rgb(139, 213, 202); 169 | --ctp-macchiato-teal-hsl: hsl(171, 47%, 69%); 170 | --ctp-macchiato-teal-raw: 139, 213, 202; 171 | --ctp-mocha-teal: #94e2d5; 172 | --ctp-mocha-teal-rgb: rgb(148, 226, 213); 173 | --ctp-mocha-teal-hsl: hsl(170, 57%, 73%); 174 | --ctp-mocha-teal-raw: 148, 226, 213; 175 | --ctp-latte-sky: #04a5e5; 176 | --ctp-latte-sky-rgb: rgb(4, 165, 229); 177 | --ctp-latte-sky-hsl: hsl(197, 97%, 46%); 178 | --ctp-latte-sky-raw: 4, 165, 229; 179 | --ctp-frappe-sky: #99d1db; 180 | --ctp-frappe-sky-rgb: rgb(153, 209, 219); 181 | --ctp-frappe-sky-hsl: hsl(189, 48%, 73%); 182 | --ctp-frappe-sky-raw: 153, 209, 219; 183 | --ctp-macchiato-sky: #91d7e3; 184 | --ctp-macchiato-sky-rgb: rgb(145, 215, 227); 185 | --ctp-macchiato-sky-hsl: hsl(189, 59%, 73%); 186 | --ctp-macchiato-sky-raw: 145, 215, 227; 187 | --ctp-mocha-sky: #89dceb; 188 | --ctp-mocha-sky-rgb: rgb(137, 220, 235); 189 | --ctp-mocha-sky-hsl: hsl(189, 71%, 73%); 190 | --ctp-mocha-sky-raw: 137, 220, 235; 191 | --ctp-latte-sapphire: #209fb5; 192 | --ctp-latte-sapphire-rgb: rgb(32, 159, 181); 193 | --ctp-latte-sapphire-hsl: hsl(189, 70%, 42%); 194 | --ctp-latte-sapphire-raw: 32, 159, 181; 195 | --ctp-frappe-sapphire: #85c1dc; 196 | --ctp-frappe-sapphire-rgb: rgb(133, 193, 220); 197 | --ctp-frappe-sapphire-hsl: hsl(199, 55%, 69%); 198 | --ctp-frappe-sapphire-raw: 133, 193, 220; 199 | --ctp-macchiato-sapphire: #7dc4e4; 200 | --ctp-macchiato-sapphire-rgb: rgb(125, 196, 228); 201 | --ctp-macchiato-sapphire-hsl: hsl(199, 66%, 69%); 202 | --ctp-macchiato-sapphire-raw: 125, 196, 228; 203 | --ctp-mocha-sapphire: #74c7ec; 204 | --ctp-mocha-sapphire-rgb: rgb(116, 199, 236); 205 | --ctp-mocha-sapphire-hsl: hsl(199, 76%, 69%); 206 | --ctp-mocha-sapphire-raw: 116, 199, 236; 207 | --ctp-latte-blue: #1e66f5; 208 | --ctp-latte-blue-rgb: rgb(30, 102, 245); 209 | --ctp-latte-blue-hsl: hsl(220, 91%, 54%); 210 | --ctp-latte-blue-raw: 30, 102, 245; 211 | --ctp-frappe-blue: #8caaee; 212 | --ctp-frappe-blue-rgb: rgb(140, 170, 238); 213 | --ctp-frappe-blue-hsl: hsl(222, 74%, 74%); 214 | --ctp-frappe-blue-raw: 140, 170, 238; 215 | --ctp-macchiato-blue: #8aadf4; 216 | --ctp-macchiato-blue-rgb: rgb(138, 173, 244); 217 | --ctp-macchiato-blue-hsl: hsl(220, 83%, 75%); 218 | --ctp-macchiato-blue-raw: 138, 173, 244; 219 | --ctp-mocha-blue: #89b4fa; 220 | --ctp-mocha-blue-rgb: rgb(137, 180, 250); 221 | --ctp-mocha-blue-hsl: hsl(217, 92%, 76%); 222 | --ctp-mocha-blue-raw: 137, 180, 250; 223 | --ctp-latte-lavender: #7287fd; 224 | --ctp-latte-lavender-rgb: rgb(114, 135, 253); 225 | --ctp-latte-lavender-hsl: hsl(231, 97%, 72%); 226 | --ctp-latte-lavender-raw: 114, 135, 253; 227 | --ctp-frappe-lavender: #babbf1; 228 | --ctp-frappe-lavender-rgb: rgb(186, 187, 241); 229 | --ctp-frappe-lavender-hsl: hsl(239, 66%, 84%); 230 | --ctp-frappe-lavender-raw: 186, 187, 241; 231 | --ctp-macchiato-lavender: #b7bdf8; 232 | --ctp-macchiato-lavender-rgb: rgb(183, 189, 248); 233 | --ctp-macchiato-lavender-hsl: hsl(234, 82%, 85%); 234 | --ctp-macchiato-lavender-raw: 183, 189, 248; 235 | --ctp-mocha-lavender: #b4befe; 236 | --ctp-mocha-lavender-rgb: rgb(180, 190, 254); 237 | --ctp-mocha-lavender-hsl: hsl(232, 97%, 85%); 238 | --ctp-mocha-lavender-raw: 180, 190, 254; 239 | --ctp-latte-text: #4c4f69; 240 | --ctp-latte-text-rgb: rgb(76, 79, 105); 241 | --ctp-latte-text-hsl: hsl(234, 16%, 35%); 242 | --ctp-latte-text-raw: 76, 79, 105; 243 | --ctp-frappe-text: #c6d0f5; 244 | --ctp-frappe-text-rgb: rgb(198, 208, 245); 245 | --ctp-frappe-text-hsl: hsl(227, 70%, 87%); 246 | --ctp-frappe-text-raw: 198, 208, 245; 247 | --ctp-macchiato-text: #cad3f5; 248 | --ctp-macchiato-text-rgb: rgb(202, 211, 245); 249 | --ctp-macchiato-text-hsl: hsl(227, 68%, 88%); 250 | --ctp-macchiato-text-raw: 202, 211, 245; 251 | --ctp-mocha-text: #cdd6f4; 252 | --ctp-mocha-text-rgb: rgb(205, 214, 244); 253 | --ctp-mocha-text-hsl: hsl(226, 64%, 88%); 254 | --ctp-mocha-text-raw: 205, 214, 244; 255 | --ctp-latte-subtext1: #5c5f77; 256 | --ctp-latte-subtext1-rgb: rgb(92, 95, 119); 257 | --ctp-latte-subtext1-hsl: hsl(233, 13%, 41%); 258 | --ctp-latte-subtext1-raw: 92, 95, 119; 259 | --ctp-frappe-subtext1: #b5bfe2; 260 | --ctp-frappe-subtext1-rgb: rgb(181, 191, 226); 261 | --ctp-frappe-subtext1-hsl: hsl(227, 44%, 80%); 262 | --ctp-frappe-subtext1-raw: 181, 191, 226; 263 | --ctp-macchiato-subtext1: #b8c0e0; 264 | --ctp-macchiato-subtext1-rgb: rgb(184, 192, 224); 265 | --ctp-macchiato-subtext1-hsl: hsl(228, 39%, 80%); 266 | --ctp-macchiato-subtext1-raw: 184, 192, 224; 267 | --ctp-mocha-subtext1: #bac2de; 268 | --ctp-mocha-subtext1-rgb: rgb(186, 194, 222); 269 | --ctp-mocha-subtext1-hsl: hsl(227, 35%, 80%); 270 | --ctp-mocha-subtext1-raw: 186, 194, 222; 271 | --ctp-latte-subtext0: #6c6f85; 272 | --ctp-latte-subtext0-rgb: rgb(108, 111, 133); 273 | --ctp-latte-subtext0-hsl: hsl(233, 10%, 47%); 274 | --ctp-latte-subtext0-raw: 108, 111, 133; 275 | --ctp-frappe-subtext0: #a5adce; 276 | --ctp-frappe-subtext0-rgb: rgb(165, 173, 206); 277 | --ctp-frappe-subtext0-hsl: hsl(228, 29%, 73%); 278 | --ctp-frappe-subtext0-raw: 165, 173, 206; 279 | --ctp-macchiato-subtext0: #a5adcb; 280 | --ctp-macchiato-subtext0-rgb: rgb(165, 173, 203); 281 | --ctp-macchiato-subtext0-hsl: hsl(227, 27%, 72%); 282 | --ctp-macchiato-subtext0-raw: 165, 173, 203; 283 | --ctp-mocha-subtext0: #a6adc8; 284 | --ctp-mocha-subtext0-rgb: rgb(166, 173, 200); 285 | --ctp-mocha-subtext0-hsl: hsl(228, 24%, 72%); 286 | --ctp-mocha-subtext0-raw: 166, 173, 200; 287 | --ctp-latte-overlay2: #7c7f93; 288 | --ctp-latte-overlay2-rgb: rgb(124, 127, 147); 289 | --ctp-latte-overlay2-hsl: hsl(232, 10%, 53%); 290 | --ctp-latte-overlay2-raw: 124, 127, 147; 291 | --ctp-frappe-overlay2: #949cbb; 292 | --ctp-frappe-overlay2-rgb: rgb(148, 156, 187); 293 | --ctp-frappe-overlay2-hsl: hsl(228, 22%, 66%); 294 | --ctp-frappe-overlay2-raw: 148, 156, 187; 295 | --ctp-macchiato-overlay2: #939ab7; 296 | --ctp-macchiato-overlay2-rgb: rgb(147, 154, 183); 297 | --ctp-macchiato-overlay2-hsl: hsl(228, 20%, 65%); 298 | --ctp-macchiato-overlay2-raw: 147, 154, 183; 299 | --ctp-mocha-overlay2: #9399b2; 300 | --ctp-mocha-overlay2-rgb: rgb(147, 153, 178); 301 | --ctp-mocha-overlay2-hsl: hsl(228, 17%, 64%); 302 | --ctp-mocha-overlay2-raw: 147, 153, 178; 303 | --ctp-latte-overlay1: #8c8fa1; 304 | --ctp-latte-overlay1-rgb: rgb(140, 143, 161); 305 | --ctp-latte-overlay1-hsl: hsl(231, 10%, 59%); 306 | --ctp-latte-overlay1-raw: 140, 143, 161; 307 | --ctp-frappe-overlay1: #838ba7; 308 | --ctp-frappe-overlay1-rgb: rgb(131, 139, 167); 309 | --ctp-frappe-overlay1-hsl: hsl(227, 17%, 58%); 310 | --ctp-frappe-overlay1-raw: 131, 139, 167; 311 | --ctp-macchiato-overlay1: #8087a2; 312 | --ctp-macchiato-overlay1-rgb: rgb(128, 135, 162); 313 | --ctp-macchiato-overlay1-hsl: hsl(228, 15%, 57%); 314 | --ctp-macchiato-overlay1-raw: 128, 135, 162; 315 | --ctp-mocha-overlay1: #7f849c; 316 | --ctp-mocha-overlay1-rgb: rgb(127, 132, 156); 317 | --ctp-mocha-overlay1-hsl: hsl(230, 13%, 55%); 318 | --ctp-mocha-overlay1-raw: 127, 132, 156; 319 | --ctp-latte-overlay0: #9ca0b0; 320 | --ctp-latte-overlay0-rgb: rgb(156, 160, 176); 321 | --ctp-latte-overlay0-hsl: hsl(228, 11%, 65%); 322 | --ctp-latte-overlay0-raw: 156, 160, 176; 323 | --ctp-frappe-overlay0: #737994; 324 | --ctp-frappe-overlay0-rgb: rgb(115, 121, 148); 325 | --ctp-frappe-overlay0-hsl: hsl(229, 13%, 52%); 326 | --ctp-frappe-overlay0-raw: 115, 121, 148; 327 | --ctp-macchiato-overlay0: #6e738d; 328 | --ctp-macchiato-overlay0-rgb: rgb(110, 115, 141); 329 | --ctp-macchiato-overlay0-hsl: hsl(230, 12%, 49%); 330 | --ctp-macchiato-overlay0-raw: 110, 115, 141; 331 | --ctp-mocha-overlay0: #6c7086; 332 | --ctp-mocha-overlay0-rgb: rgb(108, 112, 134); 333 | --ctp-mocha-overlay0-hsl: hsl(231, 11%, 47%); 334 | --ctp-mocha-overlay0-raw: 108, 112, 134; 335 | --ctp-latte-surface2: #acb0be; 336 | --ctp-latte-surface2-rgb: rgb(172, 176, 190); 337 | --ctp-latte-surface2-hsl: hsl(227, 12%, 71%); 338 | --ctp-latte-surface2-raw: 172, 176, 190; 339 | --ctp-frappe-surface2: #626880; 340 | --ctp-frappe-surface2-rgb: rgb(98, 104, 128); 341 | --ctp-frappe-surface2-hsl: hsl(228, 13%, 44%); 342 | --ctp-frappe-surface2-raw: 98, 104, 128; 343 | --ctp-macchiato-surface2: #5b6078; 344 | --ctp-macchiato-surface2-rgb: rgb(91, 96, 120); 345 | --ctp-macchiato-surface2-hsl: hsl(230, 14%, 41%); 346 | --ctp-macchiato-surface2-raw: 91, 96, 120; 347 | --ctp-mocha-surface2: #585b70; 348 | --ctp-mocha-surface2-rgb: rgb(88, 91, 112); 349 | --ctp-mocha-surface2-hsl: hsl(233, 12%, 39%); 350 | --ctp-mocha-surface2-raw: 88, 91, 112; 351 | --ctp-latte-surface1: #bcc0cc; 352 | --ctp-latte-surface1-rgb: rgb(188, 192, 204); 353 | --ctp-latte-surface1-hsl: hsl(225, 14%, 77%); 354 | --ctp-latte-surface1-raw: 188, 192, 204; 355 | --ctp-frappe-surface1: #51576d; 356 | --ctp-frappe-surface1-rgb: rgb(81, 87, 109); 357 | --ctp-frappe-surface1-hsl: hsl(227, 15%, 37%); 358 | --ctp-frappe-surface1-raw: 81, 87, 109; 359 | --ctp-macchiato-surface1: #494d64; 360 | --ctp-macchiato-surface1-rgb: rgb(73, 77, 100); 361 | --ctp-macchiato-surface1-hsl: hsl(231, 16%, 34%); 362 | --ctp-macchiato-surface1-raw: 73, 77, 100; 363 | --ctp-mocha-surface1: #45475a; 364 | --ctp-mocha-surface1-rgb: rgb(69, 71, 90); 365 | --ctp-mocha-surface1-hsl: hsl(234, 13%, 31%); 366 | --ctp-mocha-surface1-raw: 69, 71, 90; 367 | --ctp-latte-surface0: #ccd0da; 368 | --ctp-latte-surface0-rgb: rgb(204, 208, 218); 369 | --ctp-latte-surface0-hsl: hsl(223, 16%, 83%); 370 | --ctp-latte-surface0-raw: 204, 208, 218; 371 | --ctp-frappe-surface0: #414559; 372 | --ctp-frappe-surface0-rgb: rgb(65, 69, 89); 373 | --ctp-frappe-surface0-hsl: hsl(230, 16%, 30%); 374 | --ctp-frappe-surface0-raw: 65, 69, 89; 375 | --ctp-macchiato-surface0: #363a4f; 376 | --ctp-macchiato-surface0-rgb: rgb(54, 58, 79); 377 | --ctp-macchiato-surface0-hsl: hsl(230, 19%, 26%); 378 | --ctp-macchiato-surface0-raw: 54, 58, 79; 379 | --ctp-mocha-surface0: #313244; 380 | --ctp-mocha-surface0-rgb: rgb(49, 50, 68); 381 | --ctp-mocha-surface0-hsl: hsl(237, 16%, 23%); 382 | --ctp-mocha-surface0-raw: 49, 50, 68; 383 | --ctp-latte-base: #eff1f5; 384 | --ctp-latte-base-rgb: rgb(239, 241, 245); 385 | --ctp-latte-base-hsl: hsl(220, 23%, 95%); 386 | --ctp-latte-base-raw: 239, 241, 245; 387 | --ctp-frappe-base: #303446; 388 | --ctp-frappe-base-rgb: rgb(48, 52, 70); 389 | --ctp-frappe-base-hsl: hsl(229, 19%, 23%); 390 | --ctp-frappe-base-raw: 48, 52, 70; 391 | --ctp-macchiato-base: #24273a; 392 | --ctp-macchiato-base-rgb: rgb(36, 39, 58); 393 | --ctp-macchiato-base-hsl: hsl(232, 23%, 18%); 394 | --ctp-macchiato-base-raw: 36, 39, 58; 395 | --ctp-mocha-base: #1e1e2e; 396 | --ctp-mocha-base-rgb: rgb(30, 30, 46); 397 | --ctp-mocha-base-hsl: hsl(240, 21%, 15%); 398 | --ctp-mocha-base-raw: 30, 30, 46; 399 | --ctp-latte-mantle: #e6e9ef; 400 | --ctp-latte-mantle-rgb: rgb(230, 233, 239); 401 | --ctp-latte-mantle-hsl: hsl(220, 22%, 92%); 402 | --ctp-latte-mantle-raw: 230, 233, 239; 403 | --ctp-frappe-mantle: #292c3c; 404 | --ctp-frappe-mantle-rgb: rgb(41, 44, 60); 405 | --ctp-frappe-mantle-hsl: hsl(231, 19%, 20%); 406 | --ctp-frappe-mantle-raw: 41, 44, 60; 407 | --ctp-macchiato-mantle: #1e2030; 408 | --ctp-macchiato-mantle-rgb: rgb(30, 32, 48); 409 | --ctp-macchiato-mantle-hsl: hsl(233, 23%, 15%); 410 | --ctp-macchiato-mantle-raw: 30, 32, 48; 411 | --ctp-mocha-mantle: #181825; 412 | --ctp-mocha-mantle-rgb: rgb(24, 24, 37); 413 | --ctp-mocha-mantle-hsl: hsl(240, 21%, 12%); 414 | --ctp-mocha-mantle-raw: 24, 24, 37; 415 | --ctp-latte-crust: #dce0e8; 416 | --ctp-latte-crust-rgb: rgb(220, 224, 232); 417 | --ctp-latte-crust-hsl: hsl(220, 21%, 89%); 418 | --ctp-latte-crust-raw: 220, 224, 232; 419 | --ctp-frappe-crust: #232634; 420 | --ctp-frappe-crust-rgb: rgb(35, 38, 52); 421 | --ctp-frappe-crust-hsl: hsl(229, 20%, 17%); 422 | --ctp-frappe-crust-raw: 35, 38, 52; 423 | --ctp-macchiato-crust: #181926; 424 | --ctp-macchiato-crust-rgb: rgb(24, 25, 38); 425 | --ctp-macchiato-crust-hsl: hsl(236, 23%, 12%); 426 | --ctp-macchiato-crust-raw: 24, 25, 38; 427 | --ctp-mocha-crust: #11111b; 428 | --ctp-mocha-crust-rgb: rgb(17, 17, 27); 429 | --ctp-mocha-crust-hsl: hsl(240, 23%, 9%); 430 | --ctp-mocha-crust-raw: 17, 17, 27; 431 | } 432 | .theme_dark { 433 | /* Don't know where all of these are used 🤷 */ 434 | /* --cheatsh_background: #22242f; */ 435 | /* --cheatsh_ef186: #d7d787; */ 436 | /* --cheatsh_ef15: #fdf6e3; */ 437 | /* --cheatsh_ef148: #afd700; */ 438 | /* --cheatsh_ef81: #5fd7ff; */ 439 | /* --cc-filters-active-bg: #404040; */ 440 | /* --app-sidebar-bg: var(--ctp-mocha-mantle); */ 441 | /* --app-sidebar-item-border: rgba(229, 229, 229, 0.1); */ 442 | /* --app-sidebar-link: var(--color-primary-dim_5); */ 443 | /* --app-sidebar-nav-item-bg_hover: #ffb319; */ 444 | /* --app-sidebar-nav-item-link_hover: var(--app-sidebar-bg); */ 445 | /* --app-sidebar-nav-item-icon_hover: var(--color-primary); */ 446 | /* --app-sidebar-lense-link: var(--color-primary-dim_5); */ 447 | /* --app-sidebar-lense-link_hover: #ffffff; */ 448 | /* --result-item-highlight: #9debfe; */ 449 | /* --provider-breakdown_server: #075067; */ 450 | /* --provider-breakdown_client: #9b6400; */ 451 | /* --provider-breakdown_speed1: #6f6d22; */ 452 | /* --provider-breakdown_speed2: #ab5a5a; */ 453 | /* --provider-breakdown_speed3: #812503; */ 454 | /* --toggle-switch-knob-bg: #262837; */ 455 | /* --widget-progress_bar: #e5e5e5; */ 456 | /* --translate-fc_icon: #777676; */ 457 | /* --rating-star_background: #666666; */ 458 | /* --color-primary-dim_3_solid: #434551; */ 459 | /* --app-logo: #191919; */ 460 | /* --app-logo-bg: #ffb319; */ 461 | 462 | /* Design system */ 463 | --background-color: var(--ctp-mocha-base); 464 | --background-color-dim_3: rgba(var(--ctp-mocha-base-raw), 0.3); 465 | --background-color_opac: rgba(var(--ctp-mocha-base-raw), 0); 466 | --color-search-input-opac: rgba(var(--ctp-mocha-base-raw), 0); 467 | --page-text-color: var(--ctp-mocha-text); 468 | --kagi-accent: var(--ctp-mocha-crust); 469 | --color-primary: var(--ctp-mocha-text); 470 | --color-primary-dim_1: rgba(var(--ctp-mocha-text-raw), 0.1); 471 | --color-primary-dim_2: rgba(var(--ctp-mocha-text-raw), 0.2); 472 | --color-primary-dim_25: rgba(var(--ctp-mocha-text-raw), 0.25); 473 | --color-primary-dim_3: rgba(var(--ctp-mocha-text-raw), 0.3); 474 | --color-primary-dim_4: rgba(var(--ctp-mocha-text-raw), 0.4); 475 | --color-primary-dim_5: rgba(var(--ctp-mocha-text-raw), 0.5); 476 | --color-primary-dim_6: rgba(var(--ctp-mocha-text-raw), 0.6); 477 | --color-primary-dim_7: rgba(var(--ctp-mocha-text-raw), 0.7); 478 | --color-primary-dim_8: rgba(var(--ctp-mocha-text-raw), 0.8); 479 | --color-primary-dim_9: rgba(var(--ctp-mocha-text-raw), 0.9); 480 | --color-secondary: rgb(var(--ctp-mocha-mantle-raw)); 481 | --color-secondary-dim_1: rgba(var(--ctp-mocha-mantle-raw), 0.1); 482 | --color-secondary-dim_2: rgba(var(--ctp-mocha-mantle-raw), 0.2); 483 | --color-secondary-dim_4: rgba(var(--ctp-mocha-mantle-raw), 0.4); 484 | --color-secondary-dim_5: rgba(var(--ctp-mocha-mantle-raw), 0.5); 485 | --color-secondary-dim_6: rgba(var(--ctp-mocha-mantle-raw), 0.6); 486 | --color-secondary-dim_7: rgba(var(--ctp-mocha-mantle-raw), 0.7); 487 | --color-secondary-dim_8: rgba(var(--ctp-mocha-mantle-raw), 0.8); 488 | --color-secondary-dim_9: rgba(var(--ctp-mocha-mantle-raw), 0.9); 489 | 490 | --color_link: var(--ctp-mocha-blue); 491 | --color-primary_hover: var(--ctp-mocha-sky); 492 | --color-primary_visited: var(--ctp-mocha-lavender); 493 | --input-bg: var(--kagi-accent); 494 | --resultsummary-highlight: var(--ctp-mocha-sapphire); 495 | 496 | /* Color of dog logo on "not found" page */ 497 | --doggo-color-1: var(--ctp-mocha-subtext1); 498 | 499 | /* Background of dog logo at the top left */ 500 | --doggo-bg-color: var(--ctp-mocha-surface0); 501 | 502 | /* Seems to be related to `example_results_buttons` but I'm not sure how to display them... */ 503 | /* --tabs-round-bg: #1d1f29; */ 504 | --tabs-round-active-bg: rgba(var(--ctp-mocha-surface2-raw), 0.25); 505 | 506 | /* Header. */ 507 | --header-bg: var(--ctp-mocha-mantle); 508 | --header-bg-opac: rgba(var(--ctp-mocha-mantle-raw), 0); 509 | --header-border: var(--ctp-mocha-subtext0); 510 | 511 | /* Footer */ 512 | --footer-bg: var(--ctp-mocha-mantle); 513 | 514 | /* "Control Center" dropdowns...? (unchanged for now) */ 515 | --control-center-dd-bg: #161820; 516 | --control-center-dd-bg_hover: #161820; 517 | --control-center-dd-list: #161820; 518 | --control-center-dd-list-bg_hover: #1d1f29; 519 | --control-center-dd-border: #43465b; 520 | 521 | /* Control Center general */ 522 | --control-center-bg: var(--ctp-mocha-mantle); 523 | 524 | /* Dropdown items */ 525 | --dd-hover-bg: var(--ctp-mocha-crust); 526 | --dd-list-input-bg: var(--ctp-mocha-mantle); 527 | --not-found-bubble-bg: var(--color-secondary); 528 | 529 | /* HTTPS label inside the "shield" popup */ 530 | --ranked-box-connection-secure: var(--ctp-mocha-green); 531 | --ranked-box-connection-insecure: var(--ctp-mocha-peach); 532 | 533 | /* Segmented control */ 534 | --btn-group-bg: var(--ctp-mocha-base); 535 | 536 | /* Result items */ 537 | --result-item-title-border: rgba(var(--ctp-mocha-text-raw), 0.5); 538 | --result-item-title-border_hover: rgba(var(--ctp-mocha-sky-raw), 0.5); 539 | --search-result-title: var(--ctp-mocha-text); 540 | --search-result-date-bg: rgba(var(--ctp-mocha-surface2-raw), 0.25); 541 | --search-result-date-new-bg: var(--ctp-mocha-surface2); 542 | --search-result-date-new: var(--ctp-mocha-text); 543 | --inline-header-title: var(--ctp-mocha-text); 544 | --inline-widget-bg: var(--ctp-mocha-surface0); 545 | --inline-header-border: rgba(var(--ctp-mocha-text-raw), 0.5); 546 | --inline-domain-tag-bg: rgba(var(--ctp-mocha-surface2-raw), 0.25); 547 | --related-item-bg: var(--ctp-mocha-mantle); 548 | 549 | /* Auto suggestions in footer */ 550 | --auto-sugg-bg_hover: rgba(var(--ctp-mocha-crust-raw), 0.5); 551 | 552 | /* Videos. */ 553 | --video-item-bg: var(--ctp-mocha-crust); 554 | 555 | /* Wikipedia box. */ 556 | --wiki-title: var(--ctp-mocha-text); 557 | --wiki-content-links: var(--ctp-mocha-text); 558 | 559 | /* Codeblocks */ 560 | --code-bg: var(--ctp-mocha-mantle); 561 | --code-border: var(--ctp-mocha-surface1); 562 | --code-k: var(--ctp-mocha-red); 563 | --code-s: var(--ctp-mocha-green); 564 | --code-cm-c1: var(--ctp-mocha-peach); 565 | --code-n: var(--ctp-mocha-maroon); 566 | --code-p: var(--ctp-mocha-overlay2); 567 | 568 | /* Navigation lines */ 569 | --nav_n_im_line: var(--ctp-mocha-blue); 570 | --nav_n_ma_line: var(--ctp-mocha-green); 571 | --nav_n_ne_line: var(--ctp-mocha-mauve); 572 | --nav_n_se_line: var(--ctp-mocha-yellow); 573 | --nav_n_vi_line: var(--ctp-mocha-red); 574 | 575 | --domain-rank-icon-color-scam: var(--ctp-mocha-red); 576 | --domain-rank-icon-color-trackers: var(--ctp-mocha-peach); 577 | } 578 | 579 | .theme_dark .k_ui_toggle_switch { 580 | --active-bg-color: var(--ctp-mocha-green); 581 | } 582 | 583 | .theme_dark .widget_codeblock .nb { 584 | color: var(--ctp-mocha-text); 585 | } 586 | 587 | .theme_light { 588 | /* Design system */ 589 | --background-color: var(--ctp-latte-base); 590 | --background-color-dim_3: rgba(var(--ctp-latte-base-raw), 0.3); 591 | --background-color_opac: rgba(var(--ctp-latte-base-raw), 0); 592 | --color-search-input-opac: rgba(var(--ctp-latte-base-raw), 0); 593 | --page-text-color: var(--ctp-latte-text); 594 | --kagi-accent: var(--ctp-latte-crust); 595 | --color-primary: var(--ctp-latte-text); 596 | 597 | --color-primary-dim_1: rgba(var(--ctp-latte-text-raw), 0.1); 598 | --color-primary-dim_2: rgba(var(--ctp-latte-text-raw), 0.2); 599 | --color-primary-dim_25: rgba(var(--ctp-latte-text-raw), 0.25); 600 | --color-primary-dim_3: rgba(var(--ctp-latte-text-raw), 0.3); 601 | --color-primary-dim_4: rgba(var(--ctp-latte-text-raw), 0.4); 602 | --color-primary-dim_5: rgba(var(--ctp-latte-text-raw), 0.5); 603 | --color-primary-dim_6: rgba(var(--ctp-latte-text-raw), 0.6); 604 | --color-primary-dim_7: rgba(var(--ctp-latte-text-raw), 0.7); 605 | --color-primary-dim_8: rgba(var(--ctp-latte-text-raw), 0.8); 606 | --color-primary-dim_9: rgba(var(--ctp-latte-text-raw), 0.9); 607 | --search-result-content-text: var(--color-primary-dim_7); 608 | --color-secondary: rgb(var(--ctp-latte-mantle-raw)); 609 | --color-secondary-dim_1: rgba(var(--ctp-latte-mantle-raw), 0.1); 610 | --color-secondary-dim_2: rgba(var(--ctp-latte-mantle-raw), 0.2); 611 | --color-secondary-dim_4: rgba(var(--ctp-latte-mantle-raw), 0.4); 612 | --color-secondary-dim_5: rgba(var(--ctp-latte-mantle-raw), 0.5); 613 | --color-secondary-dim_6: rgba(var(--ctp-latte-mantle-raw), 0.6); 614 | --color-secondary-dim_7: rgba(var(--ctp-latte-mantle-raw), 0.7); 615 | --color-secondary-dim_8: rgba(var(--ctp-latte-mantle-raw), 0.8); 616 | --color-secondary-dim_9: rgba(var(--ctp-latte-mantle-raw), 0.9); 617 | 618 | --color_link: var(--ctp-latte-blue); 619 | --color-primary_hover: var(--ctp-latte-sky); 620 | --color-primary_visited: var(--ctp-latte-lavender); 621 | --input-bg: var(--kagi-accent); 622 | --resultsummary-highlight: var(--ctp-latte-sapphire); 623 | 624 | /* Color of dog logo on "not found" page */ 625 | --doggo-color-1: var(--ctp-latte-subtext1); 626 | 627 | /* Background of dog logo at the top left */ 628 | --doggo-bg-color: var(--ctp-latte-surface0); 629 | 630 | /* Seems to be related to `example_results_buttons` but I'm not sure how to display them... */ 631 | /* --tabs-round-bg: #1d1f29; */ 632 | --tabs-round-active-bg: rgba(var(--ctp-latte-surface2-raw), 0.25); 633 | 634 | /* Header. */ 635 | --header-bg: var(--ctp-latte-mantle); 636 | --header-bg-opac: rgba(var(--ctp-latte-mantle-raw), 0); 637 | --header-border: var(--ctp-latte-subtext0); 638 | 639 | /* Footer */ 640 | --footer-bg: var(--ctp-latte-mantle); 641 | 642 | /* "Control Center" dropdowns...? (unchanged for now) */ 643 | --control-center-dd-bg: #161820; 644 | --control-center-dd-bg_hover: #161820; 645 | --control-center-dd-list: #161820; 646 | --control-center-dd-list-bg_hover: #1d1f29; 647 | --control-center-dd-border: #43465b; 648 | 649 | /* Control Center general */ 650 | --control-center-bg: var(--ctp-latte-mantle); 651 | 652 | /* Dropdown items */ 653 | --dd-hover-bg: var(--ctp-latte-crust); 654 | --dd-list-input-bg: var(--ctp-latte-mantle); 655 | --not-found-bubble-bg: var(--color-secondary); 656 | 657 | /* HTTPS label inside the "shield" popup */ 658 | --ranked-box-connection-secure: var(--ctp-latte-green); 659 | --ranked-box-connection-insecure: var(--ctp-latte-peach); 660 | 661 | /* Segmented control */ 662 | --btn-group-bg: var(--ctp-latte-base); 663 | 664 | /* Result items */ 665 | --result-item-title-border: rgba(var(--ctp-latte-text-raw), 0.5); 666 | --result-item-title-border_hover: rgba(var(--ctp-latte-sky-raw), 0.5); 667 | --search-result-title: var(--ctp-latte-text); 668 | --search-result-date-bg: rgba(var(--ctp-latte-surface2-raw), 0.25); 669 | --search-result-date-new-bg: var(--ctp-latte-surface2); 670 | --search-result-date-new: var(--ctp-latte-text); 671 | --inline-header-title: var(--ctp-latte-text); 672 | --inline-widget-bg: var(--ctp-latte-surface0); 673 | --inline-header-border: rgba(var(--ctp-latte-text-raw), 0.5); 674 | --inline-domain-tag-bg: rgba(var(--ctp-latte-surface2-raw), 0.25); 675 | --related-item-bg: var(--ctp-latte-mantle); 676 | 677 | /* Auto suggestions in footer */ 678 | --auto-sugg-bg_hover: rgba(var(--ctp-latte-crust-raw), 0.5); 679 | 680 | /* Videos. */ 681 | --video-item-bg: var(--ctp-latte-crust); 682 | 683 | /* Wikipedia box. */ 684 | --wiki-title: var(--ctp-latte-text); 685 | --wiki-content-links: var(--ctp-latte-text); 686 | 687 | /* Codeblocks */ 688 | --code-bg: var(--ctp-latte-mantle); 689 | --code-border: var(--ctp-latte-surface1); 690 | --code-k: var(--ctp-latte-red); 691 | --code-s: var(--ctp-latte-green); 692 | --code-cm-c1: var(--ctp-latte-peach); 693 | --code-n: var(--ctp-latte-maroon); 694 | --code-p: var(--ctp-latte-overlay2); 695 | 696 | /* Navigation lines */ 697 | --nav_n_im_line: var(--ctp-latte-blue); 698 | --nav_n_ma_line: var(--ctp-latte-green); 699 | --nav_n_ne_line: var(--ctp-latte-mauve); 700 | --nav_n_se_line: var(--ctp-latte-yellow); 701 | --nav_n_vi_line: var(--ctp-latte-red); 702 | 703 | --domain-rank-icon-color-scam: var(--ctp-latte-red); 704 | --domain-rank-icon-color-trackers: var(--ctp-latte-peach); 705 | } 706 | 707 | .theme_light .k_ui_toggle_switch { 708 | --active-bg-color: var(--ctp-latte-green); 709 | } 710 | 711 | .theme_light .widget_codeblock .nb { 712 | color: var(--ctp-latte-text); 713 | } 714 | } 715 | --------------------------------------------------------------------------------