Vijay Janapa Reddi f9f26eebc8 fix(mlsysim): rename dark accent to avoid scss-defaults collision ...

Quarto auto-applies !default to every variable in scss:defaults, and
Quarto compiles the theme list in order: style.scss is processed before
dark-mode.scss. style.scss declares `$mlsysim-accent: #0284C7` (the light
cyan); dark-mode.scss reassigning the same name to #38BDF8 was silently
ignored because the variable was already locked by !default. Result:
every `rgba($mlsysim-accent, X)` call in dark-mode.scss compiled with the
light value, so the active sidebar link and active TOC link rendered with
Bootstrap's --bs-primary cyan instead of the brighter dark accent.

Renamed the dark variable to $mlsysim-accent-dark across the file.
Also tightened the active-state cascade by moving color/background/weight
into the high-specificity #quarto-sidebar guard block, matching the look
in instructors/ (white text on subtle 15% accent tint, weight 500).

Documented the gotcha inline so future edits don't repeat it.

2026-05-03 09:54:57 -04:00

..

dark-mode.scss

fix(mlsysim): rename dark accent to avoid scss-defaults collision

2026-05-03 09:54:57 -04:00

landing.css

…

landing.js

…

style.scss

…