'+ escapeHtml(title) + '
' + escapeHtml(summary) +'
diff --git a/docs/assets/avatar.png b/docs/assets/avatar.png new file mode 100644 index 0000000..f97cf6f Binary files /dev/null and b/docs/assets/avatar.png differ diff --git a/docs/assets/background.png b/docs/assets/background.png new file mode 100644 index 0000000..1b06c76 Binary files /dev/null and b/docs/assets/background.png differ diff --git a/docs/assets/favicon.png b/docs/assets/favicon.png new file mode 100644 index 0000000..ae29c56 Binary files /dev/null and b/docs/assets/favicon.png differ diff --git a/docs/branding/Landing.afpalette b/docs/branding/Landing.afpalette new file mode 100644 index 0000000..4647767 Binary files /dev/null and b/docs/branding/Landing.afpalette differ diff --git a/docs/branding/dark/favicon-mono.png b/docs/branding/dark/favicon-mono.png new file mode 100644 index 0000000..1397727 Binary files /dev/null and b/docs/branding/dark/favicon-mono.png differ diff --git a/docs/branding/dark/favicon-mono.svg b/docs/branding/dark/favicon-mono.svg new file mode 100644 index 0000000..eea922b --- /dev/null +++ b/docs/branding/dark/favicon-mono.svg @@ -0,0 +1,12 @@ + + + diff --git a/docs/branding/dark/favicon-mono@2x.png b/docs/branding/dark/favicon-mono@2x.png new file mode 100644 index 0000000..b88ea67 Binary files /dev/null and b/docs/branding/dark/favicon-mono@2x.png differ diff --git a/docs/branding/dark/favicon.png b/docs/branding/dark/favicon.png new file mode 100644 index 0000000..b3c6d3f Binary files /dev/null and b/docs/branding/dark/favicon.png differ diff --git a/docs/branding/dark/favicon.svg b/docs/branding/dark/favicon.svg new file mode 100644 index 0000000..1582c2c --- /dev/null +++ b/docs/branding/dark/favicon.svg @@ -0,0 +1,15 @@ + + + diff --git a/docs/branding/dark/favicon@2x.png b/docs/branding/dark/favicon@2x.png new file mode 100644 index 0000000..ddb6f31 Binary files /dev/null and b/docs/branding/dark/favicon@2x.png differ diff --git a/docs/branding/dark/logo-mono.png b/docs/branding/dark/logo-mono.png new file mode 100644 index 0000000..c49f16e Binary files /dev/null and b/docs/branding/dark/logo-mono.png differ diff --git a/docs/branding/dark/logo-mono.svg b/docs/branding/dark/logo-mono.svg new file mode 100644 index 0000000..5adcd1b --- /dev/null +++ b/docs/branding/dark/logo-mono.svg @@ -0,0 +1,41 @@ + + + diff --git a/docs/branding/dark/logo-mono@2x.png b/docs/branding/dark/logo-mono@2x.png new file mode 100644 index 0000000..f8279a5 Binary files /dev/null and b/docs/branding/dark/logo-mono@2x.png differ diff --git a/docs/branding/dark/logo.png b/docs/branding/dark/logo.png new file mode 100644 index 0000000..c513cf0 Binary files /dev/null and b/docs/branding/dark/logo.png differ diff --git a/docs/branding/dark/logo.svg b/docs/branding/dark/logo.svg new file mode 100644 index 0000000..29b769a --- /dev/null +++ b/docs/branding/dark/logo.svg @@ -0,0 +1,41 @@ + + + diff --git a/docs/branding/dark/logo@2x.png b/docs/branding/dark/logo@2x.png new file mode 100644 index 0000000..5daa759 Binary files /dev/null and b/docs/branding/dark/logo@2x.png differ diff --git a/docs/branding/dark/logotext-mono.png b/docs/branding/dark/logotext-mono.png new file mode 100644 index 0000000..5507b9f Binary files /dev/null and b/docs/branding/dark/logotext-mono.png differ diff --git a/docs/branding/dark/logotext-mono.svg b/docs/branding/dark/logotext-mono.svg new file mode 100644 index 0000000..4c9d4b9 --- /dev/null +++ b/docs/branding/dark/logotext-mono.svg @@ -0,0 +1,47 @@ + + + diff --git a/docs/branding/dark/logotext-mono@2x.png b/docs/branding/dark/logotext-mono@2x.png new file mode 100644 index 0000000..ac33e6a Binary files /dev/null and b/docs/branding/dark/logotext-mono@2x.png differ diff --git a/docs/branding/dark/logotext.png b/docs/branding/dark/logotext.png new file mode 100644 index 0000000..c556e0d Binary files /dev/null and b/docs/branding/dark/logotext.png differ diff --git a/docs/branding/dark/logotext.svg b/docs/branding/dark/logotext.svg new file mode 100644 index 0000000..b6a5a8e --- /dev/null +++ b/docs/branding/dark/logotext.svg @@ -0,0 +1,47 @@ + + + diff --git a/docs/branding/dark/logotext@2x.png b/docs/branding/dark/logotext@2x.png new file mode 100644 index 0000000..c3a8abd Binary files /dev/null and b/docs/branding/dark/logotext@2x.png differ diff --git a/docs/branding/favicon-mono.png b/docs/branding/favicon-mono.png new file mode 100644 index 0000000..ba5b523 Binary files /dev/null and b/docs/branding/favicon-mono.png differ diff --git a/docs/branding/favicon-mono.svg b/docs/branding/favicon-mono.svg new file mode 100644 index 0000000..d37e8c9 --- /dev/null +++ b/docs/branding/favicon-mono.svg @@ -0,0 +1,15 @@ + + + diff --git a/docs/branding/favicon-mono@2x.png b/docs/branding/favicon-mono@2x.png new file mode 100644 index 0000000..e36f45b Binary files /dev/null and b/docs/branding/favicon-mono@2x.png differ diff --git a/docs/branding/favicon.png b/docs/branding/favicon.png new file mode 100644 index 0000000..a3551ec Binary files /dev/null and b/docs/branding/favicon.png differ diff --git a/docs/branding/favicon.svg b/docs/branding/favicon.svg new file mode 100644 index 0000000..3c4cff3 --- /dev/null +++ b/docs/branding/favicon.svg @@ -0,0 +1,13 @@ + + + diff --git a/docs/branding/favicon@2x.png b/docs/branding/favicon@2x.png new file mode 100644 index 0000000..b7a9f4d Binary files /dev/null and b/docs/branding/favicon@2x.png differ diff --git a/docs/branding/logo-mono.png b/docs/branding/logo-mono.png new file mode 100644 index 0000000..c88d196 Binary files /dev/null and b/docs/branding/logo-mono.png differ diff --git a/docs/branding/logo-mono.svg b/docs/branding/logo-mono.svg new file mode 100644 index 0000000..2c1e37f --- /dev/null +++ b/docs/branding/logo-mono.svg @@ -0,0 +1,41 @@ + + + diff --git a/docs/branding/logo-mono@2x.png b/docs/branding/logo-mono@2x.png new file mode 100644 index 0000000..44ffb73 Binary files /dev/null and b/docs/branding/logo-mono@2x.png differ diff --git a/docs/branding/logo.png b/docs/branding/logo.png new file mode 100644 index 0000000..700c661 Binary files /dev/null and b/docs/branding/logo.png differ diff --git a/docs/branding/logo.svg b/docs/branding/logo.svg new file mode 100644 index 0000000..887677a --- /dev/null +++ b/docs/branding/logo.svg @@ -0,0 +1,41 @@ + + + diff --git a/docs/branding/logo@2x.png b/docs/branding/logo@2x.png new file mode 100644 index 0000000..c8087c3 Binary files /dev/null and b/docs/branding/logo@2x.png differ diff --git a/docs/branding/logos.afdesign b/docs/branding/logos.afdesign new file mode 100644 index 0000000..81573fd Binary files /dev/null and b/docs/branding/logos.afdesign differ diff --git a/docs/branding/logotext-mono.png b/docs/branding/logotext-mono.png new file mode 100644 index 0000000..1cfe8e0 Binary files /dev/null and b/docs/branding/logotext-mono.png differ diff --git a/docs/branding/logotext-mono.svg b/docs/branding/logotext-mono.svg new file mode 100644 index 0000000..bab853b --- /dev/null +++ b/docs/branding/logotext-mono.svg @@ -0,0 +1,47 @@ + + + diff --git a/docs/branding/logotext-mono@2x.png b/docs/branding/logotext-mono@2x.png new file mode 100644 index 0000000..e4710df Binary files /dev/null and b/docs/branding/logotext-mono@2x.png differ diff --git a/docs/branding/logotext.png b/docs/branding/logotext.png new file mode 100644 index 0000000..12bed19 Binary files /dev/null and b/docs/branding/logotext.png differ diff --git a/docs/branding/logotext.svg b/docs/branding/logotext.svg new file mode 100644 index 0000000..1132d4d --- /dev/null +++ b/docs/branding/logotext.svg @@ -0,0 +1,47 @@ + + + diff --git a/docs/branding/logotext@2x.png b/docs/branding/logotext@2x.png new file mode 100644 index 0000000..01d713a Binary files /dev/null and b/docs/branding/logotext@2x.png differ diff --git a/docs/configuration/index.html b/docs/configuration/index.html new file mode 100644 index 0000000..ff210c3 --- /dev/null +++ b/docs/configuration/index.html @@ -0,0 +1,232 @@ + + + +
+favicon
Image in the browser tab, should be a path to an image file, ideally a 16x16px .png file.
+avatar
Image of yourself, this will appear in the heading of the main page.
+footer
Markdown content to include in the page footer
+socials
List of social links to include, should be in the format:
+- label: <text to display if the icon doesn't load>
+ link: <url to link to when clicked>
+ icon: <name of the icon to use, from fontawesome>
+
+All of the free fontawesome icons are supported, you can also use ["brands", <icon name>]
to use a brand logo instead (such as GitHub, Facebook, BlueSky, etc.)
header_layout
This defines the order in which elements in the header are laid out. Elements available are:
+You can also include a blank element to put an empty div tag to fill a slot
+background
Background for the whole page, this will be behind the content box. Syntax is the same as the CSS background
property.
background_color
Color override for background
. Whatever value is in here will be used for the CSS background-color
property (which overrides any color set in background
)
background_image
Image override for background
. Whatever value is in here will be used for the CSS background-image
property (which overrides any color set in background
). Unlike background
, you do not need to include the url(...)
wrapper - just a file path will suffice.
content_box_opacity
The box containing your site content will be your base color, this parameter controls how opaque it is over the background.
+content_box_padding
The distance between the horizontal edges of your content and the edges of the content box.
+avatar_size
The width of the avatar, default is 8rem.
+round_avatar
If True, then the avatar will be cropped into a circle.
+border_left
/ border_right
The border on either side of the content box (defined using the same syntax as in border-left
/border-right
in CSS)
The theme has an attribute colors
, which has the following sub-attributes.
These are the colors which define your theme, ordered by importance.
+primary
The first scheme color, this will be used for the footer and the tagline.
+secondary
The second scheme color, this will be used for links.
+tertiary
The third scheme color, this will be used for links when hovered.
+Various shades of white to use for backgrounds
+base
The base color, the background of the content box.
+mantle
Slightly darker than the base color, used for subtle highlights
+crust
Slighter darker than the mantle color, used for second-level highlights
+overlay
Significantly darker than the crust color, used for subtle outlines which need to stand out
+text
Basic text color
+hltext
Basic text color for display against dark backgrounds
+Each of the colors above has a matching parameter which is its name followed by _text
(e.g. primary_text
rather than primary
), which defines the color for text when against that background color. These default to being either text
or hltext
, with the following defaults:
To define the colors which are used in darkmode, use colors_dark
in place of colors
. Other names are all the same.
The theme has an attribtue fonts
, which has the following sub-attributes. Each of these can be the name of any font from Google Fonts
heading
Font to use for headings, default is Poppins
+body
Font to use for most text, default is Hind
+mono
Monospace font to use for code, default is JetBrains Mono
+ +Catppuccin is a community-driven pastel theme that aims to be the middle ground between low and high contrast themes. It consists of 4 soothing warm flavors with 26 eye-candy colors each, perfect for coding, designing, and much more! In addition, this repository tracks the development of the actual color palette, the project's documentation, organization-wide assets, resources and code samples for maintainers/developers.
+Catppuccin consists of 4 beautiful pastel color palettes, named flavors. All the details can be found below.
+If you want to use them for your own project, refer to our style guide for general use cases and guidelines. Additionally, you can find integrations with popular frameworks and tools in catppuccin/palette.
Already have a project making use of our palette? Don't forget to add it to +our showcase section below!
++ | Labels | +Hex | +RGB | +HSL | +
---|---|---|---|---|
+ | Rosewater | +#dc8a78 |
+ rgb(220, 138, 120) |
+ hsl(11, 59%, 67%) |
+
+ | Flamingo | +#dd7878 |
+ rgb(221, 120, 120) |
+ hsl(0, 60%, 67%) |
+
+ | Pink | +#ea76cb |
+ rgb(234, 118, 203) |
+ hsl(316, 73%, 69%) |
+
+ | Mauve | +#8839ef |
+ rgb(136, 57, 239) |
+ hsl(266, 85%, 58%) |
+
+ | Red | +#d20f39 |
+ rgb(210, 15, 57) |
+ hsl(347, 87%, 44%) |
+
+ | Maroon | +#e64553 |
+ rgb(230, 69, 83) |
+ hsl(355, 76%, 59%) |
+
+ | Peach | +#fe640b |
+ rgb(254, 100, 11) |
+ hsl(22, 99%, 52%) |
+
+ | Yellow | +#df8e1d |
+ rgb(223, 142, 29) |
+ hsl(35, 77%, 49%) |
+
+ | Green | +#40a02b |
+ rgb(64, 160, 43) |
+ hsl(109, 58%, 40%) |
+
+ | Teal | +#179299 |
+ rgb(23, 146, 153) |
+ hsl(183, 74%, 35%) |
+
+ | Sky | +#04a5e5 |
+ rgb(4, 165, 229) |
+ hsl(197, 97%, 46%) |
+
+ | Sapphire | +#209fb5 |
+ rgb(32, 159, 181) |
+ hsl(189, 70%, 42%) |
+
+ | Blue | +#1e66f5 |
+ rgb(30, 102, 245) |
+ hsl(220, 91%, 54%) |
+
+ | Lavender | +#7287fd |
+ rgb(114, 135, 253) |
+ hsl(231, 97%, 72%) |
+
+ | Text | +#4c4f69 |
+ rgb(76, 79, 105) |
+ hsl(234, 16%, 35%) |
+
+ | Subtext1 | +#5c5f77 |
+ rgb(92, 95, 119) |
+ hsl(233, 13%, 41%) |
+
+ | Subtext0 | +#6c6f85 |
+ rgb(108, 111, 133) |
+ hsl(233, 10%, 47%) |
+
+ | Overlay2 | +#7c7f93 |
+ rgb(124, 127, 147) |
+ hsl(232, 10%, 53%) |
+
+ | Overlay1 | +#8c8fa1 |
+ rgb(140, 143, 161) |
+ hsl(231, 10%, 59%) |
+
+ | Overlay0 | +#9ca0b0 |
+ rgb(156, 160, 176) |
+ hsl(228, 11%, 65%) |
+
+ | Surface2 | +#acb0be |
+ rgb(172, 176, 190) |
+ hsl(227, 12%, 71%) |
+
+ | Surface1 | +#bcc0cc |
+ rgb(188, 192, 204) |
+ hsl(225, 14%, 77%) |
+
+ | Surface0 | +#ccd0da |
+ rgb(204, 208, 218) |
+ hsl(223, 16%, 83%) |
+
+ | Base | +#eff1f5 |
+ rgb(239, 241, 245) |
+ hsl(220, 23%, 95%) |
+
+ | Mantle | +#e6e9ef |
+ rgb(230, 233, 239) |
+ hsl(220, 22%, 92%) |
+
+ | Crust | +#dce0e8 |
+ rgb(220, 224, 232) |
+ hsl(220, 21%, 89%) |
+
+ | Labels | +Hex | +RGB | +HSL | +
---|---|---|---|---|
+ | Rosewater | +#f2d5cf |
+ rgb(242, 213, 207) |
+ hsl(10, 57%, 88%) |
+
+ | Flamingo | +#eebebe |
+ rgb(238, 190, 190) |
+ hsl(0, 59%, 84%) |
+
+ | Pink | +#f4b8e4 |
+ rgb(244, 184, 228) |
+ hsl(316, 73%, 84%) |
+
+ | Mauve | +#ca9ee6 |
+ rgb(202, 158, 230) |
+ hsl(277, 59%, 76%) |
+
+ | Red | +#e78284 |
+ rgb(231, 130, 132) |
+ hsl(359, 68%, 71%) |
+
+ | Maroon | +#ea999c |
+ rgb(234, 153, 156) |
+ hsl(358, 66%, 76%) |
+
+ | Peach | +#ef9f76 |
+ rgb(239, 159, 118) |
+ hsl(20, 79%, 70%) |
+
+ | Yellow | +#e5c890 |
+ rgb(229, 200, 144) |
+ hsl(40, 62%, 73%) |
+
+ | Green | +#a6d189 |
+ rgb(166, 209, 137) |
+ hsl(96, 44%, 68%) |
+
+ | Teal | +#81c8be |
+ rgb(129, 200, 190) |
+ hsl(172, 39%, 65%) |
+
+ | Sky | +#99d1db |
+ rgb(153, 209, 219) |
+ hsl(189, 48%, 73%) |
+
+ | Sapphire | +#85c1dc |
+ rgb(133, 193, 220) |
+ hsl(199, 55%, 69%) |
+
+ | Blue | +#8caaee |
+ rgb(140, 170, 238) |
+ hsl(222, 74%, 74%) |
+
+ | Lavender | +#babbf1 |
+ rgb(186, 187, 241) |
+ hsl(239, 66%, 84%) |
+
+ | Text | +#c6d0f5 |
+ rgb(198, 208, 245) |
+ hsl(227, 70%, 87%) |
+
+ | Subtext1 | +#b5bfe2 |
+ rgb(181, 191, 226) |
+ hsl(227, 44%, 80%) |
+
+ | Subtext0 | +#a5adce |
+ rgb(165, 173, 206) |
+ hsl(228, 29%, 73%) |
+
+ | Overlay2 | +#949cbb |
+ rgb(148, 156, 187) |
+ hsl(228, 22%, 66%) |
+
+ | Overlay1 | +#838ba7 |
+ rgb(131, 139, 167) |
+ hsl(227, 17%, 58%) |
+
+ | Overlay0 | +#737994 |
+ rgb(115, 121, 148) |
+ hsl(229, 13%, 52%) |
+
+ | Surface2 | +#626880 |
+ rgb(98, 104, 128) |
+ hsl(228, 13%, 44%) |
+
+ | Surface1 | +#51576d |
+ rgb(81, 87, 109) |
+ hsl(227, 15%, 37%) |
+
+ | Surface0 | +#414559 |
+ rgb(65, 69, 89) |
+ hsl(230, 16%, 30%) |
+
+ | Base | +#303446 |
+ rgb(48, 52, 70) |
+ hsl(229, 19%, 23%) |
+
+ | Mantle | +#292c3c |
+ rgb(41, 44, 60) |
+ hsl(231, 19%, 20%) |
+
+ | Crust | +#232634 |
+ rgb(35, 38, 52) |
+ hsl(229, 20%, 17%) |
+
+ | Labels | +Hex | +RGB | +HSL | +
---|---|---|---|---|
+ | Rosewater | +#f4dbd6 |
+ rgb(244, 219, 214) |
+ hsl(10, 58%, 90%) |
+
+ | Flamingo | +#f0c6c6 |
+ rgb(240, 198, 198) |
+ hsl(0, 58%, 86%) |
+
+ | Pink | +#f5bde6 |
+ rgb(245, 189, 230) |
+ hsl(316, 74%, 85%) |
+
+ | Mauve | +#c6a0f6 |
+ rgb(198, 160, 246) |
+ hsl(267, 83%, 80%) |
+
+ | Red | +#ed8796 |
+ rgb(237, 135, 150) |
+ hsl(351, 74%, 73%) |
+
+ | Maroon | +#ee99a0 |
+ rgb(238, 153, 160) |
+ hsl(355, 71%, 77%) |
+
+ | Peach | +#f5a97f |
+ rgb(245, 169, 127) |
+ hsl(21, 86%, 73%) |
+
+ | Yellow | +#eed49f |
+ rgb(238, 212, 159) |
+ hsl(40, 70%, 78%) |
+
+ | Green | +#a6da95 |
+ rgb(166, 218, 149) |
+ hsl(105, 48%, 72%) |
+
+ | Teal | +#8bd5ca |
+ rgb(139, 213, 202) |
+ hsl(171, 47%, 69%) |
+
+ | Sky | +#91d7e3 |
+ rgb(145, 215, 227) |
+ hsl(189, 59%, 73%) |
+
+ | Sapphire | +#7dc4e4 |
+ rgb(125, 196, 228) |
+ hsl(199, 66%, 69%) |
+
+ | Blue | +#8aadf4 |
+ rgb(138, 173, 244) |
+ hsl(220, 83%, 75%) |
+
+ | Lavender | +#b7bdf8 |
+ rgb(183, 189, 248) |
+ hsl(234, 82%, 85%) |
+
+ | Text | +#cad3f5 |
+ rgb(202, 211, 245) |
+ hsl(227, 68%, 88%) |
+
+ | Subtext1 | +#b8c0e0 |
+ rgb(184, 192, 224) |
+ hsl(228, 39%, 80%) |
+
+ | Subtext0 | +#a5adcb |
+ rgb(165, 173, 203) |
+ hsl(227, 27%, 72%) |
+
+ | Overlay2 | +#939ab7 |
+ rgb(147, 154, 183) |
+ hsl(228, 20%, 65%) |
+
+ | Overlay1 | +#8087a2 |
+ rgb(128, 135, 162) |
+ hsl(228, 15%, 57%) |
+
+ | Overlay0 | +#6e738d |
+ rgb(110, 115, 141) |
+ hsl(230, 12%, 49%) |
+
+ | Surface2 | +#5b6078 |
+ rgb(91, 96, 120) |
+ hsl(230, 14%, 41%) |
+
+ | Surface1 | +#494d64 |
+ rgb(73, 77, 100) |
+ hsl(231, 16%, 34%) |
+
+ | Surface0 | +#363a4f |
+ rgb(54, 58, 79) |
+ hsl(230, 19%, 26%) |
+
+ | Base | +#24273a |
+ rgb(36, 39, 58) |
+ hsl(232, 23%, 18%) |
+
+ | Mantle | +#1e2030 |
+ rgb(30, 32, 48) |
+ hsl(233, 23%, 15%) |
+
+ | Crust | +#181926 |
+ rgb(24, 25, 38) |
+ hsl(236, 23%, 12%) |
+
+ | Labels | +Hex | +RGB | +HSL | +
---|---|---|---|---|
+ | Rosewater | +#f5e0dc |
+ rgb(245, 224, 220) |
+ hsl(10, 56%, 91%) |
+
+ | Flamingo | +#f2cdcd |
+ rgb(242, 205, 205) |
+ hsl(0, 59%, 88%) |
+
+ | Pink | +#f5c2e7 |
+ rgb(245, 194, 231) |
+ hsl(316, 72%, 86%) |
+
+ | Mauve | +#cba6f7 |
+ rgb(203, 166, 247) |
+ hsl(267, 84%, 81%) |
+
+ | Red | +#f38ba8 |
+ rgb(243, 139, 168) |
+ hsl(343, 81%, 75%) |
+
+ | Maroon | +#eba0ac |
+ rgb(235, 160, 172) |
+ hsl(350, 65%, 77%) |
+
+ | Peach | +#fab387 |
+ rgb(250, 179, 135) |
+ hsl(23, 92%, 75%) |
+
+ | Yellow | +#f9e2af |
+ rgb(249, 226, 175) |
+ hsl(41, 86%, 83%) |
+
+ | Green | +#a6e3a1 |
+ rgb(166, 227, 161) |
+ hsl(115, 54%, 76%) |
+
+ | Teal | +#94e2d5 |
+ rgb(148, 226, 213) |
+ hsl(170, 57%, 73%) |
+
+ | Sky | +#89dceb |
+ rgb(137, 220, 235) |
+ hsl(189, 71%, 73%) |
+
+ | Sapphire | +#74c7ec |
+ rgb(116, 199, 236) |
+ hsl(199, 76%, 69%) |
+
+ | Blue | +#89b4fa |
+ rgb(137, 180, 250) |
+ hsl(217, 92%, 76%) |
+
+ | Lavender | +#b4befe |
+ rgb(180, 190, 254) |
+ hsl(232, 97%, 85%) |
+
+ | Text | +#cdd6f4 |
+ rgb(205, 214, 244) |
+ hsl(226, 64%, 88%) |
+
+ | Subtext1 | +#bac2de |
+ rgb(186, 194, 222) |
+ hsl(227, 35%, 80%) |
+
+ | Subtext0 | +#a6adc8 |
+ rgb(166, 173, 200) |
+ hsl(228, 24%, 72%) |
+
+ | Overlay2 | +#9399b2 |
+ rgb(147, 153, 178) |
+ hsl(228, 17%, 64%) |
+
+ | Overlay1 | +#7f849c |
+ rgb(127, 132, 156) |
+ hsl(230, 13%, 55%) |
+
+ | Overlay0 | +#6c7086 |
+ rgb(108, 112, 134) |
+ hsl(231, 11%, 47%) |
+
+ | Surface2 | +#585b70 |
+ rgb(88, 91, 112) |
+ hsl(233, 12%, 39%) |
+
+ | Surface1 | +#45475a |
+ rgb(69, 71, 90) |
+ hsl(234, 13%, 31%) |
+
+ | Surface0 | +#313244 |
+ rgb(49, 50, 68) |
+ hsl(237, 16%, 23%) |
+
+ | Base | +#1e1e2e |
+ rgb(30, 30, 46) |
+ hsl(240, 21%, 15%) |
+
+ | Mantle | +#181825 |
+ rgb(24, 24, 37) |
+ hsl(240, 21%, 12%) |
+
+ | Crust | +#11111b |
+ rgb(17, 17, 27) |
+ hsl(240, 23%, 9%) |
+
++[!NOTE]
+
+if you would like to submit a port or learn how to port Catppuccin to a program, please refer to +the port-creation.md
See CONTRIBUTING.md
+Catppuccin is available for various apps and in different formats. Here is a list of them:
+Catppuccin is released under the MIT license, which grants the following permissions:
+For more convoluted language, see the LICENSE.
+Thanks to the following tools developing this project is possible:
+' + escapeHtml(summary) +'
' + noResultsText + '
'); + } +} + +function doSearch () { + var query = document.getElementById('mkdocs-search-query').value; + if (query.length > min_search_length) { + if (!window.Worker) { + displayResults(search(query)); + } else { + searchWorker.postMessage({query: query}); + } + } else { + // Clear results for short queries + displayResults([]); + } +} + +function initSearch () { + var search_input = document.getElementById('mkdocs-search-query'); + if (search_input) { + search_input.addEventListener("keyup", doSearch); + } + var term = getSearchTermFromLocation(); + if (term) { + search_input.value = term; + doSearch(); + } +} + +function onWorkerMessage (e) { + if (e.data.allowSearch) { + initSearch(); + } else if (e.data.results) { + var results = e.data.results; + displayResults(results); + } else if (e.data.config) { + min_search_length = e.data.config.min_search_length-1; + } +} + +if (!window.Worker) { + console.log('Web Worker API not supported'); + // load index in main thread + $.getScript(joinUrl(base_url, "search/worker.js")).done(function () { + console.log('Loaded worker'); + init(); + window.postMessage = function (msg) { + onWorkerMessage({data: msg}); + }; + }).fail(function (jqxhr, settings, exception) { + console.error('Could not load worker.js'); + }); +} else { + // Wrap search in a web worker + var searchWorker = new Worker(joinUrl(base_url, "search/worker.js")); + searchWorker.postMessage({init: true}); + searchWorker.onmessage = onWorkerMessage; +} diff --git a/docs/gallery/catppuccin/search/search_index.json b/docs/gallery/catppuccin/search/search_index.json new file mode 100644 index 0000000..6411f5b --- /dev/null +++ b/docs/gallery/catppuccin/search/search_index.json @@ -0,0 +1 @@ +{"config":{"indexing":"full","lang":["en"],"min_search_length":3,"prebuild_index":false,"separator":"[\\s\\-]+"},"docs":[{"location":"","text":"Catppuccin is a community-driven pastel theme that aims to be the middle ground between low and high contrast themes. It consists of 4 soothing warm flavors with 26 eye-candy colors each, perfect for coding, designing, and much more! In addition, this repository tracks the development of the actual color palette, the project's documentation , organization-wide assets, resources and code samples for maintainers/developers. \ud83e\udde0 Design Philosophy Colorful is better than colorless : the colorfulness of something contributes to the distinction amongst the parts of that something , making it marginally easier to understand how things are structured. There should be balance : not too dull, not too bright. Suitability under various light conditions is a must. Harmony is superior to dissonance : vivacious colors must complement each other. \ud83c\udfa8 Palette Catppuccin consists of 4 beautiful pastel color palettes, named flavors . All the details can be found below. If you want to use them for your own project, refer to our style guide for general use cases and guidelines. Additionally, you can find integrations with popular frameworks and tools in catppuccin/palette . Already have a project making use of our palette? Don't forget to add it to our showcase section below! \ud83c\udf3b Latte Labels Hex RGB HSL Rosewater #dc8a78 rgb(220, 138, 120) hsl(11, 59%, 67%) Flamingo #dd7878 rgb(221, 120, 120) hsl(0, 60%, 67%) Pink #ea76cb rgb(234, 118, 203) hsl(316, 73%, 69%) Mauve #8839ef rgb(136, 57, 239) hsl(266, 85%, 58%) Red #d20f39 rgb(210, 15, 57) hsl(347, 87%, 44%) Maroon #e64553 rgb(230, 69, 83) hsl(355, 76%, 59%) Peach #fe640b rgb(254, 100, 11) hsl(22, 99%, 52%) Yellow #df8e1d rgb(223, 142, 29) hsl(35, 77%, 49%) Green #40a02b rgb(64, 160, 43) hsl(109, 58%, 40%) Teal #179299 rgb(23, 146, 153) hsl(183, 74%, 35%) Sky #04a5e5 rgb(4, 165, 229) hsl(197, 97%, 46%) Sapphire #209fb5 rgb(32, 159, 181) hsl(189, 70%, 42%) Blue #1e66f5 rgb(30, 102, 245) hsl(220, 91%, 54%) Lavender #7287fd rgb(114, 135, 253) hsl(231, 97%, 72%) Text #4c4f69 rgb(76, 79, 105) hsl(234, 16%, 35%) Subtext1 #5c5f77 rgb(92, 95, 119) hsl(233, 13%, 41%) Subtext0 #6c6f85 rgb(108, 111, 133) hsl(233, 10%, 47%) Overlay2 #7c7f93 rgb(124, 127, 147) hsl(232, 10%, 53%) Overlay1 #8c8fa1 rgb(140, 143, 161) hsl(231, 10%, 59%) Overlay0 #9ca0b0 rgb(156, 160, 176) hsl(228, 11%, 65%) Surface2 #acb0be rgb(172, 176, 190) hsl(227, 12%, 71%) Surface1 #bcc0cc rgb(188, 192, 204) hsl(225, 14%, 77%) Surface0 #ccd0da rgb(204, 208, 218) hsl(223, 16%, 83%) Base #eff1f5 rgb(239, 241, 245) hsl(220, 23%, 95%) Mantle #e6e9ef rgb(230, 233, 239) hsl(220, 22%, 92%) Crust #dce0e8 rgb(220, 224, 232) hsl(220, 21%, 89%) \ud83e\udeb4 Frapp\u00e9 Labels Hex RGB HSL Rosewater #f2d5cf rgb(242, 213, 207) hsl(10, 57%, 88%) Flamingo #eebebe rgb(238, 190, 190) hsl(0, 59%, 84%) Pink #f4b8e4 rgb(244, 184, 228) hsl(316, 73%, 84%) Mauve #ca9ee6 rgb(202, 158, 230) hsl(277, 59%, 76%) Red #e78284 rgb(231, 130, 132) hsl(359, 68%, 71%) Maroon #ea999c rgb(234, 153, 156) hsl(358, 66%, 76%) Peach #ef9f76 rgb(239, 159, 118) hsl(20, 79%, 70%) Yellow #e5c890 rgb(229, 200, 144) hsl(40, 62%, 73%) Green #a6d189 rgb(166, 209, 137) hsl(96, 44%, 68%) Teal #81c8be rgb(129, 200, 190) hsl(172, 39%, 65%) Sky #99d1db rgb(153, 209, 219) hsl(189, 48%, 73%) Sapphire #85c1dc rgb(133, 193, 220) hsl(199, 55%, 69%) Blue #8caaee rgb(140, 170, 238) hsl(222, 74%, 74%) Lavender #babbf1 rgb(186, 187, 241) hsl(239, 66%, 84%) Text #c6d0f5 rgb(198, 208, 245) hsl(227, 70%, 87%) Subtext1 #b5bfe2 rgb(181, 191, 226) hsl(227, 44%, 80%) Subtext0 #a5adce rgb(165, 173, 206) hsl(228, 29%, 73%) Overlay2 #949cbb rgb(148, 156, 187) hsl(228, 22%, 66%) Overlay1 #838ba7 rgb(131, 139, 167) hsl(227, 17%, 58%) Overlay0 #737994 rgb(115, 121, 148) hsl(229, 13%, 52%) Surface2 #626880 rgb(98, 104, 128) hsl(228, 13%, 44%) Surface1 #51576d rgb(81, 87, 109) hsl(227, 15%, 37%) Surface0 #414559 rgb(65, 69, 89) hsl(230, 16%, 30%) Base #303446 rgb(48, 52, 70) hsl(229, 19%, 23%) Mantle #292c3c rgb(41, 44, 60) hsl(231, 19%, 20%) Crust #232634 rgb(35, 38, 52) hsl(229, 20%, 17%) \ud83c\udf3a Macchiato Labels Hex RGB HSL Rosewater #f4dbd6 rgb(244, 219, 214) hsl(10, 58%, 90%) Flamingo #f0c6c6 rgb(240, 198, 198) hsl(0, 58%, 86%) Pink #f5bde6 rgb(245, 189, 230) hsl(316, 74%, 85%) Mauve #c6a0f6 rgb(198, 160, 246) hsl(267, 83%, 80%) Red #ed8796 rgb(237, 135, 150) hsl(351, 74%, 73%) Maroon #ee99a0 rgb(238, 153, 160) hsl(355, 71%, 77%) Peach #f5a97f rgb(245, 169, 127) hsl(21, 86%, 73%) Yellow #eed49f rgb(238, 212, 159) hsl(40, 70%, 78%) Green #a6da95 rgb(166, 218, 149) hsl(105, 48%, 72%) Teal #8bd5ca rgb(139, 213, 202) hsl(171, 47%, 69%) Sky #91d7e3 rgb(145, 215, 227) hsl(189, 59%, 73%) Sapphire #7dc4e4 rgb(125, 196, 228) hsl(199, 66%, 69%) Blue #8aadf4 rgb(138, 173, 244) hsl(220, 83%, 75%) Lavender #b7bdf8 rgb(183, 189, 248) hsl(234, 82%, 85%) Text #cad3f5 rgb(202, 211, 245) hsl(227, 68%, 88%) Subtext1 #b8c0e0 rgb(184, 192, 224) hsl(228, 39%, 80%) Subtext0 #a5adcb rgb(165, 173, 203) hsl(227, 27%, 72%) Overlay2 #939ab7 rgb(147, 154, 183) hsl(228, 20%, 65%) Overlay1 #8087a2 rgb(128, 135, 162) hsl(228, 15%, 57%) Overlay0 #6e738d rgb(110, 115, 141) hsl(230, 12%, 49%) Surface2 #5b6078 rgb(91, 96, 120) hsl(230, 14%, 41%) Surface1 #494d64 rgb(73, 77, 100) hsl(231, 16%, 34%) Surface0 #363a4f rgb(54, 58, 79) hsl(230, 19%, 26%) Base #24273a rgb(36, 39, 58) hsl(232, 23%, 18%) Mantle #1e2030 rgb(30, 32, 48) hsl(233, 23%, 15%) Crust #181926 rgb(24, 25, 38) hsl(236, 23%, 12%) \ud83c\udf3f Mocha Labels Hex RGB HSL Rosewater #f5e0dc rgb(245, 224, 220) hsl(10, 56%, 91%) Flamingo #f2cdcd rgb(242, 205, 205) hsl(0, 59%, 88%) Pink #f5c2e7 rgb(245, 194, 231) hsl(316, 72%, 86%) Mauve #cba6f7 rgb(203, 166, 247) hsl(267, 84%, 81%) Red #f38ba8 rgb(243, 139, 168) hsl(343, 81%, 75%) Maroon #eba0ac rgb(235, 160, 172) hsl(350, 65%, 77%) Peach #fab387 rgb(250, 179, 135) hsl(23, 92%, 75%) Yellow #f9e2af rgb(249, 226, 175) hsl(41, 86%, 83%) Green #a6e3a1 rgb(166, 227, 161) hsl(115, 54%, 76%) Teal #94e2d5 rgb(148, 226, 213) hsl(170, 57%, 73%) Sky #89dceb rgb(137, 220, 235) hsl(189, 71%, 73%) Sapphire #74c7ec rgb(116, 199, 236) hsl(199, 76%, 69%) Blue #89b4fa rgb(137, 180, 250) hsl(217, 92%, 76%) Lavender #b4befe rgb(180, 190, 254) hsl(232, 97%, 85%) Text #cdd6f4 rgb(205, 214, 244) hsl(226, 64%, 88%) Subtext1 #bac2de rgb(186, 194, 222) hsl(227, 35%, 80%) Subtext0 #a6adc8 rgb(166, 173, 200) hsl(228, 24%, 72%) Overlay2 #9399b2 rgb(147, 153, 178) hsl(228, 17%, 64%) Overlay1 #7f849c rgb(127, 132, 156) hsl(230, 13%, 55%) Overlay0 #6c7086 rgb(108, 112, 134) hsl(231, 11%, 47%) Surface2 #585b70 rgb(88, 91, 112) hsl(233, 12%, 39%) Surface1 #45475a rgb(69, 71, 90) hsl(234, 13%, 31%) Surface0 #313244 rgb(49, 50, 68) hsl(237, 16%, 23%) Base #1e1e2e rgb(30, 30, 46) hsl(240, 21%, 15%) Mantle #181825 rgb(24, 24, 37) hsl(240, 21%, 12%) Crust #11111b rgb(17, 17, 27) hsl(240, 23%, 9%) \ud83d\udc50 Contributing [!NOTE] if you would like to submit a port or learn how to port Catppuccin to a program, please refer to the port-creation.md See CONTRIBUTING.md \ud83e\udeb5 Ports and more! Catppuccin is available for various apps and in different formats. Here is a list of them: \ud83d\udc7e Code Editors & IDEs Azure Data Studio Binary Ninja CodeMirror Cutter DrRacket Emacs Geany Gedit Ghidra Helix IDA (Interactive Disassembler) JetBrains JetBrains Fleet JetBrains Icons Kakoune KSyntaxHighlighting (Kate, Kwrite, etc) Lapce micro Neovim Notepad++ Nova Qt Creator Replit RStudio Spyder Sublime Text Vim Visual Studio Visual Studio Code Visual Studio Code Icons Xcode Xed Zed \ud83d\udcad Development Tools boringproxy Chroma Codeberg crates.io daisyUI docs.rs egui freedesktop.org GitHub go.dev Graphite Hackage highlight.js Home Manager Options Search Hoppscotch ImHex Insomnia iSH JupyterLab Keyoxide KiCad Learn X in Y Minutes Matplotlib mdBook MDN npm Ollama paste.rs Prism.js PyPI Shiki Stack Overflow Tailwind CSS Trinket Vercel, Next.js VitePress VSCord web.dev \ud83d\udcda Libraries Elixir Flutter Gleam Go Java LaTeX Lua Nim Pantone Python Rust Typst UI V \ud83d\udc1a CLI Tools bat bottom btop++ delta fish shell fzf GitUI Glamour k9s lazygit Newsboat PowerShell Process Compose sc-im skim Starship tmux Zellij ZSH Fast Syntax Highlighting zsh-syntax-highlighting \ud83c\udf31 Terminals Alacritty Black Box Blink Contour cool-retro-term Fluent Terminal foot Ghostty GNOME Terminal Hyper iTerm2 kitty Konsole LXTerminal MobaXterm QTerminal Rio st Tabby Terminal.app Terminator Termux Tilix tty tym Urxvt Warp WezTerm Windows Terminal Xfce4 Terminal Yakuake Zutty \ud83d\udd27 System Base16 Conky Cursors fcitx5 FlorisBoard Hyprlock Kvantum Nilesoft Shell Nix Papirus Folders Polybar qt5ct Rboard SDDM SerenityOS swaylock waybar Windows 9x Xresources \ud83d\udc62 Boot Loaders GRUB Limine Plymouth rEFInd \ud83d\ude08 Notification Daemons Dunst Fnott mako swaync \ud83d\udda5\ufe0f Desktop Environments COSMIC Desktop KDE LXQt Regolith \ud83e\ude9f Window Managers GlazeWM Hyprland i3/sway Openbox \ud83d\uddc2\ufe0f File Managers Forklift 4 Midnight Commander MiXplorer Windows Files Yazi \ud83d\uddc3\ufe0f Application Launchers Alfred bemenu dmenu Flow Launcher fr33zmenu Fuzzel Plank Raycast Rofi Tofi Ueli Ulauncher \ud83c\udfc4 Browsers Firefox Google Chrome Opera GX qutebrowser Vivaldi \ud83e\udde9 Browser Extensions Dark Reader GitHub File Explorer Icons Google Chrome DevTools nightTab Noir Shinigami Eyes Stylus Tumblr Vimium \ud83d\udd0e Search Engines Brave Search DuckDuckGo Ecosia Google NixOS Search SearXNG Startpage Whoogle \ud83d\uddfa\ufe0f Translation Tools Crowdin DeepL ichi.moe Lingva \ud83e\udde0 Wikis Arch Wiki mdBook NixOS Wiki Wikipedia Wikiwand \ud83d\udcf8 Photo & Video Google Photos imv mpv Pinterest ShareX \ud83c\udfb5 Music Cava Cider Dopamine Hyperpipe Last.fm ListenBrainz MusicBee PyRadio Spicetify Spotify TUI Spotify Web spotify-player YouTube Music \ud83d\udcd6 Productivity Amplenote Aseprite Bento cobalt DioHub FreshRSS gh-dash Gitea GitKraken Google Drive Have I Been Pwned Home Assistant homepage inoreader Linear Microsoft PowerPoint Slides Microsoft Word Miniflux OBS Studio openmediavault Pomotroid Porkbun Proton qBittorrent Raindrop Scrivener SpeedCrunch Squirrel (Rime for macOS) Syncthing tldraw Vikunja \ud83d\udc8c Email Clients aerc Gmail Mailspring Migadu Webmail NeoMutt Thunderbird Tuta \ud83d\udd79\ufe0f Game Development Godot NameMC Unreal Engine \ud83d\uddbc\ufe0f 3D Modelling Blockbench SolveSpace \ud83d\udcdd Note Taking ghostwriter Joplin Logseq Obsidian RemNote The Archive Trilium Notes \ud83c\udf93 Education Anki Canvas LMS Formative Quizlet \ud83d\udcc3 Document Viewers calibre Foliate sent Sioyek SumatraPDF Zathura \u2728 Social Networking Aliucord Bluesky Social Chatterino 2 Cinny Discord Element Elk Enmity Halloy HexChat Instagram LinkedIn Mastodon Mattermost mIRC Misskey Nitter Phanpy Pronouns.page Revolt SimpleX Slack Snapchat Web Telegram The Lounge Twitter Vendetta WhatsApp Web \ud83d\udde3\ufe0f Discussion Forums Giscus Hacker News Infinity For Reddit Lemmy Libreddit, Redlib Reddit TabNews \ud83c\udf08 Entertainment Amfora AniList, AniChart ChatReplay Holodex Invidious Monkeytype Picrew Substack theme.park Twitch YouTube \ud83c\udfae Games Advent Of Code Bitburner bStats Chess.com Dwarf Fortress Heroic Lichess Minecraft Minesweeper Online Modrinth Moon Animator 2 Planet Minecraft Prism Launcher Steam Deck ULTRAKILL \ud83d\udcca Analytics GitHub Readme Stats GitHub Readme Streak Stats GitHub Readme Tech Stack \ud83e\udd16 Artificial Intelligence ChatGPT Google Gemini InvokeAI Perplexity Stable Diffusion WebUI \ud83c\udfc3 Health & Fitness Fitbit \ud83d\udcdc License Catppuccin is released under the MIT license, which grants the following permissions: Commercial use Distribution Modification Private use For more convoluted language, see the LICENSE . \u2764\ufe0f Gratitude Thanks to the following tools developing this project is possible: coolors.co : A tool for creating and collecting color palettes. InkScape : Free and open-source vector graphics editor. colors_converter.asp : Color format converter. mdigi.tools : Web based digital tools.","title":"Home"},{"location":"#design-philosophy","text":"Colorful is better than colorless : the colorfulness of something contributes to the distinction amongst the parts of that something , making it marginally easier to understand how things are structured. There should be balance : not too dull, not too bright. Suitability under various light conditions is a must. Harmony is superior to dissonance : vivacious colors must complement each other.","title":"\ud83e\udde0 Design Philosophy"},{"location":"#palette","text":"Catppuccin consists of 4 beautiful pastel color palettes, named flavors . All the details can be found below. If you want to use them for your own project, refer to our style guide for general use cases and guidelines. Additionally, you can find integrations with popular frameworks and tools in catppuccin/palette . Already have a project making use of our palette? Don't forget to add it to our showcase section below! \ud83c\udf3b Latte Labels Hex RGB HSL Rosewater #dc8a78 rgb(220, 138, 120) hsl(11, 59%, 67%) Flamingo #dd7878 rgb(221, 120, 120) hsl(0, 60%, 67%) Pink #ea76cb rgb(234, 118, 203) hsl(316, 73%, 69%) Mauve #8839ef rgb(136, 57, 239) hsl(266, 85%, 58%) Red #d20f39 rgb(210, 15, 57) hsl(347, 87%, 44%) Maroon #e64553 rgb(230, 69, 83) hsl(355, 76%, 59%) Peach #fe640b rgb(254, 100, 11) hsl(22, 99%, 52%) Yellow #df8e1d rgb(223, 142, 29) hsl(35, 77%, 49%) Green #40a02b rgb(64, 160, 43) hsl(109, 58%, 40%) Teal #179299 rgb(23, 146, 153) hsl(183, 74%, 35%) Sky #04a5e5 rgb(4, 165, 229) hsl(197, 97%, 46%) Sapphire #209fb5 rgb(32, 159, 181) hsl(189, 70%, 42%) Blue #1e66f5 rgb(30, 102, 245) hsl(220, 91%, 54%) Lavender #7287fd rgb(114, 135, 253) hsl(231, 97%, 72%) Text #4c4f69 rgb(76, 79, 105) hsl(234, 16%, 35%) Subtext1 #5c5f77 rgb(92, 95, 119) hsl(233, 13%, 41%) Subtext0 #6c6f85 rgb(108, 111, 133) hsl(233, 10%, 47%) Overlay2 #7c7f93 rgb(124, 127, 147) hsl(232, 10%, 53%) Overlay1 #8c8fa1 rgb(140, 143, 161) hsl(231, 10%, 59%) Overlay0 #9ca0b0 rgb(156, 160, 176) hsl(228, 11%, 65%) Surface2 #acb0be rgb(172, 176, 190) hsl(227, 12%, 71%) Surface1 #bcc0cc rgb(188, 192, 204) hsl(225, 14%, 77%) Surface0 #ccd0da rgb(204, 208, 218) hsl(223, 16%, 83%) Base #eff1f5 rgb(239, 241, 245) hsl(220, 23%, 95%) Mantle #e6e9ef rgb(230, 233, 239) hsl(220, 22%, 92%) Crust #dce0e8 rgb(220, 224, 232) hsl(220, 21%, 89%) \ud83e\udeb4 Frapp\u00e9 Labels Hex RGB HSL Rosewater #f2d5cf rgb(242, 213, 207) hsl(10, 57%, 88%) Flamingo #eebebe rgb(238, 190, 190) hsl(0, 59%, 84%) Pink #f4b8e4 rgb(244, 184, 228) hsl(316, 73%, 84%) Mauve #ca9ee6 rgb(202, 158, 230) hsl(277, 59%, 76%) Red #e78284 rgb(231, 130, 132) hsl(359, 68%, 71%) Maroon #ea999c rgb(234, 153, 156) hsl(358, 66%, 76%) Peach #ef9f76 rgb(239, 159, 118) hsl(20, 79%, 70%) Yellow #e5c890 rgb(229, 200, 144) hsl(40, 62%, 73%) Green #a6d189 rgb(166, 209, 137) hsl(96, 44%, 68%) Teal #81c8be rgb(129, 200, 190) hsl(172, 39%, 65%) Sky #99d1db rgb(153, 209, 219) hsl(189, 48%, 73%) Sapphire #85c1dc rgb(133, 193, 220) hsl(199, 55%, 69%) Blue #8caaee rgb(140, 170, 238) hsl(222, 74%, 74%) Lavender #babbf1 rgb(186, 187, 241) hsl(239, 66%, 84%) Text #c6d0f5 rgb(198, 208, 245) hsl(227, 70%, 87%) Subtext1 #b5bfe2 rgb(181, 191, 226) hsl(227, 44%, 80%) Subtext0 #a5adce rgb(165, 173, 206) hsl(228, 29%, 73%) Overlay2 #949cbb rgb(148, 156, 187) hsl(228, 22%, 66%) Overlay1 #838ba7 rgb(131, 139, 167) hsl(227, 17%, 58%) Overlay0 #737994 rgb(115, 121, 148) hsl(229, 13%, 52%) Surface2 #626880 rgb(98, 104, 128) hsl(228, 13%, 44%) Surface1 #51576d rgb(81, 87, 109) hsl(227, 15%, 37%) Surface0 #414559 rgb(65, 69, 89) hsl(230, 16%, 30%) Base #303446 rgb(48, 52, 70) hsl(229, 19%, 23%) Mantle #292c3c rgb(41, 44, 60) hsl(231, 19%, 20%) Crust #232634 rgb(35, 38, 52) hsl(229, 20%, 17%) \ud83c\udf3a Macchiato Labels Hex RGB HSL Rosewater #f4dbd6 rgb(244, 219, 214) hsl(10, 58%, 90%) Flamingo #f0c6c6 rgb(240, 198, 198) hsl(0, 58%, 86%) Pink #f5bde6 rgb(245, 189, 230) hsl(316, 74%, 85%) Mauve #c6a0f6 rgb(198, 160, 246) hsl(267, 83%, 80%) Red #ed8796 rgb(237, 135, 150) hsl(351, 74%, 73%) Maroon #ee99a0 rgb(238, 153, 160) hsl(355, 71%, 77%) Peach #f5a97f rgb(245, 169, 127) hsl(21, 86%, 73%) Yellow #eed49f rgb(238, 212, 159) hsl(40, 70%, 78%) Green #a6da95 rgb(166, 218, 149) hsl(105, 48%, 72%) Teal #8bd5ca rgb(139, 213, 202) hsl(171, 47%, 69%) Sky #91d7e3 rgb(145, 215, 227) hsl(189, 59%, 73%) Sapphire #7dc4e4 rgb(125, 196, 228) hsl(199, 66%, 69%) Blue #8aadf4 rgb(138, 173, 244) hsl(220, 83%, 75%) Lavender #b7bdf8 rgb(183, 189, 248) hsl(234, 82%, 85%) Text #cad3f5 rgb(202, 211, 245) hsl(227, 68%, 88%) Subtext1 #b8c0e0 rgb(184, 192, 224) hsl(228, 39%, 80%) Subtext0 #a5adcb rgb(165, 173, 203) hsl(227, 27%, 72%) Overlay2 #939ab7 rgb(147, 154, 183) hsl(228, 20%, 65%) Overlay1 #8087a2 rgb(128, 135, 162) hsl(228, 15%, 57%) Overlay0 #6e738d rgb(110, 115, 141) hsl(230, 12%, 49%) Surface2 #5b6078 rgb(91, 96, 120) hsl(230, 14%, 41%) Surface1 #494d64 rgb(73, 77, 100) hsl(231, 16%, 34%) Surface0 #363a4f rgb(54, 58, 79) hsl(230, 19%, 26%) Base #24273a rgb(36, 39, 58) hsl(232, 23%, 18%) Mantle #1e2030 rgb(30, 32, 48) hsl(233, 23%, 15%) Crust #181926 rgb(24, 25, 38) hsl(236, 23%, 12%) \ud83c\udf3f Mocha Labels Hex RGB HSL Rosewater #f5e0dc rgb(245, 224, 220) hsl(10, 56%, 91%) Flamingo #f2cdcd rgb(242, 205, 205) hsl(0, 59%, 88%) Pink #f5c2e7 rgb(245, 194, 231) hsl(316, 72%, 86%) Mauve #cba6f7 rgb(203, 166, 247) hsl(267, 84%, 81%) Red #f38ba8 rgb(243, 139, 168) hsl(343, 81%, 75%) Maroon #eba0ac rgb(235, 160, 172) hsl(350, 65%, 77%) Peach #fab387 rgb(250, 179, 135) hsl(23, 92%, 75%) Yellow #f9e2af rgb(249, 226, 175) hsl(41, 86%, 83%) Green #a6e3a1 rgb(166, 227, 161) hsl(115, 54%, 76%) Teal #94e2d5 rgb(148, 226, 213) hsl(170, 57%, 73%) Sky #89dceb rgb(137, 220, 235) hsl(189, 71%, 73%) Sapphire #74c7ec rgb(116, 199, 236) hsl(199, 76%, 69%) Blue #89b4fa rgb(137, 180, 250) hsl(217, 92%, 76%) Lavender #b4befe rgb(180, 190, 254) hsl(232, 97%, 85%) Text #cdd6f4 rgb(205, 214, 244) hsl(226, 64%, 88%) Subtext1 #bac2de rgb(186, 194, 222) hsl(227, 35%, 80%) Subtext0 #a6adc8 rgb(166, 173, 200) hsl(228, 24%, 72%) Overlay2 #9399b2 rgb(147, 153, 178) hsl(228, 17%, 64%) Overlay1 #7f849c rgb(127, 132, 156) hsl(230, 13%, 55%) Overlay0 #6c7086 rgb(108, 112, 134) hsl(231, 11%, 47%) Surface2 #585b70 rgb(88, 91, 112) hsl(233, 12%, 39%) Surface1 #45475a rgb(69, 71, 90) hsl(234, 13%, 31%) Surface0 #313244 rgb(49, 50, 68) hsl(237, 16%, 23%) Base #1e1e2e rgb(30, 30, 46) hsl(240, 21%, 15%) Mantle #181825 rgb(24, 24, 37) hsl(240, 21%, 12%) Crust #11111b rgb(17, 17, 27) hsl(240, 23%, 9%)","title":"\ud83c\udfa8 Palette"},{"location":"#contributing","text":"[!NOTE] if you would like to submit a port or learn how to port Catppuccin to a program, please refer to the port-creation.md See CONTRIBUTING.md","title":"\ud83d\udc50 Contributing"},{"location":"#ports-and-more","text":"Catppuccin is available for various apps and in different formats. Here is a list of them:","title":"\ud83e\udeb5 Ports and more!"},{"location":"#code-editors-ides","text":"Azure Data Studio Binary Ninja CodeMirror Cutter DrRacket Emacs Geany Gedit Ghidra Helix IDA (Interactive Disassembler) JetBrains JetBrains Fleet JetBrains Icons Kakoune KSyntaxHighlighting (Kate, Kwrite, etc) Lapce micro Neovim Notepad++ Nova Qt Creator Replit RStudio Spyder Sublime Text Vim Visual Studio Visual Studio Code Visual Studio Code Icons Xcode Xed Zed","title":"\ud83d\udc7e Code Editors & IDEs"},{"location":"#development-tools","text":"boringproxy Chroma Codeberg crates.io daisyUI docs.rs egui freedesktop.org GitHub go.dev Graphite Hackage highlight.js Home Manager Options Search Hoppscotch ImHex Insomnia iSH JupyterLab Keyoxide KiCad Learn X in Y Minutes Matplotlib mdBook MDN npm Ollama paste.rs Prism.js PyPI Shiki Stack Overflow Tailwind CSS Trinket Vercel, Next.js VitePress VSCord web.dev","title":"\ud83d\udcad Development Tools"},{"location":"#libraries","text":"Elixir Flutter Gleam Go Java LaTeX Lua Nim Pantone Python Rust Typst UI V","title":"\ud83d\udcda Libraries"},{"location":"#cli-tools","text":"bat bottom btop++ delta fish shell fzf GitUI Glamour k9s lazygit Newsboat PowerShell Process Compose sc-im skim Starship tmux Zellij ZSH Fast Syntax Highlighting zsh-syntax-highlighting","title":"\ud83d\udc1a CLI Tools"},{"location":"#terminals","text":"Alacritty Black Box Blink Contour cool-retro-term Fluent Terminal foot Ghostty GNOME Terminal Hyper iTerm2 kitty Konsole LXTerminal MobaXterm QTerminal Rio st Tabby Terminal.app Terminator Termux Tilix tty tym Urxvt Warp WezTerm Windows Terminal Xfce4 Terminal Yakuake Zutty","title":"\ud83c\udf31 Terminals"},{"location":"#system","text":"Base16 Conky Cursors fcitx5 FlorisBoard Hyprlock Kvantum Nilesoft Shell Nix Papirus Folders Polybar qt5ct Rboard SDDM SerenityOS swaylock waybar Windows 9x Xresources","title":"\ud83d\udd27 System"},{"location":"#boot-loaders","text":"GRUB Limine Plymouth rEFInd","title":"\ud83d\udc62 Boot Loaders"},{"location":"#notification-daemons","text":"Dunst Fnott mako swaync","title":"\ud83d\ude08 Notification Daemons"},{"location":"#desktop-environments","text":"COSMIC Desktop KDE LXQt Regolith","title":"\ud83d\udda5\ufe0f Desktop Environments"},{"location":"#window-managers","text":"GlazeWM Hyprland i3/sway Openbox","title":"\ud83e\ude9f Window Managers"},{"location":"#file-managers","text":"Forklift 4 Midnight Commander MiXplorer Windows Files Yazi","title":"\ud83d\uddc2\ufe0f File Managers"},{"location":"#application-launchers","text":"Alfred bemenu dmenu Flow Launcher fr33zmenu Fuzzel Plank Raycast Rofi Tofi Ueli Ulauncher","title":"\ud83d\uddc3\ufe0f Application Launchers"},{"location":"#browsers","text":"Firefox Google Chrome Opera GX qutebrowser Vivaldi","title":"\ud83c\udfc4 Browsers"},{"location":"#browser-extensions","text":"Dark Reader GitHub File Explorer Icons Google Chrome DevTools nightTab Noir Shinigami Eyes Stylus Tumblr Vimium","title":"\ud83e\udde9 Browser Extensions"},{"location":"#search-engines","text":"Brave Search DuckDuckGo Ecosia Google NixOS Search SearXNG Startpage Whoogle","title":"\ud83d\udd0e Search Engines"},{"location":"#translation-tools","text":"Crowdin DeepL ichi.moe Lingva","title":"\ud83d\uddfa\ufe0f Translation Tools"},{"location":"#wikis","text":"Arch Wiki mdBook NixOS Wiki Wikipedia Wikiwand","title":"\ud83e\udde0 Wikis"},{"location":"#photo-video","text":"Google Photos imv mpv Pinterest ShareX","title":"\ud83d\udcf8 Photo & Video"},{"location":"#music","text":"Cava Cider Dopamine Hyperpipe Last.fm ListenBrainz MusicBee PyRadio Spicetify Spotify TUI Spotify Web spotify-player YouTube Music","title":"\ud83c\udfb5 Music"},{"location":"#productivity","text":"Amplenote Aseprite Bento cobalt DioHub FreshRSS gh-dash Gitea GitKraken Google Drive Have I Been Pwned Home Assistant homepage inoreader Linear Microsoft PowerPoint Slides Microsoft Word Miniflux OBS Studio openmediavault Pomotroid Porkbun Proton qBittorrent Raindrop Scrivener SpeedCrunch Squirrel (Rime for macOS) Syncthing tldraw Vikunja","title":"\ud83d\udcd6 Productivity"},{"location":"#email-clients","text":"aerc Gmail Mailspring Migadu Webmail NeoMutt Thunderbird Tuta","title":"\ud83d\udc8c Email Clients"},{"location":"#game-development","text":"Godot NameMC Unreal Engine","title":"\ud83d\udd79\ufe0f Game Development"},{"location":"#3d-modelling","text":"Blockbench SolveSpace","title":"\ud83d\uddbc\ufe0f 3D Modelling"},{"location":"#note-taking","text":"ghostwriter Joplin Logseq Obsidian RemNote The Archive Trilium Notes","title":"\ud83d\udcdd Note Taking"},{"location":"#education","text":"Anki Canvas LMS Formative Quizlet","title":"\ud83c\udf93 Education"},{"location":"#document-viewers","text":"calibre Foliate sent Sioyek SumatraPDF Zathura","title":"\ud83d\udcc3 Document Viewers"},{"location":"#social-networking","text":"Aliucord Bluesky Social Chatterino 2 Cinny Discord Element Elk Enmity Halloy HexChat Instagram LinkedIn Mastodon Mattermost mIRC Misskey Nitter Phanpy Pronouns.page Revolt SimpleX Slack Snapchat Web Telegram The Lounge Twitter Vendetta WhatsApp Web","title":"\u2728 Social Networking"},{"location":"#discussion-forums","text":"Giscus Hacker News Infinity For Reddit Lemmy Libreddit, Redlib Reddit TabNews","title":"\ud83d\udde3\ufe0f Discussion Forums"},{"location":"#entertainment","text":"Amfora AniList, AniChart ChatReplay Holodex Invidious Monkeytype Picrew Substack theme.park Twitch YouTube","title":"\ud83c\udf08 Entertainment"},{"location":"#games","text":"Advent Of Code Bitburner bStats Chess.com Dwarf Fortress Heroic Lichess Minecraft Minesweeper Online Modrinth Moon Animator 2 Planet Minecraft Prism Launcher Steam Deck ULTRAKILL","title":"\ud83c\udfae Games"},{"location":"#analytics","text":"GitHub Readme Stats GitHub Readme Streak Stats GitHub Readme Tech Stack","title":"\ud83d\udcca Analytics"},{"location":"#artificial-intelligence","text":"ChatGPT Google Gemini InvokeAI Perplexity Stable Diffusion WebUI","title":"\ud83e\udd16 Artificial Intelligence"},{"location":"#health-fitness","text":"Fitbit","title":"\ud83c\udfc3 Health & Fitness"},{"location":"#license","text":"Catppuccin is released under the MIT license, which grants the following permissions: Commercial use Distribution Modification Private use For more convoluted language, see the LICENSE .","title":"\ud83d\udcdc License"},{"location":"#gratitude","text":"Thanks to the following tools developing this project is possible: coolors.co : A tool for creating and collecting color palettes. InkScape : Free and open-source vector graphics editor. colors_converter.asp : Color format converter. mdigi.tools : Web based digital tools.","title":"\u2764\ufe0f Gratitude"}]} \ No newline at end of file diff --git a/docs/gallery/catppuccin/search/worker.js b/docs/gallery/catppuccin/search/worker.js new file mode 100644 index 0000000..8628dbc --- /dev/null +++ b/docs/gallery/catppuccin/search/worker.js @@ -0,0 +1,133 @@ +var base_path = 'function' === typeof importScripts ? '.' : '/search/'; +var allowSearch = false; +var index; +var documents = {}; +var lang = ['en']; +var data; + +function getScript(script, callback) { + console.log('Loading script: ' + script); + $.getScript(base_path + script).done(function () { + callback(); + }).fail(function (jqxhr, settings, exception) { + console.log('Error: ' + exception); + }); +} + +function getScriptsInOrder(scripts, callback) { + if (scripts.length === 0) { + callback(); + return; + } + getScript(scripts[0], function() { + getScriptsInOrder(scripts.slice(1), callback); + }); +} + +function loadScripts(urls, callback) { + if( 'function' === typeof importScripts ) { + importScripts.apply(null, urls); + callback(); + } else { + getScriptsInOrder(urls, callback); + } +} + +function onJSONLoaded () { + data = JSON.parse(this.responseText); + var scriptsToLoad = ['lunr.js']; + if (data.config && data.config.lang && data.config.lang.length) { + lang = data.config.lang; + } + if (lang.length > 1 || lang[0] !== "en") { + scriptsToLoad.push('lunr.stemmer.support.js'); + if (lang.length > 1) { + scriptsToLoad.push('lunr.multi.js'); + } + if (lang.includes("ja") || lang.includes("jp")) { + scriptsToLoad.push('tinyseg.js'); + } + for (var i=0; i < lang.length; i++) { + if (lang[i] != 'en') { + scriptsToLoad.push(['lunr', lang[i], 'js'].join('.')); + } + } + } + loadScripts(scriptsToLoad, onScriptsLoaded); +} + +function onScriptsLoaded () { + console.log('All search scripts loaded, building Lunr index...'); + if (data.config && data.config.separator && data.config.separator.length) { + lunr.tokenizer.separator = new RegExp(data.config.separator); + } + + if (data.index) { + index = lunr.Index.load(data.index); + data.docs.forEach(function (doc) { + documents[doc.location] = doc; + }); + console.log('Lunr pre-built index loaded, search ready'); + } else { + index = lunr(function () { + if (lang.length === 1 && lang[0] !== "en" && lunr[lang[0]]) { + this.use(lunr[lang[0]]); + } else if (lang.length > 1) { + this.use(lunr.multiLanguage.apply(null, lang)); // spread operator not supported in all browsers: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator#Browser_compatibility + } + this.field('title'); + this.field('text'); + this.ref('location'); + + for (var i=0; i < data.docs.length; i++) { + var doc = data.docs[i]; + this.add(doc); + documents[doc.location] = doc; + } + }); + console.log('Lunr index built, search ready'); + } + allowSearch = true; + postMessage({config: data.config}); + postMessage({allowSearch: allowSearch}); +} + +function init () { + var oReq = new XMLHttpRequest(); + oReq.addEventListener("load", onJSONLoaded); + var index_path = base_path + '/search_index.json'; + if( 'function' === typeof importScripts ){ + index_path = 'search_index.json'; + } + oReq.open("GET", index_path); + oReq.send(); +} + +function search (query) { + if (!allowSearch) { + console.error('Assets for search still loading'); + return; + } + + var resultDocuments = []; + var results = index.search(query); + for (var i=0; i < results.length; i++){ + var result = results[i]; + doc = documents[result.ref]; + doc.summary = doc.text.substring(0, 200); + resultDocuments.push(doc); + } + return resultDocuments; +} + +if( 'function' === typeof importScripts ) { + onmessage = function (e) { + if (e.data.init) { + init(); + } else if (e.data.query) { + postMessage({ results: search(e.data.query) }); + } else { + console.error("Worker - Unrecognized message: " + e); + } + }; +} diff --git a/docs/gallery/catppuccin/sitemap.xml b/docs/gallery/catppuccin/sitemap.xml new file mode 100644 index 0000000..0f8724e --- /dev/null +++ b/docs/gallery/catppuccin/sitemap.xml @@ -0,0 +1,3 @@ + +/lændɪŋ/
+ + + + + +/lændɪŋ/
+ + + + + +Landing is an mkdocs theme geared towards making a personal landing page, with simpler navigation and heavily customisable style options.
+With Landing I've tried to expose as much of the styling as possible to mkdocs, so that you can change up the theme to your own personal style as much as possible. Of course, there's nothing more flexible than writing your own css, so if you hit a wall with the config file I've also tried to make the html as simple as possible so you can easily add your own custom CSS.
+Click here for a full list of configuration options available.
+Landing came out of me wanting to use mkdocs for my own personal landing page - I made a custom .css file to sit alongside a generic mkdocs file and style it the way I wanted it. When implementing a similar page for a friend I realised that this basic structure could be fairly easily modified with a few key parameters to match a variety of different aesthetics.
+Below are some implementations of Landing with various styles, as an example.
+Catppuccin is a community-driven pastel theme that aims to be the middle ground between low and high contrast themes. It consists of 4 soothing warm flavors with 26 eye-candy colors each, perfect for coding, designing, and much more!
+ + + +' + escapeHtml(summary) +'
' + noResultsText + '
'); + } +} + +function doSearch () { + var query = document.getElementById('mkdocs-search-query').value; + if (query.length > min_search_length) { + if (!window.Worker) { + displayResults(search(query)); + } else { + searchWorker.postMessage({query: query}); + } + } else { + // Clear results for short queries + displayResults([]); + } +} + +function initSearch () { + var search_input = document.getElementById('mkdocs-search-query'); + if (search_input) { + search_input.addEventListener("keyup", doSearch); + } + var term = getSearchTermFromLocation(); + if (term) { + search_input.value = term; + doSearch(); + } +} + +function onWorkerMessage (e) { + if (e.data.allowSearch) { + initSearch(); + } else if (e.data.results) { + var results = e.data.results; + displayResults(results); + } else if (e.data.config) { + min_search_length = e.data.config.min_search_length-1; + } +} + +if (!window.Worker) { + console.log('Web Worker API not supported'); + // load index in main thread + $.getScript(joinUrl(base_url, "search/worker.js")).done(function () { + console.log('Loaded worker'); + init(); + window.postMessage = function (msg) { + onWorkerMessage({data: msg}); + }; + }).fail(function (jqxhr, settings, exception) { + console.error('Could not load worker.js'); + }); +} else { + // Wrap search in a web worker + var searchWorker = new Worker(joinUrl(base_url, "search/worker.js")); + searchWorker.postMessage({init: true}); + searchWorker.onmessage = onWorkerMessage; +} diff --git a/docs/search/search_index.json b/docs/search/search_index.json new file mode 100644 index 0000000..e8d799e --- /dev/null +++ b/docs/search/search_index.json @@ -0,0 +1 @@ +{"config":{"indexing":"full","lang":["en"],"min_search_length":3,"prebuild_index":false,"separator":"[\\s\\-]+"},"docs":[{"location":"","text":"Landing is an mkdocs theme geared towards making a personal landing page, with simpler navigation and heavily customisable style options. Configuration With Landing I've tried to expose as much of the styling as possible to mkdocs, so that you can change up the theme to your own personal style as much as possible. Of course, there's nothing more flexible than writing your own css, so if you hit a wall with the config file I've also tried to make the html as simple as possible so you can easily add your own custom CSS. Click here for a full list of configuration options available. History Landing came out of me wanting to use mkdocs for my own personal landing page - I made a custom .css file to sit alongside a generic mkdocs file and style it the way I wanted it. When implementing a similar page for a friend I realised that this basic structure could be fairly easily modified with a few key parameters to match a variety of different aesthetics. Gallery Below are some implementations of Landing with various styles, as an example. Catppuccin Catppuccin is a community-driven pastel theme that aims to be the middle ground between low and high contrast themes. It consists of 4 soothing warm flavors with 26 eye-candy colors each, perfect for coding, designing, and much more! mkdocs.yaml file","title":"Home"},{"location":"#configuration","text":"With Landing I've tried to expose as much of the styling as possible to mkdocs, so that you can change up the theme to your own personal style as much as possible. Of course, there's nothing more flexible than writing your own css, so if you hit a wall with the config file I've also tried to make the html as simple as possible so you can easily add your own custom CSS. Click here for a full list of configuration options available.","title":"Configuration"},{"location":"#history","text":"Landing came out of me wanting to use mkdocs for my own personal landing page - I made a custom .css file to sit alongside a generic mkdocs file and style it the way I wanted it. When implementing a similar page for a friend I realised that this basic structure could be fairly easily modified with a few key parameters to match a variety of different aesthetics.","title":"History"},{"location":"#gallery","text":"Below are some implementations of Landing with various styles, as an example.","title":"Gallery"},{"location":"#catppuccin","text":"Catppuccin is a community-driven pastel theme that aims to be the middle ground between low and high contrast themes. It consists of 4 soothing warm flavors with 26 eye-candy colors each, perfect for coding, designing, and much more! mkdocs.yaml file","title":"Catppuccin"},{"location":"configuration/","text":"Site information favicon Image in the browser tab, should be a path to an image file, ideally a 16x16px .png file. avatar Image of yourself, this will appear in the heading of the main page. footer Markdown content to include in the page footer socials List of social links to include, should be in the format: - label: