[BUGFIX] color issues

This commit is contained in:
Marie Birner
2025-08-03 13:56:19 +02:00
parent eac9dd3ead
commit 8a3fec49d0

View File

@@ -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 */