Skip to content

Commit f59a2a1

Browse files
hatemhosnyhatemhosny
committed
add catppuccin themes for monaco and prism
1 parent 5bc4aa5 commit f59a2a1

File tree

22 files changed

+1549
-9
lines changed

22 files changed

+1549
-9
lines changed

dist/codemirror-theme-catppuccin/codemirror-theme-catppuccin.js renamed to dist/catppuccin/codemirror/codemirror-theme-catppuccin.js

File renamed without changes.

‎dist/catppuccin/monaco/frappe.json‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
{
2+
"base": "vs-dark",
3+
"inherit": true,
4+
"rules": [
5+
{ "token": "", "foreground": "#c6d0f5" },
6+
{ "token": "keyword", "foreground": "#ca9ee6" },
7+
{ "token": "string", "foreground": "#a6d189" },
8+
{ "token": "number", "foreground": "#ef9f76" },
9+
{ "token": "comment", "foreground": "#737994" },
10+
{ "token": "type", "foreground": "#8caaee" },
11+
{ "token": "function", "foreground": "#99d1db" },
12+
{ "token": "variable", "foreground": "#c6d0f5" },
13+
{ "token": "constant", "foreground": "#ef9f76" },
14+
{ "token": "parameter", "foreground": "#f4b8e4" },
15+
{ "token": "class", "foreground": "#e5c890" },
16+
{ "token": "operator", "foreground": "#99d1db" }
17+
],
18+
"colors": {
19+
"editor.background": "#303446",
20+
"editor.foreground": "#c6d0f5",
21+
"editor.lineHighlightBackground": "#414559",
22+
"editor.selectionBackground": "#51576d",
23+
"editor.inactiveSelectionBackground": "#414559",
24+
25+
"editorWidget.background": "#292c3c",
26+
"editorWidget.border": "#414559",
27+
28+
"sideBar.background": "#292c3c",
29+
"sideBar.foreground": "#c6d0f5",
30+
31+
"editorBracketHighlight.foreground1": "#f2d5cf",
32+
"editorBracketHighlight.foreground2": "#babbf1",
33+
"editorBracketHighlight.foreground3": "#ca9ee6",
34+
"editorBracketHighlight.foreground4": "#e5c890",
35+
"editorBracketHighlight.foreground5": "#f4b8e4",
36+
"editorBracketHighlight.foreground6": "#81c8be",
37+
"editorBracketHighlight.unexpectedBracket.foreground": "#e78284",
38+
39+
"editorGutter.background": "#303446",
40+
"editorGutter.modifiedBackground": "#8caaee",
41+
"editorGutter.addedBackground": "#a6d189",
42+
"editorGutter.deletedBackground": "#e78284",
43+
44+
"editorLineNumber.foreground": "#737994",
45+
"editorLineNumber.activeForeground": "#c6d0f5",
46+
47+
"editorCursor.foreground": "#f2d5cf",
48+
49+
"diffEditor.insertedTextBackground": "#a6d18933",
50+
"diffEditor.removedTextBackground": "#e7828433"
51+
}
52+
}

‎dist/catppuccin/monaco/latte.json‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
{
2+
"base": "vs",
3+
"inherit": true,
4+
"rules": [
5+
{ "token": "", "foreground": "#4c4f69" },
6+
{ "token": "keyword", "foreground": "#8839ef" },
7+
{ "token": "string", "foreground": "#40a02b" },
8+
{ "token": "number", "foreground": "#fe640b" },
9+
{ "token": "comment", "foreground": "#9ca0b0" },
10+
{ "token": "type", "foreground": "#1e66f5" },
11+
{ "token": "function", "foreground": "#04a5e5" },
12+
{ "token": "variable", "foreground": "#4c4f69" },
13+
{ "token": "constant", "foreground": "#fe640b" },
14+
{ "token": "parameter", "foreground": "#ea76cb" },
15+
{ "token": "class", "foreground": "#df8e1d" },
16+
{ "token": "operator", "foreground": "#04a5e5" }
17+
],
18+
"colors": {
19+
"editor.background": "#eff1f5",
20+
"editor.foreground": "#4c4f69",
21+
"editor.lineHighlightBackground": "#ccd0da",
22+
"editor.selectionBackground": "#acb0be",
23+
"editor.inactiveSelectionBackground": "#ccd0da",
24+
25+
"editorWidget.background": "#dce0e8",
26+
"editorWidget.border": "#ccd0da",
27+
28+
"sideBar.background": "#dce0e8",
29+
"sideBar.foreground": "#4c4f69",
30+
31+
"editorBracketHighlight.foreground1": "#dc8a78",
32+
"editorBracketHighlight.foreground2": "#7287fd",
33+
"editorBracketHighlight.foreground3": "#8839ef",
34+
"editorBracketHighlight.foreground4": "#df8e1d",
35+
"editorBracketHighlight.foreground5": "#ea76cb",
36+
"editorBracketHighlight.foreground6": "#179299",
37+
"editorBracketHighlight.unexpectedBracket.foreground": "#d20f39",
38+
39+
"editorGutter.background": "#eff1f5",
40+
"editorGutter.modifiedBackground": "#1e66f5",
41+
"editorGutter.addedBackground": "#40a02b",
42+
"editorGutter.deletedBackground": "#d20f39",
43+
44+
"editorLineNumber.foreground": "#9ca0b0",
45+
"editorLineNumber.activeForeground": "#4c4f69",
46+
47+
"editorCursor.foreground": "#dc8a78",
48+
49+
"diffEditor.insertedTextBackground": "#40a02b33",
50+
"diffEditor.removedTextBackground": "#d20f3933"
51+
}
52+
}

