From 1a45ce7fc28d69b6bbf2260d41b3f30a46252e83 Mon Sep 17 00:00:00 2001
From: Cacti Group <devteam@cacti.net>
Date: Mon, 5 Oct 2026 08:04:01 -0400
Subject: [PATCH] Add theme-appropriate colors for graph-view threshold glyphs

The toggle-threshold-VRULEs and create-threshold action glyphs rendered on the graph view page had no color defined in any theme. Add a theme-appropriate color for each (.tholdVRules, .tholdEdit) across all packaged themes, and brighten the existing .tholdGlyph* action colors on the dark themes (dark, midwinter, sunrise, paper-plane) where the original values were too dark to read against the dark backgrounds.
---
 css/classic.css     |  9 +++++++++
 css/dark.css        | 25 +++++++++++++++++--------
 css/midwinter.css   | 25 +++++++++++++++++--------
 css/modern.css      |  9 +++++++++
 css/paper-plane.css | 25 +++++++++++++++++--------
 css/paw.css         |  9 +++++++++
 css/sunrise.css     | 25 +++++++++++++++++--------
 7 files changed, 95 insertions(+), 32 deletions(-)

diff --git a/css/classic.css b/css/classic.css
index b91aa8f8..cdc1aa59 100644
--- a/css/classic.css
+++ b/css/classic.css
@@ -269,6 +269,15 @@
 	color: #336600;
 }
 
+/* Graph view action glyphs (toggle threshold VRULEs, create threshold) */
+.tholdVRules {
+	color: #1b6ca8;
+}
+
+.tholdEdit {
+	color: #666666;
+}
+
 .tholdLog {
 	white-space: pre-wrap !important;
 }
diff --git a/css/dark.css b/css/dark.css
index 53012925..f491fa60 100644
--- a/css/dark.css
+++ b/css/dark.css
@@ -260,35 +260,44 @@
 }
 
 .tholdGlyphEdit {
-	color: #666666;
+	color: #b3b3b3;
 }
 
 .tholdGlyphDisable {
-	color: #990000;
+	color: #e06666;
 }
 
 .tholdGlyphEnable {
-	color: #006600;
+	color: #4caf50;
 }
 
 .tholdGlyphChart {
-	color: #996600;
+	color: #d6a13a;
 }
 
 .tholdGlyphLog {
-	color: #999900;
+	color: #c7c04a;
 }
 
 .tholdGlyphAcknowledge {
-	color: #336600;
+	color: #7cb342;
 }
 
 .tholdGlyphAcknowledge {
-	color: #336600;
+	color: #7cb342;
 }
 
 .tholdGlyphAcknowledgeSuspend {
-	color: #336600;
+	color: #7cb342;
+}
+
+/* Graph view action glyphs (toggle threshold VRULEs, create threshold) */
+.tholdVRules {
+	color: #4aa3df;
+}
+
+.tholdEdit {
+	color: #b3b3b3;
 }
 
 .tholdLog {
diff --git a/css/midwinter.css b/css/midwinter.css
index c8fe759f..27389d68 100644
--- a/css/midwinter.css
+++ b/css/midwinter.css
@@ -260,35 +260,44 @@
 }
 
 .tholdGlyphEdit {
-	color: #666666;
+	color: #b3b3b3;
 }
 
 .tholdGlyphDisable {
-	color: #990000;
+	color: #e06666;
 }
 
 .tholdGlyphEnable {
-	color: #006600;
+	color: #4caf50;
 }
 
 .tholdGlyphChart {
-	color: #996600;
+	color: #d6a13a;
 }
 
 .tholdGlyphLog {
-	color: #999900;
+	color: #c7c04a;
 }
 
 .tholdGlyphAcknowledge {
-	color: #336600;
+	color: #7cb342;
 }
 
 .tholdGlyphAcknowledge {
-	color: #336600;
+	color: #7cb342;
 }
 
 .tholdGlyphAcknowledgeSuspend {
-	color: #336600;
+	color: #7cb342;
+}
+
+/* Graph view action glyphs (toggle threshold VRULEs, create threshold) */
+.tholdVRules {
+	color: #4aa3df;
+}
+
+.tholdEdit {
+	color: #b3b3b3;
 }
 
 .tholdLog {
diff --git a/css/modern.css b/css/modern.css
index b27a1b66..8c30644a 100644
--- a/css/modern.css
+++ b/css/modern.css
@@ -285,6 +285,15 @@
 	color: #336600;
 }
 
