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 {