‎dist/catppuccin/monaco/macchiato.json‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
{
2+
"base": "vs-dark",
3+
"inherit": true,
4+
"rules": [
5+
{ "token": "", "foreground": "#cad3f5" },
6+
{ "token": "keyword", "foreground": "#c6a0f6" },
7+
{ "token": "string", "foreground": "#a6da95" },
8+
{ "token": "number", "foreground": "#f5a97f" },
9+
{ "token": "comment", "foreground": "#6e738d" },
10+
{ "token": "type", "foreground": "#8aadf4" },
11+
{ "token": "function", "foreground": "#91d7e3" },
12+
{ "token": "variable", "foreground": "#cad3f5" },
13+
{ "token": "constant", "foreground": "#f5a97f" },
14+
{ "token": "parameter", "foreground": "#f5bde6" },
15+
{ "token": "class", "foreground": "#eed49f" },
16+
{ "token": "operator", "foreground": "#91d7e3" }
17+
],
18+
"colors": {
19+
"editor.background": "#24273a",
20+
"editor.foreground": "#cad3f5",
21+
"editor.lineHighlightBackground": "#363a4f",
22+
"editor.selectionBackground": "#494d64",
23+
"editor.inactiveSelectionBackground": "#363a4f",
24+
25+
"editorWidget.background": "#181926",
26+
"editorWidget.border": "#363a4f",
27+
28+
"sideBar.background": "#181926",
29+
"sideBar.foreground": "#cad3f5",
30+
31+
"editorBracketHighlight.foreground1": "#f4dbd6",
32+
"editorBracketHighlight.foreground2": "#b7bdf8",
33+
"editorBracketHighlight.foreground3": "#c6a0f6",
34+
"editorBracketHighlight.foreground4": "#eed49f",
35+
"editorBracketHighlight.foreground5": "#f5bde6",
36+
"editorBracketHighlight.foreground6": "#8bd5ca",
37+
"editorBracketHighlight.unexpectedBracket.foreground": "#ed8796",
38+
39+
"editorGutter.background": "#24273a",
40+
"editorGutter.modifiedBackground": "#8aadf4",
41+
"editorGutter.addedBackground": "#a6da95",
42+
"editorGutter.deletedBackground": "#ed8796",
43+
44+
"editorLineNumber.foreground": "#6e738d",
45+
"editorLineNumber.activeForeground": "#cad3f5",
46+
47+
"editorCursor.foreground": "#f4dbd6",
48+
49+
"diffEditor.insertedTextBackground": "#a6da9533",
50+
"diffEditor.removedTextBackground": "#ed879633"
51+
}
52+
}

