[Enhancement]: Gray out section labels and text when extension is disabled #287
Description
Enhancement Summary
When the Scrum Helper extension is disabled using the Enable / Disable toggle, all input fields become non-interactive as expected, but the section labels and descriptive text remain visually bold and active. This creates a misleading UI state. The enhancement proposes visually dimming (graying out) labels and text when the extension is disabled to clearly indicate an inactive state.
Motivation
Currently, when the extension is disabled, Inputs are disabled, but labels and section headers such as (platform, project Name (used in email subject), Your GitHub Username, Fetch your contributions between, Show PRs Labels, Show commits on open PRs / draft PRs, Scrum Report) remain bold and visually prominent.
This causes UX inconsistency, as users may assume these sections are still active or configurable even though the extension is turned off. Graying out labels and text will make the disabled state more obvious and intuitive.
Proposed Solution
When the extension is disabled:
Apply a disabled/secondary text style (e.g., reduced opacity or muted gray color)
Ensure visual consistency between:
Disabled inputs
Their corresponding labels and sections
This would align the visual state with the functional state of the extension.
Screenshots / Mockups
Contribution Checklist
- I have checked existing enhancement requests
- I have clearly described the proposed change
- I have explained the motivation and context
- I am willing to help implement this feature (optional)