From 6ff9b806de9f935bfd53faa054b3275df71b478a Mon Sep 17 00:00:00 2001 From: Emmanuel Gil Peyrot Date: Fri, 25 Jun 2021 23:06:42 +0200 Subject: [PATCH] CSS: Improve the contrast for the dark theme This was reported by this tool: https://wave.webaim.org/ --- prettify.css | 18 +++++++++--------- xmpp.css | 17 +++++++++++++++++ 2 files changed, 26 insertions(+), 9 deletions(-) diff --git a/prettify.css b/prettify.css index f5db08dc..531dbb4a 100644 --- a/prettify.css +++ b/prettify.css @@ -26,14 +26,14 @@ } @media screen and ( prefers-color-scheme: dark ) { - .str { color: #090; } - .kwd { color: #009; } - .com { color: #f77; } - .typ { color: #b0b; } - .lit { color: #0bb; } - .pun { color: #bb0; } + .str { color: #0d0; } + .kwd { color: #00d; } + .com { color: #f88; } + .typ { color: #d0d; } + .lit { color: #0dd; } + .pun { color: #dd0; } .pln { color: #fff; } - .tag { color: #77f; font-weight: bold; } - .atn { color: #f7f; } - .atv { color: #7f7; } + .tag { color: #88f; font-weight: bold; } + .atn { color: #f8f; } + .atv { color: #8f8; } } diff --git a/xmpp.css b/xmpp.css index 08a30a83..22029bbc 100644 --- a/xmpp.css +++ b/xmpp.css @@ -1706,6 +1706,10 @@ background-color: #282828; } + pre, code { + color: red; + } + figure.code, figure.code-example, figure.example { @@ -1728,9 +1732,22 @@ color: #ccc; } + a { + color: #4b3; + } + a.standardsButton { color: #eee; } + + ol.timeline { + border-right: 0.1em solid #ccc; + } + + ol.timeline > li::after, + ol.timeline > li::before { + background: #ccc; + } } @media print {