+/* Graph view action glyphs (toggle threshold VRULEs, create threshold) */
+.tholdVRules {
+	color: #1b6ca8;
+}
+
+.tholdEdit {
+	color: #666666;
+}
+
 .tholdLog {
 	white-space: pre-wrap !important;
 }
diff --git a/css/paper-plane.css b/css/paper-plane.css
index 4bd5a01a..fae12fbe 100644
--- a/css/paper-plane.css
+++ b/css/paper-plane.css
@@ -234,35 +234,44 @@
 }
 
 .tholdGlyphEdit {
-	color: #666666;
+	color: #b3b3b3;
 }
 
 .tholdGlyphDisable {
-	color: #990000;
+	color: #e06666;
 }
 
 .tholdGlyphEnable {
-	color: #006600;
+	color: #4caf50;
 }
 
 .tholdGlyphChart {
-	color: #996600;
+	color: #d6a13a;
 }
 
 .tholdGlyphLog {
-	color: #999900;
+	color: #c7c04a;
 }
 
 .tholdGlyphAcknowledge {
-	color: #336600;
+	color: #7cb342;
 }
 
 .tholdGlyphAcknowledge {
-	color: #336600;
+	color: #7cb342;
 }
 
 .tholdGlyphAcknowledgeSuspend {
-	color: #336600;
+	color: #7cb342;
+}
+
+/* Graph view action glyphs (toggle threshold VRULEs, create threshold) */
+.tholdVRules {
+	color: #4aa3df;
+}
+
+.tholdEdit {
+	color: #b3b3b3;
 }
 
 .tholdLog {
diff --git a/css/paw.css b/css/paw.css
index b54a656a..9b519bd8 100644
--- a/css/paw.css
+++ b/css/paw.css
@@ -291,6 +291,15 @@
 	color: #336600;
 }
 
+/* Graph view action glyphs (toggle threshold VRULEs, create threshold) */
+.tholdVRules {
+	color: #1b6ca8;
+}
+
+.tholdEdit {
+	color: #666666;
+}
+
 .tholdLog {
 	white-space: pre-wrap !important;
 }
diff --git a/css/sunrise.css b/css/sunrise.css
index 19d70745..7c72a465 100644
--- a/css/sunrise.css
+++ b/css/sunrise.css
@@ -260,35 +260,44 @@
 }
 
 .tholdGlyphEdit {
-	color: #666666;
+	color: #b3b3b3;
 }
 
 .tholdGlyphDisable {
-	color: #990000;
+	color: #e06666;
 }
 
 .tholdGlyphEnable {
-	color: #006600;
+	color: #4caf50;
 }
 
 .tholdGlyphChart {
-	color: #996600;
+	color: #d6a13a;
 }
 
 .tholdGlyphLog {
-	color: #999900;
+	color: #c7c04a;
 }
 
 .tholdGlyphAcknowledge {
-	color: #336600;
+	color: #7cb342;
 }
 
 .tholdGlyphAcknowledge {
-	color: #336600;
+	color: #7cb342;
 }
 
 .tholdGlyphAcknowledgeSuspend {
-	color: #336600;
+	color: #7cb342;
+}
+
+/* Graph view action glyphs (toggle threshold VRULEs, create threshold) */
+.tholdVRules {
+	color: #4aa3df;
+}
+
+.tholdEdit {
+	color: #b3b3b3;
 }
 
 .tholdLog {