playwriter
Code Issues

website: tune diagram colors — darker structure, teal-green labels, heavier weight

Browse Source 
- Structure chars darkened: #c0c0c0 → #999 (light), #555 → #666 (dark)
- Labels switched to teal-green: #0d7a5f (light), #6ee7b7 (dark)
- Removed bold from labels, bumped diagram font-weight to 500 so
  box-drawing characters aren't paper-thin at 400
This commit is contained in:
Tommy D. Rossi
2026-02-24 14:49:35 +01:00
parent 786c6bf395
commit 6dca255bd7
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/styles/editorial-prism.css
+9 -6
View File
@@ -131,17 +131,20 @@ pre[class*='language-'] {
} }
/* Diagram language: neutral box-drawing, colored text labels */ /* Diagram language: neutral box-drawing, colored text labels */
code.language-diagram {
font-weight: 500;
}
.language-diagram .token.box-drawing { .language-diagram .token.box-drawing {
color: #c0c0c0; color: #999;
} }
.language-diagram .token.line-char { .language-diagram .token.line-char {
color: #c0c0c0; color: #999;
} }
.language-diagram .token.label { .language-diagram .token.label {
color: #0550ae; color: #0d7a5f;
font-weight: 600;
} }
/* No text shadow on any token */ /* No text shadow on any token */
@@ -173,8 +176,8 @@ pre[class*='language-'] {
--prism-spread: #ff7b72; --prism-spread: #ff7b72;
--prism-regex: #a5d6ff; --prism-regex: #a5d6ff;
--prism-bash-fn: #79c0ff; --prism-bash-fn: #79c0ff;
--prism-diagram-structure: #555; --prism-diagram-structure: #666;
--prism-diagram-label: #79bbff; --prism-diagram-label: #6ee7b7;
} }
} }