Add catppuccin theme

README.md

@@ -138,4 +138,16 @@ Please see our [Contributing guide](CONTRIBUTING.md) for details. Thank you for
 [![One Light](screenshots/prism-one-light.png)](themes/prism-one-light.css)
 
 * [__Laserwave__](themes/prism-laserwave.css) (originally by [Jared Jones](https://github.com/Jaredk3nt), adapted by [Simon Jespersen](https://github.com/simjes))<br />
-[![Laserwave](screenshots/prism-laserwave.png)](themes/prism-laserwave.css)
+[![Laserwave](screenshots/prism-laserwave.png)](themes/prism-laserwave.css)
+
+* [__Catppuccin Latte__](themes/prism-catppuccin-latte.css) (originally by [Catppuccin](https://catppuccin.com/), adapted by [pluttan](https://github.com/pluttan))<br />
+[![Catppuccin Latte](screenshots/prism-catppuccin-latte.png)](themes/prism-catppuccin-latte.css)
+
+* [__Catppuccin Frappé__](themes/prism-catppuccin-frappe.css) (originally by [Catppuccin](https://catppuccin.com/), adapted by [pluttan](https://github.com/pluttan))<br />
+[![Catppuccin Latte](screenshots/prism-catppuccin-frappe.png)](themes/prism-catppuccin-frappe.css)
+
+* [__Catppuccin Macchiato__](themes/prism-catppuccin-macchiato.css) (originally by [Catppuccin](https://catppuccin.com/), adapted by [pluttan](https://github.com/pluttan))<br />
+[![Catppuccin Latte](screenshots/prism-catppuccin-macchiato.png)](themes/prism-catppuccin-macchiato.css)
+
+* [__Catppuccin Mocha__](themes/prism-catppuccin-mocha.css) (originally by [Catppuccin](https://catppuccin.com/), adapted by [pluttan](https://github.com/pluttan))<br />
+[![Catppuccin Latte](screenshots/prism-catppuccin-mocha.png)](themes/prism-catppuccin-mocha.css)

themes/prism-catppuccin-frappe.css

@@ -0,0 +1,136 @@
+/*
+ * Catppuccin Theme
+ * https://catppuccin.com/
+ * https://github.com/catppuccin
+ *
+ * Ported for PrismJS by pluttan [https://github.com/pluttan]
+ */
+
+/* Set the main properties of the code, code blocks, and inline code */
+code[class*="language-"],
+pre[class*="language-"] {
+	background: #303446;
+	color: #c6d0f5;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	/* this is the default */
+	/* The following properties are standard, please leave them as they are */
+	font-size: 1em;
+	direction: ltr;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	line-height: 1.5;
+	/* The default is 4, but you could change it if you really, really want to */
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	tab-size: 4;
+	/* The following properties are also standard */
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+}
+
+/* Optional: What the code looks like when highlighted */
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection,
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection {
+	background: #949cbb40;
+}
+
+/* Properties specific to code blocks */
+pre[class*="language-"] {
+	padding: 1em;
+	/* this is standard */
+	margin: 0.5em 0;
+	/* this is the default */
+	overflow: auto;
+	/* this is standard */
+}
+
+/* Properties specific to inline code */
+:not(pre) > code[class*="language-"] {
+	padding: 0.1em;
+	/* this is the default */
+	white-space: normal;
+	/* this is standard */
+}
+
+/**
+ * These are the minimum tokens you must style, you can rearrange them and/or style more tokens as you want
+ * The concepts behind these standard tokens, as well as some examples, can be found here: https://prismjs.com/tokens.html
+ */
+.token.comment,
+.token.prolog,
+.token.cdata,
+.token.doctype {
+	color: #949cbb;
+}
+
+.token.punctuation,
+.token.symbol,
+.token.builtin {
+	color: #c6d0f5;
+}
+
+.token.boolean,
+.token.constant,
+.token.number,
+.token.regex {
+	color: #ef9f76;
+}
+
+.token.keyword,
+.token.tag {
+	color: #8caaee;
+}
+
+.token.property,
+.token.selector,
+.token.entity,
+.token.attr-name {
+	color: #e5c890;
+}
+
+.token.deleted {
+	color: #e78284;
+}
+
+.token.function,
+.token.class-name,
+.token.important,
+.token.atrule,
+.token.variable {
+	color: #ca9ee6;
+}
+
+.token.string,
+.token.char,
+.token.inserted,
+.token.attr-value,
+.token.url {
+	color: #a6d189;
+}
+
+.token.operator {
+	color: #81c8be;
+}
+
+/* The following rules are pretty similar across themes, but feel free to adjust them */
+.token.bold {
+	font-weight: bold;
+}
+
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+
+.token.namespace {
+	opacity: 0.7;
+}

themes/prism-catppuccin-latte.css

@@ -0,0 +1,135 @@
+/*
+ * Catppuccin Theme
+ * https://catppuccin.com/
+ * https://github.com/catppuccin
+ *
+ * Ported for PrismJS by pluttan [https://github.com/pluttan]
+ */
+
+/* Set the main properties of the code, code blocks, and inline code */
+code[class*="language-"],
+pre[class*="language-"] {
+	background: #eff1f5;
+	color: #4c4f69;
+	font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+	/* this is the default */
+	/* The following properties are standard, please leave them as they are */
+	font-size: 1em;
+	direction: ltr;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	line-height: 1.5;
+	/* The default is 4, but you could change it if you really, really want to */
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	tab-size: 4;
+	/* The following properties are also standard */
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+}
+
+/* Optional: What the code looks like when highlighted */
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection,
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection {
+	background: #7c7f9340;
+}
+
+/* Properties specific to code blocks */
+pre[class*="language-"] {
+	padding: 1em;
+	/* this is standard */
+	margin: 0.5em 0;
+	/* this is the default */
+	overflow: auto;
+}
+
+/* Properties specific to inline code */
+:not(pre) > code[class*="language-"] {
+	padding: 0.1em;
+	/* this is the default */
+	white-space: normal;
+	/* this is standard */
+}
+
+/**
+ * These are the minimum tokens you must style, you can rearrange them and/or style more tokens as you want
+ * The concepts behind these standard tokens, as well as some examples, can be found here: https://prismjs.com/tokens.html
+ */
+.token.comment,
+.token.prolog,
+.token.cdata,
+.token.doctype {
+	color: #7c7f93;
+}
+
+.token.punctuation,
+.token.symbol,
+.token.builtin {
+	color: #4c4f69;
+}
+
+.token.boolean,
+.token.constant,
+.token.number,
+.token.regex {
+	color: #fe640b;
+}
+
+.token.keyword,
+.token.tag {
+	color: #1e66f5;
+}
+
+.token.property,
+.token.selector,
+.token.entity,
+.token.attr-name {
+	color: #df8e1d;
+}
+
+.token.deleted {
+	color: #d20f39;
+}
+
+.token.function,
+.token.class-name,
+.token.important,
+.token.atrule,
+.token.variable {
+	color: #8839ef;
+}
+
+.token.string,
+.token.char,
+.token.inserted,
+.token.attr-value,
+.token.url {
+	color: #40a02b;
+}
+
+.token.operator {
+	color: #179299;
+}
+
+/* The following rules are pretty similar across themes, but feel free to adjust them */
+.token.bold {
+	font-weight: bold;
+}
+
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+
+.token.namespace {
+	opacity: 0.7;
+}