diff --git a/static/serve/style.css b/static/serve/style.css index 9df0abb..a45458b 100644 --- a/static/serve/style.css +++ b/static/serve/style.css @@ -16,6 +16,7 @@ --pico-card-sectioning-background-color: unset; --pico-mark-background-color: yellow !important; --pico-mark-color: black !important; + --custom-box-shadow: #015886; } /** Headline Styles */ @@ -38,18 +39,23 @@ input[type="submit"], button:not([class="secondary"]) { transition: box-shadow 0.3s ease; - background: var(--pico-primary); - border: solid 1px var(--pico-primary-hover-background); + background: var(--pico-primary-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), - 2px 1px 0px var(--pico-primary-hover-background),1px 2px 0px var(--pico-primary-hover-background), - 3px 2px 0px var(--pico-primary-hover-background),2px 3px 0px var(--pico-primary-hover-background), - 4px 3px 0px var(--pico-primary-hover-background),3px 4px 0px var(--pico-primary-hover-background), - 5px 4px 0px var(--pico-primary-hover-background),4px 5px 0px var(--pico-primary-hover-background), - 6px 5px 0px var(--pico-primary-hover-background),5px 6px 0px var(--pico-primary-hover-background), - 7px 6px 0px var(--pico-primary-hover-background),6px 7px 0px var(--pico-primary-hover-background), - 8px 7px 0px var(--pico-primary-hover-background),7px 8px 0px var(--pico-primary-hover-background), - 9px 8px 0px var(--pico-primary-hover-background),8px 9px 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(--custom-box-shadow),1px 2px 0px var(--custom-box-shadow), + 3px 2px 0px var(--custom-box-shadow),2px 3px 0px var(--custom-box-shadow), + 4px 3px 0px var(--custom-box-shadow),3px 4px 0px var(--custom-box-shadow), + 5px 4px 0px var(--custom-box-shadow),4px 5px 0px var(--custom-box-shadow), + 6px 5px 0px var(--custom-box-shadow),5px 6px 0px var(--custom-box-shadow), + 7px 6px 0px var(--custom-box-shadow),6px 7px 0px var(--custom-box-shadow), + 8px 7px 0px var(--custom-box-shadow),7px 8px 0px var(--custom-box-shadow), + 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 */