client/css: dark mode contrast fixes (#388)

* client/css: fix dark mode pagination header bg

* client/css/post-main-view: dark uses box-shadow

* client/css: animate compact-tags updates

* client: tag input animations fixed

* client/css: darken darktheme success bg

* client/css: dark tag background colors

* client/css/tag-input-control: dark suggest header

* client/css: darktheme mobile site-name in nav
This commit is contained in:
Ben Klein
2021-07-05 07:24:04 -04:00
committed by GitHub
parent fa4997fbb9
commit 414106a477
5 changed files with 43 additions and 7 deletions

View File

@ -27,7 +27,7 @@
padding: 0.3em 0
text-align: center
vertical-align: middle
transition: background 0.2s linear
transition: background 0.2s linear, box-shadow 0.2s linear
&:not(.inactive):hover
background: lighten($main-color, 90%)
i
@ -45,6 +45,14 @@
.post-content
margin: 0
.darktheme .post-view
>.sidebar
nav.buttons
article
a:not(.inactive):hover
background: unset
box-shadow: inset 0 0 0 0.3em $main-color
@media (max-width: 800px)
.post-view
flex-wrap: wrap