diff options
Diffstat (limited to 'bskyweb')
| -rw-r--r-- | bskyweb/templates/base.html | 41 |
1 files changed, 22 insertions, 19 deletions
diff --git a/bskyweb/templates/base.html b/bskyweb/templates/base.html index 228c3d894..4fb3a2095 100644 --- a/bskyweb/templates/base.html +++ b/bskyweb/templates/base.html @@ -39,25 +39,6 @@ scrollbar-gutter: stable both-edges; } - /* Remove autofill styles on Webkit */ - input:-webkit-autofill, - input:-webkit-autofill:hover, - input:-webkit-autofill:focus, - textarea:-webkit-autofill, - textarea:-webkit-autofill:hover, - textarea:-webkit-autofill:focus, - select:-webkit-autofill, - select:-webkit-autofill:hover, - select:-webkit-autofill:focus { - border: 0; - -webkit-text-fill-color: transparent; - -webkit-box-shadow: none; - } - /* Force left-align date/time inputs on iOS mobile */ - input::-webkit-date-and-time-value { - text-align: left; - } - /* Color theming */ :root { --text: black; @@ -86,6 +67,28 @@ } } + ::selection { + background-color: var(--backgroundLight); + } + + /* Remove autofill styles on Webkit */ + input:autofill, + input:-webkit-autofill, + input:-webkit-autofill:hover, + input:-webkit-autofill:focus, + input:-webkit-autofill:active{ + -webkit-background-clip: text; + -webkit-text-fill-color: var(--text); + transition: background-color 5000s ease-in-out 0s; + box-shadow: inset 0 0 20px 20px var(--background); + background: var(--background); + color: var(--text); + } + /* Force left-align date/time inputs on iOS mobile */ + input::-webkit-date-and-time-value { + text-align: left; + } + body { display: flex; /* Allows you to scroll below the viewport; default value is visible */ |