diff --git a/assets/styles/global/_cards.scss b/assets/styles/global/_cards.scss index c21616c679..c76850fe9d 100644 --- a/assets/styles/global/_cards.scss +++ b/assets/styles/global/_cards.scss @@ -20,8 +20,11 @@ } &.disabled{ - background-color: var(---disabled-bg); + background-color: var(--disabled-bg); border-left: solid 10px var(--disabled-text); + > * { + opacity: .3; + } } &:hover:not(.disabled) { @@ -42,9 +45,6 @@ .link-logo { text-align: center; - // position: absolute; - // left: 25px; - // top: 25px; width: 60px; height: 60px; border-radius: calc(2 * var(--border-radius)); diff --git a/assets/styles/themes/_dark.scss b/assets/styles/themes/_dark.scss index 92509129a0..f374894f24 100644 --- a/assets/styles/themes/_dark.scss +++ b/assets/styles/themes/_dark.scss @@ -59,7 +59,7 @@ --nav-bg: #{$darkest}; --nav-active: #{rgba($primary, 0.3)}; - --disabled-bg: #{$disabled}; + --disabled-bg: #{darken($disabled, 10%)}; --disabled-text: #{$secondary}; --box-bg: #{$darkest}; --subtle-border: #{$darkest};