From bf0cbf2bfa65c3430d1c5ff5a60a0044e29ee022 Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Thu, 30 Oct 2025 11:37:00 +0000
Subject: Adding polish

---
 .../app/src/component/header-context-menu.css      | 42 +++++++++++++++-------
 1 file changed, 29 insertions(+), 13 deletions(-)

(limited to 'packages/console/app/src/component/header-context-menu.css')

diff --git a/packages/console/app/src/component/header-context-menu.css b/packages/console/app/src/component/header-context-menu.css
index ee30b10c6..e88af0c58 100644
--- a/packages/console/app/src/component/header-context-menu.css
+++ b/packages/console/app/src/component/header-context-menu.css
@@ -2,33 +2,49 @@
   position: fixed;
   z-index: 1000;
   min-width: 160px;
-  border: 1px solid var(--color-border);
-  border-radius: var(--border-radius-sm);
-  background-color: var(--color-bg);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-  padding: var(--space-1);
+  border-radius: 8px;
+  background-color: var(--color-background);
+  box-shadow: 0 0 0 1px rgba(19, 16, 16, 0.08), 0 6px 8px -4px rgba(19, 16, 16, 0.12), 0 4px 3px -2px rgba(19, 16, 16, 0.12), 0 1px 2px -1px rgba(19, 16, 16, 0.12);
+  padding: 6px;
 
   @media (prefers-color-scheme: dark) {
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+    box-shadow: 0 0 0 1px rgba(247, 237, 237, 0.1);
   }
 }
 
 .context-menu-item {
-  display: block;
+  display: flex;
+  gap: 12px;
   width: 100%;
-  padding: var(--space-2-5) var(--space-3);
-  border: none;
+  padding: 8px 16px 8px 8px;
+  font-weight: 500;
+  cursor: pointer;
   background: none;
+  border: none;
+  align-items: center;
   color: var(--color-text);
   font-size: var(--font-size-sm);
-  font-family: var(--font-sans);
   text-align: left;
   cursor: pointer;
-  border-radius: var(--border-radius-sm);
-  transition: background-color 0.15s ease;
+  border-radius: 2px;
+  transition: background-color 0.2s ease;
+
+  [data-slot="copy dark"] {
+    display: none;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    [data-slot="copy light"] {
+      display: none;
+    }
+    [data-slot="copy dark"] {
+      display: block;
+    }
+  }
 
   &:hover {
-    background-color: var(--color-bg-surface);
+    background-color: var(--color-background-weak-hover);
+    color: var(--color-text-strong);
   }
 }
 
-- 
cgit v1.2.3