greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: Can't read buttons on dev 404 page + nightmode (#36929) 

* fix: Can't read buttons on dev 404 page + nightmode

* fix: Can't read buttons on dev 404 page + nightmode, updated in global.css file

* Removed unnecesary changes

* feat: arrange the styles


Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
pull/37091/head
Carlos Pulido 2019-10-07 16:40:10 +02:00 committed by mrugesh
parent cd27e73917
commit ce24845fa1
1 changed files with 44 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -132,6 +132,16 @@ a:focus {
} }
/* button */ /* button */
button,
input[type='submit'] {
background-color: var(--quaternary-background);
color: var(--secondary-color);
border-width: 2px;
border-style: outset;
border-color: buttonface;
border-image: initial;
}
.btn { .btn {
background-color: var(--quaternary-background); background-color: var(--quaternary-background);
border-width: 3px; border-width: 3px;
@ -195,14 +205,6 @@ fieldset[disabled] .btn-primary.focus {
color: var(--quaternary-color); color: var(--quaternary-color);
} }
/* .btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: none;
} */
.btn-cta { .btn-cta {
background-color: #ffac33; background-color: #ffac33;
background-image: linear-gradient(#ffcc4d, #ffac33); background-image: linear-gradient(#ffcc4d, #ffac33);
@ -384,3 +386,37 @@ blockquote .small {
.alert { .alert {
border-radius: 0px; border-radius: 0px;
} }
/* gatsby 404 page */
.default-layout > div > :nth-child(3) > button,
input[type='submit'] {
background-color: var(--quaternary-background);
}
.default-layout > div > :nth-child(3) > button:hover,
input[type='submit']:hover {
background-color: var(--secundary-background);
}
.default-layout > div > :nth-child(3) > button:active,
input[type='submit']:active {
background: var(--primary-color);
color: var(--secondary-background);
outline: 0;
outline-color: none;
outline-color: var(--secundary-background);
border: none;
}
#search {
background-color: var(--quaternary-background);
color: var(--primary-color);
border-color: var(--quaternary-color);
border-width: 2px;
border-style: outset;
border-color: buttonface;
border-image: initial;
}
#search::placeholder {
color: var(--secondary-color);
}