[BUGFIX] color issues
This commit is contained in:
@@ -16,6 +16,7 @@
|
|||||||
--pico-card-sectioning-background-color: unset;
|
--pico-card-sectioning-background-color: unset;
|
||||||
--pico-mark-background-color: yellow !important;
|
--pico-mark-background-color: yellow !important;
|
||||||
--pico-mark-color: black !important;
|
--pico-mark-color: black !important;
|
||||||
|
--custom-box-shadow: #015886;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Headline Styles */
|
/** Headline Styles */
|
||||||
@@ -38,18 +39,23 @@ input[type="submit"],
|
|||||||
button:not([class="secondary"]) {
|
button:not([class="secondary"]) {
|
||||||
transition: box-shadow 0.3s ease;
|
transition: box-shadow 0.3s ease;
|
||||||
|
|
||||||
background: var(--pico-primary);
|
background: var(--pico-primary-background);
|
||||||
border: solid 1px var(--pico-primary-hover-background);
|
border: solid 1px var(--custom-box-shadow);
|
||||||
|
|
||||||
box-shadow: 1px 0px 0px var(--pico-primary-hover-background),0px 1px 0px var(--pico-primary-hover-background),
|
box-shadow: 1px 0px 0px var(--custom-box-shadow),0px 1px 0px var(--custom-box-shadow),
|
||||||
2px 1px 0px var(--pico-primary-hover-background),1px 2px 0px var(--pico-primary-hover-background),
|
2px 1px 0px var(--custom-box-shadow),1px 2px 0px var(--custom-box-shadow),
|
||||||
3px 2px 0px var(--pico-primary-hover-background),2px 3px 0px var(--pico-primary-hover-background),
|
3px 2px 0px var(--custom-box-shadow),2px 3px 0px var(--custom-box-shadow),
|
||||||
4px 3px 0px var(--pico-primary-hover-background),3px 4px 0px var(--pico-primary-hover-background),
|
4px 3px 0px var(--custom-box-shadow),3px 4px 0px var(--custom-box-shadow),
|
||||||
5px 4px 0px var(--pico-primary-hover-background),4px 5px 0px var(--pico-primary-hover-background),
|
5px 4px 0px var(--custom-box-shadow),4px 5px 0px var(--custom-box-shadow),
|
||||||
6px 5px 0px var(--pico-primary-hover-background),5px 6px 0px var(--pico-primary-hover-background),
|
6px 5px 0px var(--custom-box-shadow),5px 6px 0px var(--custom-box-shadow),
|
||||||
7px 6px 0px var(--pico-primary-hover-background),6px 7px 0px var(--pico-primary-hover-background),
|
7px 6px 0px var(--custom-box-shadow),6px 7px 0px var(--custom-box-shadow),
|
||||||
8px 7px 0px var(--pico-primary-hover-background),7px 8px 0px var(--pico-primary-hover-background),
|
8px 7px 0px var(--custom-box-shadow),7px 8px 0px var(--custom-box-shadow),
|
||||||
9px 8px 0px var(--pico-primary-hover-background),8px 9px 0px var(--pico-primary-hover-background);
|
9px 8px 0px var(--custom-box-shadow),8px 9px 0px var(--custom-box-shadow);
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="submit"]:focus,
|
||||||
|
button:not([class="secondary"]):focus {
|
||||||
|
outline: 3px solid yellow;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* When the button is clicked */
|
/* When the button is clicked */
|
||||||
|
Reference in New Issue
Block a user