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

fix(client): repair selection and highlight style (#40879)

Browse Source
This commit is contained in:
Oliver Eyton-Williams
2021-02-02 20:13:32 +01:00
committed by GitHub
parent 6c020f7069
commit 1dc01df7df
4 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -93,7 +93,7 @@ p {
} }
::selection { ::selection {
background-color: rgba(var(--highlight-color), 0.3); background-color: var(--selection-color);
} }
@media (max-width: 500px) { @media (max-width: 500px) {
@ -522,7 +522,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: rgb(var(--highlight-color)); color: var(--highlight-color);
} }
.has-error .help-block, .has-error .help-block,

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

@ -15,7 +15,9 @@
--yellow-light: #ffc300; --yellow-light: #ffc300;
--yellow-dark: #4d3800; --yellow-dark: #4d3800;
--blue-light: rgb(153, 201, 255); --blue-light: rgb(153, 201, 255);
--blue-light-translucent: rgb(153, 201, 255, 0.3);
--blue-dark: rgb(0, 46, 173); --blue-dark: rgb(0, 46, 173);
--blue-dark-translucent: rgb(0, 46, 173, 0.3);
--green-light: #acd157; --green-light: #acd157;
--blue-mid: #198eee; --blue-mid: #198eee;
--purple-mid: darkviolet; --purple-mid: darkviolet;
@ -39,6 +41,7 @@
--primary-background: var(--gray-90); --primary-background: var(--gray-90);
--highlight-color: var(--blue-light); --highlight-color: var(--blue-light);
--highlight-background: var(--blue-dark); --highlight-background: var(--blue-dark);
--selection-color: var(--blue-light-translucent);
--success-color: var(--green-light); --success-color: var(--green-light);
--success-background: var(--green-dark); --success-background: var(--green-dark);
--danger-color: var(--red-light); --danger-color: var(--red-light);
@ -58,6 +61,7 @@
--primary-background: var(--gray-00); --primary-background: var(--gray-00);
--highlight-color: var(--blue-dark); --highlight-color: var(--blue-dark);
--highlight-background: var(--blue-light); --highlight-background: var(--blue-light);
--selection-color: var(--blue-dark-translucent);
--success-color: var(--green-dark); --success-color: var(--green-dark);
--success-background: var(--green-light); --success-background: var(--green-light);
--danger-color: var(--red-dark); --danger-color: var(--red-dark);

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

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

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

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