From 205be3db81d7e35ee5a21f13992db5b5014bae0a Mon Sep 17 00:00:00 2001 From: Prashant <42613882+PrashantSakre@users.noreply.github.com> Date: Thu, 10 Jun 2021 10:56:35 +0530 Subject: [PATCH] fix(client): Insufficient color contrast on highlighted code block (#42415) Co-authored-by: PrashantSakre --- client/src/components/layouts/prism-night.css | 7 +++++++ client/src/components/layouts/prism.css | 7 +++++++ 2 files changed, 14 insertions(+) diff --git a/client/src/components/layouts/prism-night.css b/client/src/components/layouts/prism-night.css index 382000cafe..e30ef66478 100644 --- a/client/src/components/layouts/prism-night.css +++ b/client/src/components/layouts/prism-night.css @@ -51,6 +51,13 @@ padding in night mode */ background: var(--primary-background); } +.night pre[class*='language-']::selection, +.night pre[class*='language-'] ::selection, +.night code[class*='language-']::selection, +.night code[class*='language-'] ::selection { + background: var(--selection-color); +} + /* Inline code */ .night :not(pre) > code[class*='language-'] { padding: 0.1em; diff --git a/client/src/components/layouts/prism.css b/client/src/components/layouts/prism.css index 91590f678f..611a4cf403 100644 --- a/client/src/components/layouts/prism.css +++ b/client/src/components/layouts/prism.css @@ -7,6 +7,13 @@ pre[class*='language-'] { background: var(--primary-background); } +.default pre[class*='language-']::selection, +.default pre[class*='language-'] ::selection, +.default code[class*='language-']::selection, +.default code[class*='language-'] ::selection { + background: var(--selection-color); +} + * { text-shadow: none !important; }