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
parent
cd27e73917
commit
ce24845fa1
|
@ -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);
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue