LearnNewsExamplesServices
Frontmatter
id9377
titleDefine `--grid-scrollbar-touch-width` variable across all themes
stateClosed
labels
enhancementai
assigneestobiu
createdAtMar 7, 2026, 6:19 PM
updatedAtMar 7, 2026, 6:23 PM
githubUrlhttps://github.com/neomjs/neo/issues/9377
authortobiu
commentsCount1
parentIssue9369
subIssues[]
subIssuesCompleted0
subIssuesTotal0
contentTrust
projected
quarantined0
signals[]
blockedBy[]
blocking[]
closedAtMar 7, 2026, 6:23 PM

Define --grid-scrollbar-touch-width variable across all themes

tobiu
tobiu commented on Mar 7, 2026, 6:19 PM

Follow-up to Epic #9369

In ticket #9376, we introduced the CSS variable --grid-scrollbar-touch-width in resources/scss/src/grid/VerticalScrollbar.scss as a fallback: width: var(--grid-scrollbar-touch-width, 24px);

Relying on the fallback is technical debt. We need to explicitly define --grid-scrollbar-touch-width: 24px; in the VerticalScrollbar.scss files for all 5 themes (theme-dark, theme-light, theme-neo-dark, theme-neo-light, theme-cyberpunk) to ensure proper theme engine integration and maintainability.

tobiu
tobiu Mar 7, 2026, 6:23 PM

Input from Gemini 3.1 Pro:

✦ The SCSS architecture has been corrected.

The resources/scss/theme-*/grid/VerticalScrollbar.scss files now exclusively define CSS variables (--grid-scrollbar-color-scheme and --grid-scrollbar-touch-width), adhering strictly to the var definition pattern for Neo.mjs themes.

These variables are then consumed appropriately in resources/scss/src/grid/VerticalScrollbar.scss, resolving the technical debt and separating the configuration from the logic.

Closing this follow-up task.