diff options
Diffstat (limited to 'web/style/nodecard.css')
| -rw-r--r-- | web/style/nodecard.css | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/web/style/nodecard.css b/web/style/nodecard.css index d32d5f4..a83056c 100644 --- a/web/style/nodecard.css +++ b/web/style/nodecard.css @@ -87,7 +87,7 @@ } .node.card.poster .poster:hover .cardhover.open { opacity: 1; - background-color: #0004; + background-color: var(--overlay); backdrop-filter: blur(3px); } .node.card.poster .poster .cardhover.open a { @@ -97,14 +97,14 @@ font-size: large; display: block; text-align: center; - background-color: #0004; + background-color: var(--overlay); border-radius: 0.2em; padding: 0.6em; margin: 0.6em; transition: background-color 0.2s; } .node.card.poster .poster .cardhover.open a:hover { - background-color: #0008; + background-color: var(--overlay-hover); } .node.card.poster .poster .cardhover.item { @@ -119,7 +119,7 @@ } .node.card.poster .poster:hover .cardhover.item { opacity: 1; - background-color: #0004; + background-color: var(--overlay); backdrop-filter: blur(3px); } @@ -134,11 +134,11 @@ border-radius: 50%; font-size: 1.8em; pointer-events: all; - background-color: #0005; + background-color: var(--overlay); transition: background-color 0.2s, font-size 0.2s; } .node.card.poster .poster .cardhover.item a.play:hover { - background-color: #0008; + background-color: var(--overlay-hover); font-size: 2.4em; } .node.card.poster .poster .cardhover.item .props { |