diff --git a/web/ops/ops-styles.css b/web/ops/ops-styles.css
index 37f2ba5..d2d921e 100644
--- a/web/ops/ops-styles.css
+++ b/web/ops/ops-styles.css
@@ -55,14 +55,27 @@ main.ops-main {
   height: 26px;
   padding: 0 10px;
   font-size: 12px;
-  border: 1px solid var(--border);
-  background: var(--surface);
+  border: 1px solid var(--accent);
+  background: var(--accent);
+  color: #fff;
   cursor: pointer;
 }
 
 .toolbar button:hover {
+  background: var(--accent-hover);
+  border-color: var(--accent-hover);
+}
+
+.toolbar button.secondary {
+  background: var(--surface);
+  color: var(--text-2);
+  border-color: var(--border);
+}
+
+.toolbar button.secondary:hover {
   border-color: var(--accent);
   color: var(--accent);
+  background: var(--surface);
 }
 
 .ops-segment-list {
@@ -187,6 +200,7 @@ main.ops-main {
   font-size: 11px;
   border: 1px solid var(--border);
   background: var(--surface);
+  color: var(--text-2);
   cursor: pointer;
 }
 
@@ -310,16 +324,24 @@ main.ops-main {
   padding: 0 8px;
   border: 1px solid var(--border);
   background: var(--surface);
+  color: var(--text-2);
   cursor: pointer;
 }
 
+.row-actions button:hover {
+  border-color: var(--accent);
+  color: var(--accent);
+}
+
 .row-actions button.danger {
   border-color: var(--danger);
   color: var(--danger);
+  background: var(--surface);
 }
 
 .row-actions button.danger:hover {
   background: rgba(239, 68, 68, 0.06);
+  color: var(--danger);
 }
 
 .row-edit,
@@ -399,9 +421,15 @@ main.ops-main {
   padding: 4px 12px;
   border: 1px solid var(--border);
   background: var(--surface);
+  color: var(--text-2);
   cursor: pointer;
 }
 
+.form-actions button:hover {
+  border-color: var(--accent);
+  color: var(--accent);
+}
+
 .form-actions button[type="submit"] {
   border-color: var(--accent);
   color: var(--accent);
@@ -409,7 +437,7 @@ main.ops-main {
 
 .form-actions button[type="submit"]:hover {
   background: var(--accent);
-  color: white;
+  color: #fff;
 }
 
 .config-table {