Skip to content

Add per-theme CSS for all remaining Cacti themes - #392

Merged
TheWitness merged 4 commits into
developfrom
feature/css-per-theme-coverage
Oct 14, 2026
Merged

TheWitness merged 4 commits into
developfrom
feature/css-per-theme-coverage

Conversation

@TheWitness

Copy link
Copy Markdown
Member

Summary

Ensures every Cacti (develop) theme has its own MacTrack stylesheet, so the Interfaces "Issues" pills, the dot1x status pill and the status legend are legible and theme-appropriate in all themes — not just the six that already had dedicated files.

Previously MacTrack shipped per-theme CSS for dark, deepness, modern, paper-plane, paw and sunrise. The Cacti develop theme set also includes cacti, carrot, hollyberry, raspberry (light) and midwinter (dark). For those, mactrack_page_head() fell back to the generic mactrack.css, which is not tuned to the theme.

Changes

New css/<theme>.css for each remaining theme:

Theme Variant Base template Accent
cacti light modern.css green
carrot light modern.css orange
hollyberry light modern.css holly red/green
raspberry light modern.css magenta
midwinter dark deepness.css cool blue

The semantic status colours for the pills/legend (green = up, red = errors/down, gold = discards, grey = graphless, orange = unaliased) stay consistent across every theme for readability; only the theme-branded chrome (the .mt* action-icon accents) changes per theme.

Verification

Each new stylesheet was rendered against the actual Cacti develop theme stylesheet with a realistic list table (active + inactive pill mixes and the legend footer) and visually confirmed legible. The four light themes were pixel-verified; midwinter is the verified deepness dark template with only the action-icon accents retinted.

MacTrack shipped dedicated stylesheets for dark, deepness, modern,
paper-plane, paw and sunrise, but the Cacti develop theme set also
includes cacti, carrot, hollyberry, raspberry (light) and midwinter
(dark). For those themes mactrack_page_head() fell back to the generic
mactrack.css, so the Issues/dot1x status pills and the status legend
were not tuned to the theme and could be hard to read.

This adds a dedicated, theme-appropriate stylesheet for each of the
remaining themes:

- cacti, carrot, hollyberry, raspberry: light-theme variant (based on
  modern.css) with the MacTrack action-icon accents retinted to each
  theme's signature colour.
- midwinter: dark-theme variant (based on deepness.css) with cool
  blue action-icon accents.

The semantic status colours for the pills and legend (green up, red
errors/down, etc.) stay consistent across themes for legibility; only
the theme-branded chrome changes per theme.
@TheWitness
TheWitness requested review from bmfmancini and xmacan and a balanced review from Copilot October 14, 2026 13:22

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟡 Changes recommended

Several icon colors fail contrast requirements, Midwinter lacks light-mode styling, and the change is absent from the changelog.

13 open findings
What changed in this PR

Adds dedicated MacTrack styling for the five remaining Cacti themes.

Changes:

  • Adds four light-theme stylesheets with branded icon accents.
  • Adds Midwinter styling based on the dark Deepness palette.
File Description
css/​cacti.css Adds Cacti theme styling.
css/​carrot.css Adds Carrot theme styling.
css/​hollyberry.css Adds Hollyberry theme styling.
css/​raspberry.css Adds Raspberry theme styling.
css/​midwinter.css Adds Midwinter theme styling.

🧠 Review effort: Balanced


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

Comment thread css/cacti.css
Comment thread css/cacti.css
Comment thread css/carrot.css
Comment thread css/carrot.css
Comment thread css/carrot.css
Comment thread css/midwinter.css Outdated
Comment thread css/midwinter.css
Comment thread css/raspberry.css
Comment thread css/raspberry.css
Comment thread css/cacti.css
xmacan
xmacan previously approved these changes Oct 14, 2026

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Comment thread css/midwinter.css Outdated
@TheWitness
TheWitness merged commit d2e06df into develop Oct 14, 2026
5 checks passed
@TheWitness
TheWitness deleted the feature/css-per-theme-coverage branch October 14, 2026 17:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants