Add theme-appropriate colors for QuickTree graph action glyphs

[TheWitness]

Description

QuickTree renders two action glyphs:

• Add this graph to QuickTree — printed on the graph view page via the graph_buttons / graph_buttons_thumbnails hooks (quicktree_graph_buttons() in setup.php).
• Remove This Graph From QuickTree — printed on quicktree.php, plus the matching legend icons in the Information/Directions box.

These glyphs reused Cacti's core deviceUp / deviceDown classes, so their color was entirely dependent on core and QuickTree had no say in it. This gives QuickTree its own glyph classes with theme-appropriate colors, mirroring the approach used in plugin_thold.

Changes

• New glyph classes .quicktreeAdd (green, "add") and .quicktreeRemove (red, "remove") replace the use of core deviceUp / deviceDown in all four markup locations (setup.php graph button, the quicktree.php remove link, and the two legend icons).
• Default colors for both classes are added to the base css/quicktree.css so any theme (including custom themes that ship no QuickTree stylesheet) still gets a sensible color.
• Per-theme stylesheets are added for each packaged Cacti theme:
  • Light (classic, modern, paw): add #2e7d32, remove #c62828.
  • Dark (dark, midwinter, sunrise, paper-plane): add #4caf50, remove #e06666 — brightened so they read against the dark backgrounds (sunrise and paper-plane are dark themes despite their names).
• quicktree_page_head() now loads the base stylesheet and the selected theme's stylesheet (when present) on every page, not just quicktree.php. This is required because the add glyph is rendered on the graph view page, where the stylesheet was previously not loaded.

Related Issue

Motivation and Context

The add/remove glyphs borrowed their color from core and were not owned or tunable by QuickTree. This gives both glyphs an intentional, theme-matched color in every packaged theme (and a graceful default elsewhere), consistent with how plugin_thold themes its glyphs.

Because the glyphs are rendered by the plugin itself and the matching stylesheet is loaded by quicktree_page_head() via get_selected_theme(), the change works the same on both Cacti 1.2.x and the develop branch.

How Has This Been Tested?

• php -l passes on setup.php and quicktree.php.
• Verified no deviceUp / deviceDown references remain and that all four glyph sites now use .quicktreeAdd / .quicktreeRemove.
• Confirmed every stylesheet's CSS braces balance and that each theme file defines the two classes.
• Cross-checked light vs. dark classification against each theme's body background in Cacti core (include/themes/*/main.css).

Screenshots (if appropriate):

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation repository accordingly.

[Copilot]

Copilot review overview

🟡 Changes recommended

The behavior needs automated coverage and a required changelog entry.

Review effort: Balanced
Findings: 1

Open (1)

• Document theme-aware action glyph colors in CHANGELOG.md · New

What changed in this PR

Adds theme-aware colors for QuickTree’s add/remove graph glyphs.

Changes:

• Replaces core glyph classes with QuickTree-specific classes.
• Loads base and selected-theme stylesheets globally.
• Adds light and dark theme color variants.

File	Description
setup.php	Updates add glyph and stylesheet loading.
quicktree.php	Updates remove and legend glyph classes.
css/​quicktree.css	Adds default glyph colors.
css/​classic.css	Adds light-theme colors.
css/​modern.css	Adds light-theme colors.
css/​paw.css	Adds light-theme colors.
css/​dark.css	Adds dark-theme colors.
css/​midwinter.css	Adds dark-theme colors.
css/​sunrise.css	Adds dark-theme colors.
css/​paper-plane.css	Adds dark-theme colors.

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.