diff options
Diffstat (limited to 'frontend/style.sass')
| -rw-r--r-- | frontend/style.sass | 30 |
1 files changed, 21 insertions, 9 deletions
diff --git a/frontend/style.sass b/frontend/style.sass index eac7239..b804f37 100644 --- a/frontend/style.sass +++ b/frontend/style.sass @@ -1,8 +1,10 @@ -$ac-dark: rgb(29, 24, 29) -$ac-light: rgb(255, 116, 227) +$dark: #1a101a +$ac-dark: #452273 +$light: rgb(255, 116, 227) +$ac-light: rgb(217, 99, 193) body - background-color: $ac-dark + background-color: $dark margin: 0px p, h1, h2, h3, h4, h5, h6, input, button, label, li @@ -39,7 +41,7 @@ section.engine-select flex-direction: row flex-wrap: wrap li - background-color: #00000040 + background-color: #000000 border-radius: 0.5em padding: 1em margin: 0.5em @@ -48,7 +50,7 @@ section.engine-select cursor: pointer transition: background-color 0.1s ease-out &:hover - background-color: #00000080 + background-color: $ac-dark section.search width: 100vw @@ -67,20 +69,30 @@ input, button input width: 25em - border: 0.15em solid $ac-light + border: 0.15em solid $light background-color: rgba(0, 0, 0, 0.3) outline: none - transition: background-color 0.1s ease-out, border-color 0.1s ease-out + transition: background-color 0.2s ease-out, border-color 0.2s ease-out &:focus background-color: rgba(0, 0, 0, 0.5) - border-color: lightgray !important + border-color: $ac-light button margin-left: 1em - background-color: $ac-light + color: white + background-color: $light backdrop-filter: blur(5px) border: 0 cursor: pointer + transition: background-color 0.2s + &:hover + background-color: $ac-light label margin-right: 1em + +a + color: $light + transition: color 0.2s + &:hover + color: $ac-light |