From 03c5ca554c30186c6d900108179f5914c7c86c10 Mon Sep 17 00:00:00 2001
From: Scott Horton <shorton88@gmail.com>
Date: Sat, 26 Sep 2026 13:44:45 -0500
Subject: [PATCH 1/3] Improve catalog buttons and soften light theme

---
 CHANGELOG.md                        |  5 ++
 frontend/src/Catalog.tsx            |  1 +
 frontend/src/styles.css             | 88 ++++++++++++++++++-----------
 package-lock.json                   |  4 +-
 package.json                        |  2 +-
 splunk_actionstack/default/app.conf |  2 +-
 6 files changed, 66 insertions(+), 36 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 96464f3..98948ef 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,10 @@
 # Changelog
 
+## 0.5.7
+
+- Make catalog Open form controls prominent buttons with larger click targets and keyboard focus styling.
+- Soften the light theme with darker slate surfaces, stronger borders, and deeper iridescent accents across the catalog, forms, and settings.
+
 ## 0.5.6
 
 - Load standard Linux CA bundles alongside Python trust defaults for SOAR HTTPS connections. Preserve explicit runtime CA overrides and certificate/hostname verification.
diff --git a/frontend/src/Catalog.tsx b/frontend/src/Catalog.tsx
index 26f0433..d3e9ab6 100644
--- a/frontend/src/Catalog.tsx
+++ b/frontend/src/Catalog.tsx
@@ -160,6 +160,7 @@ export function Catalog({
                   <div className="actionstack-catalog-card-footer">
                     <span>{workspaceName(f)}</span>
                     <button
+                      className="button primary actionstack-open-form"
                       onClick={() => onOpen(f)}
                       aria-label={"Open " + f.title}
                     >
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 78343db..4c901b7 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -2873,18 +2873,22 @@
   padding-top: 14px;
   border-top: 1px solid #2b313d;
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   gap: 10px;
   justify-content: space-between;
   font-size: 11px;
   color: #8f9cb2;
 }
-.actionstack-app .actionstack-catalog-card-footer button {
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  color: #c4b4e8;
-  white-space: nowrap;
+.actionstack-app .actionstack-catalog-card-footer > span {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+.actionstack-app .actionstack-catalog-card-footer .actionstack-open-form {
+  min-height: 44px;
+  padding: 10px 16px;
+  flex-shrink: 0;
+  font-size: 14px !important;
 }
 .actionstack-app .actionstack-catalog-pagination {
   display: flex;
@@ -3286,13 +3290,13 @@
 }
 .actionstack-app[data-theme="light"] {
   color-scheme: light;
-  --bg: #f4f5fa;
-  --panel: #ffffff;
-  --line: #d8deea;
-  --text: #252e41;
-  --muted: #59677d;
-  --subtle: #64728b;
-  --purple: #7050a9;
+  --bg: #dce2eb;
+  --panel: #e9edf3;
+  --line: #bac5d5;
+  --text: #202b3d;
+  --muted: #45546b;
+  --subtle: #526078;
+  --purple: #624093;
 }
 .actionstack-app[data-theme="light"]
   :is(
@@ -3331,7 +3335,7 @@
     .canvas-caption,
     .stat-row > div
   ) {
-  background: linear-gradient(130deg, #eeeafa, #eff7fa);
+  background: linear-gradient(130deg, #d8d2ec, #d5e5eb);
   color: var(--text);
   border-color: var(--line);
 }
@@ -3346,17 +3350,17 @@
     .field-preview,
     .preview-input
   ) {
-  background: #f8f9fc;
+  background: #f0f3f7;
   color: var(--text);
-  border-color: #cbd3e2;
+  border-color: #b4c0d2;
 }
 .actionstack-app[data-theme="light"] :is(input, textarea)::placeholder {
-  color: #68758c;
+  color: #58677e;
 }
 .actionstack-app[data-theme="light"] .canvas-placeholder {
-  background: #f8f9fc;
+  background: #f0f3f7;
   color: var(--muted);
-  border-color: #cbd3e2;
+  border-color: #b4c0d2;
 }
 .actionstack-app[data-theme="light"] :is(.title-input, .description-input) {
   background: transparent !important;
@@ -3367,9 +3371,9 @@
     .palette-grid button,
     .actionstack-form-icon-options label
   ) {
-  background: #f0f2f8;
+  background: #dce3ed;
   color: var(--text);
-  border-color: #cbd3e2;
+  border-color: #b4c0d2;
 }
 .actionstack-app[data-theme="light"]
   :is(
@@ -3378,7 +3382,7 @@
     .canvas-field.selected,
     .canvas-field:hover
   ) {
-  background: #e8e7f5;
+  background: #d6cee8;
   border-color: #b6a5d7;
 }
 .actionstack-app[data-theme="light"]
@@ -3439,14 +3443,13 @@
     .actionstack-form-icon-options label.selected,
     .actionstack-lookup-results [aria-selected="true"]
   ) {
-  background: #e8e1f6;
+  background: #d3c6e8;
   color: #573987;
-  border-color: #b19acb;
+  border-color: #9b80be;
 }
 .actionstack-app[data-theme="light"]
   :is(
     .actionstack-favorite.selected,
-    .actionstack-catalog-card-footer button,
     .actionstack-run-summary summary,
     .actionstack-automation-toggle .eyebrow
   ) {
@@ -3457,15 +3460,15 @@
     .actionstack-app .workspace .actionstack-workspace-select option,
     option
   ) {
-  background: white;
+  background: var(--panel);
   color: var(--text);
 }
 .actionstack-app[data-theme="light"] .actionstack-automation-toggle {
-  background: linear-gradient(120deg, #efe9fa, #e7f4f8);
+  background: linear-gradient(120deg, #dcd3ed, #d1e5eb);
   border-color: #b7a3ce;
 }
 .actionstack-app[data-theme="light"] .actionstack-automation-toggle.enabled {
-  background: linear-gradient(120deg, #e9e9fc, #dcf3eb);
+  background: linear-gradient(120deg, #d8d9ef, #cbe6db);
   border-color: #78ad9d;
 }
 .actionstack-app[data-theme="light"] .notice {
@@ -3538,7 +3541,7 @@
 }
 .actionstack-host:has(.actionstack-app[data-theme="light"]),
 .actionstack-host:has(.actionstack-app[data-theme="light"]) .dashboard-body {
-  background: #f4f5fa !important;
+  background: #dce2eb !important;
 }
 @media (max-width: 1000px) {
   .actionstack-app .actionstack-workspace-permissions {
@@ -3614,7 +3617,7 @@
   border-color: var(--line);
 }
 .actionstack-app[data-theme="light"] pre {
-  background: #f3f5fa;
+  background: #e0e6ef;
   color: var(--text);
   border-color: var(--line);
 }
@@ -3628,10 +3631,10 @@
   color: var(--muted) !important;
 }
 .actionstack-app[data-theme="light"] th {
-  background: #eceff6;
+  background: #d5deea;
 }
 .actionstack-app[data-theme="light"] tbody tr:hover {
-  background: #f0edf9;
+  background: #dcd5ec;
 }
 .actionstack-app[data-theme="light"] .actionstack-catalog-card-footer {
   border-color: var(--line);
@@ -3853,3 +3856,24 @@
   margin-top: 4px;
   overflow-wrap: anywhere;
 }
+
+/* Muted light surfaces retain separation without large areas of pure white. */
+.actionstack-app[data-theme="light"] :is(.sidebar, .topbar) {
+  background: #e1e6ef;
+}
+.actionstack-app[data-theme="light"] :focus-visible {
+  outline-color: #63418e;
+}
+.actionstack-app[data-theme="light"] .button.primary {
+  background: linear-gradient(105deg, #bca6e7, #a9b2dd 65%, #99bfce);
+  color: #202437;
+  border-color: #927fb5;
+  box-shadow: 0 2px 4px #34436726;
+}
+.actionstack-app[data-theme="light"] .button.primary:not(:disabled):hover,
+.actionstack-app[data-theme="light"] .button.primary:focus-visible {
+  background: linear-gradient(105deg, #c8b5ec, #aecfdc);
+  box-shadow:
+    -6px 0 20px #50a8cf40,
+    6px 0 20px #a379ce40;
+}
diff --git a/package-lock.json b/package-lock.json
index 2ee5267..64c2b09 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "splunk-actionstack",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "splunk-actionstack",
-      "version": "0.5.6",
+      "version": "0.5.7",
       "dependencies": {
         "lucide-react": "^0.577.0",
         "react": "^19.2.0",
diff --git a/package.json b/package.json
index bb1bc76..bc6be8e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "splunk-actionstack",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "private": true,
   "type": "module",
   "scripts": {
diff --git a/splunk_actionstack/default/app.conf b/splunk_actionstack/default/app.conf
index ba0d165..6eb52d6 100644
--- a/splunk_actionstack/default/app.conf
+++ b/splunk_actionstack/default/app.conf
@@ -8,7 +8,7 @@ label = ActionStack
 
 [launcher]
 author = ActionStack
-version = 0.5.6
+version = 0.5.7
 description = Role-aware forms and reliable event submission to Splunk SOAR.
 
 [package]

From 0af55da9cc2f7dcc84ed58ffbb8e761f607e234a Mon Sep 17 00:00:00 2001
From: Scott Horton <shorton88@gmail.com>
Date: Sat, 26 Sep 2026 13:55:44 -0500
Subject: [PATCH 2/3] Make catalog open buttons compact with dark resting glow

---
 CHANGELOG.md            |  2 +-
 frontend/src/styles.css | 14 +++++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 98948ef..a576a7e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,7 +2,7 @@
 
 ## 0.5.7
 
-- Make catalog Open form controls prominent buttons with larger click targets and keyboard focus styling.
+- Make catalog Open form controls compact buttons with keyboard focus styling. In dark mode, use a dark iridescent fill that lights up on hover or keyboard focus, with a shine animation on hover.
 - Soften the light theme with darker slate surfaces, stronger borders, and deeper iridescent accents across the catalog, forms, and settings.
 
 ## 0.5.6
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 4c901b7..edc307c 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -2885,10 +2885,18 @@
   overflow-wrap: anywhere;
 }
 .actionstack-app .actionstack-catalog-card-footer .actionstack-open-form {
-  min-height: 44px;
-  padding: 10px 16px;
+  min-height: 34px;
+  padding: 6px 10px;
+  gap: 6px;
   flex-shrink: 0;
-  font-size: 14px !important;
+  font-size: 12px !important;
+}
+.actionstack-app[data-theme="dark"]
+  .button.actionstack-open-form:not(:hover):not(:focus-visible) {
+  background: linear-gradient(105deg, #30263f, #252d40 65%, #203b41);
+  border-color: #625474;
+  color: #e0d6f1;
+  box-shadow: inset 0 1px 0 #c4a5e51a;
 }
 .actionstack-app .actionstack-catalog-pagination {
   display: flex;

From 4448d487a9b3ccea279163c32a51e10dbabd9240 Mon Sep 17 00:00:00 2001
From: Scott Horton <shorton88@gmail.com>
Date: Sat, 26 Sep 2026 14:05:05 -0500
Subject: [PATCH 3/3] Fix light theme hover states and submission badge
 contrast

---
 CHANGELOG.md            |  1 +
 frontend/src/styles.css | 33 +++++++++++++++++++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a576a7e..824b2bb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 - Make catalog Open form controls compact buttons with keyboard focus styling. In dark mode, use a dark iridescent fill that lights up on hover or keyboard focus, with a shine animation on hover.
 - Soften the light theme with darker slate surfaces, stronger borders, and deeper iridescent accents across the catalog, forms, and settings.
+- Correct light-theme hover colors for navigation, filters, lookup results, and icon controls; improve submission-count badge contrast and size.
 
 ## 0.5.6
 
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index edc307c..9782d7d 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -3441,6 +3441,39 @@
   ) {
   color: var(--muted);
 }
+.actionstack-app[data-theme="light"]
+  :is(
+    .sidebar nav button:hover,
+    .settings-nav:hover,
+    .filter-tabs button:hover,
+    .palette-grid button:hover,
+    .actionstack-catalog-filters button:hover,
+    .actionstack-favorite:hover,
+    .actionstack-form-icon-options label:hover,
+    .actionstack-lookup-results [role="option"]:hover
+  ) {
+  background: #d6cee8;
+  color: #493565;
+  border-color: #a58dbf;
+}
+.actionstack-app[data-theme="light"] .icon-button:hover {
+  background: #d6cee8;
+  color: #493565 !important;
+}
+.actionstack-app[data-theme="light"] .icon-button.danger:hover {
+  background: #f0d7df;
+  color: #943042 !important;
+}
+.actionstack-app[data-theme="light"] :is(.nav-count, .count) {
+  background: #d3dce9;
+  color: #303d53;
+  border: 1px solid #8c9bb3;
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 1.5;
+  min-width: 22px;
+  padding: 1px 5px;
+}
 .actionstack-app[data-theme="light"]
   :is(
     .sidebar nav button.active,