diff --git a/templates/threads.html b/templates/threads.html index 82103e8..ce9067e 100644 --- a/templates/threads.html +++ b/templates/threads.html @@ -100,15 +100,19 @@ } .pill { - border-radius: 0.5em; - background-color: rgba(197, 209, 222, 0.5); + border-radius: 2em; + background-color: rgba(197, 209, 222, 0.25); margin: 0 0.5em 0.5em 0; - padding: 0.5em; + padding: 1em; display: inline-block; font-size: var(--font-size-sm); color: var(--text-color-dark); text-decoration: none; + &:hover { + color: var(--color-link); + } + & .pill-label { background-color: rgba(0, 0, 0, 0.15); border-radius: 0.5em; @@ -289,6 +293,10 @@ .pill { background-color: rgba(0, 0, 0, 0.15); color: var(--text-color-light-faded); + + &:hover { + color: var(--color-brand-complement); + } } }