‎dist/catppuccin/monaco/mocha.json‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
{
2+
"base": "vs-dark",
3+
"inherit": true,
4+
"rules": [
5+
{ "token": "", "foreground": "#cdd6f4" },
6+
{ "token": "keyword", "foreground": "#cba6f7" },
7+
{ "token": "string", "foreground": "#a6e3a1" },
8+
{ "token": "number", "foreground": "#fab387" },
9+
{ "token": "comment", "foreground": "#6c7086" },
10+
{ "token": "type", "foreground": "#89b4fa" },
11+
{ "token": "function", "foreground": "#89dceb" },
12+
{ "token": "variable", "foreground": "#cdd6f4" },
13+
{ "token": "constant", "foreground": "#fab387" },
14+
{ "token": "parameter", "foreground": "#f5c2e7" },
15+
{ "token": "class", "foreground": "#f9e2af" },
16+
{ "token": "operator", "foreground": "#89dceb" }
17+
],
18+
"colors": {
19+
"editor.background": "#1e1e2e",
20+
"editor.foreground": "#cdd6f4",
21+
"editor.lineHighlightBackground": "#313244",
22+
"editor.selectionBackground": "#45475a",
23+
"editor.inactiveSelectionBackground": "#313244",
24+
25+
"editorWidget.background": "#181825",
26+
"editorWidget.border": "#313244",
27+
28+
"sideBar.background": "#181825",
29+
"sideBar.foreground": "#cdd6f4",
30+
31+
"editorBracketHighlight.foreground1": "#f5e0dc",
32+
"editorBracketHighlight.foreground2": "#b4befe",
33+
"editorBracketHighlight.foreground3": "#cba6f7",
34+
"editorBracketHighlight.foreground4": "#f9e2af",
35+
"editorBracketHighlight.foreground5": "#f5c2e7",
36+
"editorBracketHighlight.foreground6": "#94e2d5",
37+
"editorBracketHighlight.unexpectedBracket.foreground": "#f38ba8",
38+
39+
"editorGutter.background": "#1e1e2e",
40+
"editorGutter.modifiedBackground": "#89b4fa",
41+
"editorGutter.addedBackground": "#a6e3a1",
42+
"editorGutter.deletedBackground": "#f38ba8",
43+
44+
"editorLineNumber.foreground": "#6c7086",
45+
"editorLineNumber.activeForeground": "#cdd6f4",
46+
47+
"editorCursor.foreground": "#f5e0dc",
48+
49+
"diffEditor.insertedTextBackground": "#a6e3a133",
50+
"diffEditor.removedTextBackground": "#f38ba833"
51+
}
52+
}

‎dist/catppuccin/prism/frappe.css‎

Lines changed: 135 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,135 @@
1+
code[class*="language-"],
2+
pre[class*="language-"] {
3+
color: #c6d0f5;
4+
}
5+
6+
:not(pre) > code[class*="language-"],
7+
pre[class*="language-"] {
8+
background: #292c3c;
9+
}
10+
11+
/* https://prismjs.com/tokens.html */
12+
13+
.token.keyword {
14+
color: #ca9ee6;
15+
}
16+
17+
.token.builtin {
18+
color: #e78284;
19+
}
20+
21+
.token.class-name {
22+
color: #e5c890;
23+
}
24+
25+
.token.function {
26+
color: #8caaee;
27+
}
28+
29+
.token.boolean,
30+
.token.number {
31+
color: #ef9f76;
32+
}
33+
34+
.token.string,
35+
.token.char {
36+
color: #a6d189;
37+
}
38+
39+
.token.symbol {
40+
color: #e5c890;
41+
}
42+
43+
.token.regex {
44+
color: #f4b8e4;
45+
}
46+
47+
.token.url {
48+
color: #a6d189;
49+
}
50+
51+
.token.operator {
52+
color: #99d1db;
53+
}
54+
55+
.token.variable {
56+
color: #c6d0f5;
57+
}
58+
59+
.token.constant {
60+
color: #ef9f76;
61+
}
62+
63+
.token.property {
64+
color: #8caaee;
65+
}
66+
67+
.token.punctuation {
68+
color: #949cbb;
69+
}
70+
71+
.token.important {
72+
color: #ca9ee6;
73+
}
74+
75+
.token.comment {
76+
color: #949cbb;
77+
}
78+
79+
.token.tag {
80+
color: #8caaee;
81+
}
82+
83+
.token.attr-name {
84+
color: #e5c890;
85+
}
86+
87+
.token.attr-value {
88+
color: #a6d189;
89+
}
90+
91+
.token.namespace {
92+
color: #e5c890;
93+
}
94+
95+
.token.prolog,
96+
.token.doctype {
97+
color: #ca9ee6;
98+
}
99+
100+
.token.cdata {
101+
color: #81c8be;
102+
}
103+
104+
.token.entity {
105+
color: #e78284;
106+
}
107+
108+
.token.atrule {
109+
color: #ca9ee6;
110+
}
111+
112+
.token.selector {
113+
color: #8caaee;
114+
}
115+
116+
/* Diff */
117+
118+
.token.deleted {
119+
color: #e78284;
120+
}
121+
122+
.token.inserted {
123+
color: #a6d189
124+
}
125+
126+
/* Other */
127+
128+
.token.important,
129+
.token.bold {
130+
font-weight: bold;
131+
}
132+
.token.italic {
133+
font-style: italic;
134+
}
135+

0 commit comments

Comments
 (0)