From decb87969440cc427684c1b22b4df49d75d991a4 Mon Sep 17 00:00:00 2001
From: Paulson J Paul <73777251+paulsonjpaul@users.noreply.github.com>
Date: Mon, 21 Dec 2020 21:16:33 +0530
Subject: [PATCH] fix(client): better contrast for code sections when selected
 (#40461)

Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
---
 client/src/components/layouts/global.css                    | 6 +++++-
 client/src/components/layouts/variables.css                 | 4 ++--
 client/src/templates/Challenges/classic/classic.css         | 2 +-
 .../Challenges/components/challenge-description.css         | 4 ++++
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/client/src/components/layouts/global.css b/client/src/components/layouts/global.css
index 44dc7f0313..5e464f1d11 100644
--- a/client/src/components/layouts/global.css
+++ b/client/src/components/layouts/global.css
@@ -68,6 +68,10 @@ p {
   overflow-wrap: break-word;
 }
 
+::selection {
+  background-color: rgba(var(--highlight-color), 0.3);
+}
+
 @media (max-width: 500px) {
   .big-heading {
     font-size: 1.5rem !important;
@@ -459,7 +463,7 @@ pre {
 .has-success.checkbox label,
 .has-success.radio-inline label,
 .has-success.checkbox-inline label {
-  color: var(--highlight-color);
+  color: rgb(var(--highlight-color));
 }
 
 .has-error .help-block,
diff --git a/client/src/components/layouts/variables.css b/client/src/components/layouts/variables.css
index c8e41c2513..4fd5ac5585 100644
--- a/client/src/components/layouts/variables.css
+++ b/client/src/components/layouts/variables.css
@@ -14,8 +14,8 @@
   --purple-dark: #5a01a7;
   --yellow-light: #ffc300;
   --yellow-dark: #4d3800;
-  --blue-light: #99c9ff;
-  --blue-dark: #002ead;
+  --blue-light: 153, 201, 255;
+  --blue-dark: 0, 46, 173;
   --green-light: #acd157;
   --blue-mid: #198eee;
   --purple-mid: darkviolet;
diff --git a/client/src/templates/Challenges/classic/classic.css b/client/src/templates/Challenges/classic/classic.css
index bc5df4e463..6b0bb96038 100644
--- a/client/src/templates/Challenges/classic/classic.css
+++ b/client/src/templates/Challenges/classic/classic.css
@@ -3,7 +3,7 @@
 }
 
 .monaco-menu .action-label {
-  color: var(--highlight-color);
+  color: rgb(var(--highlight-color));
   letter-spacing: 0.02em;
 }
 
diff --git a/client/src/templates/Challenges/components/challenge-description.css b/client/src/templates/Challenges/components/challenge-description.css
index 39bec9d157..74be766f68 100644
--- a/client/src/templates/Challenges/components/challenge-description.css
+++ b/client/src/templates/Challenges/components/challenge-description.css
@@ -16,3 +16,7 @@
 #instructions ol {
   font-family: 'Lato', sans-serif;
 }
+
+#description ::selection {
+  background-color: rgba(var(--highlight-color), 0.3);
+}