diff --git a/client/components/ContextMenu.css b/client/components/ContextMenu.css
index b8441dfe..07b35ca2 100644
--- a/client/components/ContextMenu.css
+++ b/client/components/ContextMenu.css
@@ -3,8 +3,8 @@
   position: absolute;
   padding: 0;
   border-radius: 4px;
-  background: #fff;
-  border: 1px solid #aaa;
+  background: var(--bg-primary);
+  border: 1px solid var(--border-color);
   list-style: none;
   opacity: 1;
   white-space: nowrap;
diff --git a/client/components/ContextMenuItem.css b/client/components/ContextMenuItem.css
index a33bc962..84c17dae 100644
--- a/client/components/ContextMenuItem.css
+++ b/client/components/ContextMenuItem.css
@@ -11,7 +11,8 @@
 
 .disabled {
   cursor: default;
-  color: gray;
+  color: var(--text-secondary);
+  opacity: 0.40;
 }
 
 .item.disabled:hover {