cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: better syntax highlight colors

Browse source
This commit is contained in:
Cory Dransfeldt 2024-06-21 10:06:31 -07:00
parent c1f78b90e1
commit b3fe9d5778
No known key found for this signature in database
2 changed files with 14 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.5.22", "version": "19.5.23",
"description": "The source for my personal site. Built using 11ty.", "description": "The source for my personal site. Built using 11ty.",
"type": "module", "type": "module",
"scripts": { "scripts": {

28
src/assets/styles/plugins/prism.css
View file

@ -1,6 +1,6 @@
code[class*="language-"], code[class*="language-"],
pre[class*="language-"] { pre[class*="language-"] {
color: var(--blue-100); color: #b0cfff;
background: none; background: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.3); text-shadow: 0 1px rgba(0, 0, 0, 0.3);
font-family: var(--font-mono); font-family: var(--font-mono);
@ -14,31 +14,29 @@ pre[class*="language-"] {
hyphens: none; hyphens: none;
} }
/* code blocks */
pre[class*="language-"] { pre[class*="language-"] {
padding: var(--sizing-lg); padding: var(--sizing-lg);
margin: var(--sizing-xl) 0; margin: var(--sizing-xl) 0;
overflow: auto; overflow: auto;
background: var(--gray-darkest); background: #1a1d22;
border: 1px solid var(--gray-light); border: 1px solid #dfe3e8;
} }
/* inline code */
:not(pre) > code[class*="language-"] { :not(pre) > code[class*="language-"] {
padding: var(--sizing-xs); padding: var(--sizing-xs);
white-space: normal; white-space: normal;
background: var(--gray-darkest); background: #1a1d22;
} }
.token.comment, .token.comment,
.token.prolog, .token.prolog,
.token.doctype, .token.doctype,
.token.cdata { .token.cdata {
color: var(--gray-600); color: #7f899b;
} }
.token.punctuation { .token.punctuation {
color: var(--gray-200); color: #dfe3e8;
} }
.namespace { .namespace {
@ -50,12 +48,12 @@ pre[class*="language-"] {
.token.constant, .token.constant,
.token.symbol, .token.symbol,
.token.deleted { .token.deleted {
color: var(--blue-500); color: #4b88ff;
} }
.token.boolean, .token.boolean,
.token.number { .token.number {
color: var(--blue-700); color: #2458d4;
} }
.token.selector, .token.selector,
@ -64,7 +62,7 @@ pre[class*="language-"] {
.token.char, .token.char,
.token.builtin, .token.builtin,
.token.inserted { .token.inserted {
color: var(--green-500); color: #2ecc71;
} }
.token.operator, .token.operator,
@ -73,23 +71,23 @@ pre[class*="language-"] {
.language-css .token.string, .language-css .token.string,
.style .token.string, .style .token.string,
.token.variable { .token.variable {
color: var(--blue-100); color: #3498db;
} }
.token.atrule, .token.atrule,
.token.attr-value, .token.attr-value,
.token.function, .token.function,
.token.class-name { .token.class-name {
color: var(--orange-600); color: #e67e22;
} }
.token.keyword { .token.keyword {
color: var(--teal-500); color: #1abc9c;
} }
.token.regex, .token.regex,
.token.important { .token.important {
color: var(--orange-500); color: #e74c3c;
} }
.token.important, .token.important,