gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(client): better contrast for code sections when selected (#40461)

Browse Source 
Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
This commit is contained in:
Paulson J Paul
2020-12-21 21:16:33 +05:30
committed by GitHub
parent 5458b586f0
commit decb879694
4 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/components/layouts/global.css
View File

@ -68,6 +68,10 @@ p {
overflow-wrap: break-word; overflow-wrap: break-word;
} }
::selection {
background-color: rgba(var(--highlight-color), 0.3);
}
@media (max-width: 500px) { @media (max-width: 500px) {
.big-heading { .big-heading {
font-size: 1.5rem !important; font-size: 1.5rem !important;
@ -459,7 +463,7 @@ pre {
.has-success.checkbox label, .has-success.checkbox label,
.has-success.radio-inline label, .has-success.radio-inline label,
.has-success.checkbox-inline label { .has-success.checkbox-inline label {
color: var(--highlight-color); color: rgb(var(--highlight-color));
} }
.has-error .help-block, .has-error .help-block,

4
client/src/components/layouts/variables.css
View File

@ -14,8 +14,8 @@
--purple-dark: #5a01a7; --purple-dark: #5a01a7;
--yellow-light: #ffc300; --yellow-light: #ffc300;
--yellow-dark: #4d3800; --yellow-dark: #4d3800;
--blue-light: #99c9ff; --blue-light: 153, 201, 255;
--blue-dark: #002ead; --blue-dark: 0, 46, 173;
--green-light: #acd157; --green-light: #acd157;
--blue-mid: #198eee; --blue-mid: #198eee;
--purple-mid: darkviolet; --purple-mid: darkviolet;

2
client/src/templates/Challenges/classic/classic.css
View File

@ -3,7 +3,7 @@
} }
.monaco-menu .action-label { .monaco-menu .action-label {
color: var(--highlight-color); color: rgb(var(--highlight-color));
letter-spacing: 0.02em; letter-spacing: 0.02em;
} }

4
client/src/templates/Challenges/components/challenge-description.css
View File

@ -16,3 +16,7 @@
#instructions ol { #instructions ol {
font-family: 'Lato', sans-serif; font-family: 'Lato', sans-serif;
} }
#description ::selection {
background-color: rgba(var(--highlight-color), 0.3);
}