git.iko.soy/urbit.org
on master help sign in
css: themed syntax highlighting with @urcades
6cca7d4Matilde Park
styles/prism.css+14−9
compare with master
unifiedsplit
@@ -8,9 +8,9 @@ https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+ja
8
8
9code[class*="language-"],
9code[class*="language-"],
10pre[class*="language-"] {
10pre[class*="language-"] {
11− color: black;
11+ @apply text-gray;
12 background: none;
12 background: none;
13− font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
13+ font-family: "Source Code Pro", monospace;
14 font-size: 1em;
14 font-size: 1em;
15 text-align: left;
15 text-align: left;
16 white-space: pre;
16 white-space: pre;
@@ -67,11 +67,14 @@ code[class*="language-"] {
67.token.tag,
67.token.tag,
68.token.boolean,
68.token.boolean,
69.token.number,
69.token.number,
70−.token.function-name,
71.token.constant,
70.token.constant,
72.token.symbol,
71.token.symbol,
73.token.deleted {
72.token.deleted {
74− color: #c92c2c;
73+ @apply text-red;
74+}
75+
76+.token.function-name {
77+ @apply text-black;
75}
78}
76
79
77.token.selector,
80.token.selector,
@@ -81,22 +84,24 @@ code[class*="language-"] {
81.token.function,
84.token.function,
82.token.builtin,
85.token.builtin,
83.token.inserted {
86.token.inserted {
84− color: #2f9c0a;
87+ @apply text-green;
85}
88}
86
89
87.token.operator,
90.token.operator,
88.token.entity,
91.token.entity,
89.token.url,
92.token.url,
90.token.variable {
93.token.variable {
91− color: #a67f59;
94+ @apply text-gray;
92− background: rgba(255, 255, 255, 0.5);
93}
95}
94
96
95.token.atrule,
97.token.atrule,
96.token.attr-value,
98.token.attr-value,
97−.token.keyword,
98.token.class-name {
99.token.class-name {
99− color: #1990b8;
100+ @apply text-blue;
101+}
102+
103+.token.keyword {
104+ @apply text-purple;
100}
105}
101
106
102.token.regex,
107.token.regex,
tailwind.config.js+2
@@ -17,6 +17,8 @@ module.exports = {
17 lightGreen: "rgba(0, 159, 101, 0.3)",
17 lightGreen: "rgba(0, 159, 101, 0.3)",
18 washedGreen: "rgba(0, 159, 101, 0.05)",
18 washedGreen: "rgba(0, 159, 101, 0.05)",
19 blue: "#219DFF",
19 blue: "#219DFF",
20+ purple: "rgba(157,82,255,0.8)",
21+ red: "#ff4136",
20 },
22 },
21 fontFamily: {
23 fontFamily: {
22 sans: ["Inter", "-apple-system", "sans-serif"],
24 sans: ["Inter", "-apple-system", "sans-serif"],