Skip to content

Add new accent colours replacing legacy ones - #33974

Merged
ajuncosa merged 7 commits into
musescore:mainfrom
ajuncosa:accent-colours
Aug 7, 2026
Merged

Add new accent colours replacing legacy ones#33974
ajuncosa merged 7 commits into
musescore:mainfrom
ajuncosa:accent-colours

Conversation

@ajuncosa

@ajuncosa ajuncosa commented Jun 26, 2026

Copy link
Copy Markdown
Contributor

Resolves: #33863

Related to: musescore/muse_framework#109

Adds new accent colours to the light and dark themes, and displays them in two rows instead of one. This is updated in both the "Preferences" menu, as well as in the first slide of the "Getting started" first-launch dialog.

@coderabbitai

coderabbitai Bot commented Jun 26, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 6ad39ec4-c503-4b67-a257-032c6e85c63a

📥 Commits

Reviewing files that changed from the base of the PR and between 8fd5d80 and 9d849b8.

⛔ Files ignored due to path filters (1)
  • src/appshell/qml/MuseScore/AppShell/FirstLaunchSetup/resources/MuseSounds.png is excluded by !**/*.png
📒 Files selected for processing (18)
  • muse
  • sandbox/web_sandbox/configs/dark.cfg
  • sandbox/web_sandbox/configs/light.cfg
  • src/app/configs/dark.cfg
  • src/app/configs/light.cfg
  • src/appshell/qml/MuseScore/AppShell/FirstLaunchSetup/FirstLaunchSetupDialog.qml
  • src/appshell/qml/MuseScore/AppShell/FirstLaunchSetup/ThemesPage.qml
  • src/appshell/qml/MuseScore/AppShell/FirstLaunchSetup/TutorialsPage.qml
  • src/appshell/qml/MuseScore/AppShell/FirstLaunchSetup/themespagemodel.cpp
  • src/appshell/qml/MuseScore/AppShell/FirstLaunchSetup/themespagemodel.h
  • src/preferences/qml/MuseScore/Preferences/AccentColorsList.qml
  • src/preferences/qml/MuseScore/Preferences/AppearancePreferencesPage.qml
  • src/preferences/qml/MuseScore/Preferences/ThemeSamplesList.qml
  • src/preferences/qml/MuseScore/Preferences/appearancepreferencesmodel.cpp
  • src/preferences/qml/MuseScore/Preferences/appearancepreferencesmodel.h
  • src/preferences/qml/MuseScore/Preferences/internal/AccentColorsSection.qml
  • src/preferences/qml/MuseScore/Preferences/internal/ThemeSample.qml
  • src/preferences/qml/MuseScore/Preferences/internal/ThemesSection.qml
🚧 Files skipped from review as they are similar to previous changes (17)
  • muse
  • src/appshell/qml/MuseScore/AppShell/FirstLaunchSetup/FirstLaunchSetupDialog.qml
  • src/preferences/qml/MuseScore/Preferences/internal/ThemeSample.qml
  • src/app/configs/light.cfg
  • sandbox/web_sandbox/configs/dark.cfg
  • src/preferences/qml/MuseScore/Preferences/internal/AccentColorsSection.qml
  • src/appshell/qml/MuseScore/AppShell/FirstLaunchSetup/TutorialsPage.qml
  • src/preferences/qml/MuseScore/Preferences/AppearancePreferencesPage.qml
  • src/preferences/qml/MuseScore/Preferences/internal/ThemesSection.qml
  • src/preferences/qml/MuseScore/Preferences/ThemeSamplesList.qml
  • src/preferences/qml/MuseScore/Preferences/appearancepreferencesmodel.cpp
  • sandbox/web_sandbox/configs/light.cfg
  • src/appshell/qml/MuseScore/AppShell/FirstLaunchSetup/themespagemodel.h
  • src/appshell/qml/MuseScore/AppShell/FirstLaunchSetup/ThemesPage.qml
  • src/preferences/qml/MuseScore/Preferences/AccentColorsList.qml
  • src/app/configs/dark.cfg
  • src/preferences/qml/MuseScore/Preferences/appearancepreferencesmodel.h

📝 Walkthrough

Walkthrough

Updated theme selection to pass theme codes and high-contrast state through the preference and first-launch QML components. Reworked the accent color picker to use a two-row grid with explicit selection and bidirectional navigation. Adjusted related layouts and sizing. Updated accent color configuration values and the muse subproject reference.

🚥 Pre-merge checks | ✅ 3 | ❌ 2

❌ Failed checks (2 warnings)

Check name Status Explanation Resolution
Description check ⚠️ Warning The description states the issue and motivation but omits the required checklist and its completion status. Add the template checklist and mark each item accurately, including CLA, testing, coding rules, and test coverage.
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (3 passed)
Check name Status Explanation
Title check ✅ Passed The title clearly identifies the primary change: adding accent colours and replacing legacy colours.
Linked Issues check ✅ Passed The changes add light and dark theme accent values and update Preferences and first-launch layouts to display the expanded colour sets in two rows.
Out of Scope Changes check ✅ Passed All reviewed changes support the linked issue by updating accent colours and their Preferences and first-launch presentation; no unrelated changes are evident.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Warning

Review ran into problems

🔥 Problems

Linked repositories: Public OSS repositories can only analyze public repositories installed in this organization. No linked repositories were analyzed; skipped musescore/muse_framework.git.


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@coderabbitai coderabbitai Bot 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.

Actionable comments posted: 2

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/preferences/qml/MuseScore/Preferences/AccentColorsList.qml`:
- Around line 98-108: The AccentColorsList selection handler is emitting
requests on every checked-state transition instead of only on direct user
action. In AccentColorsList.qml, update the AccentColourButton logic that
currently uses onToggled alongside checked: root.currentColorIndex ===
colorIndex so the accentColorChangeRequested signal is emitted from onClicked
instead, keeping the request tied to a user click and avoiding stale emissions
when other buttons are programmatically unchecked.
- Around line 59-83: `AccentColorsList.qml` is computing `Grid.columns` as a
fractional value when the color list length is odd, which can break the two-row
layout and navigation logic. Update the `columns` binding in the `root` grid
setup to always return an integer, using `Math.floor(root.colors.length / 2)`,
and keep the existing `orderedColorIndices`, `navigationRowOf`, and
`navigationColumnOf` helpers aligned with that integer column count.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 6eb7018b-ec8b-4245-bd18-a34b3f5d901f

📥 Commits

Reviewing files that changed from the base of the PR and between fb6fd0a and 67c78df.

📒 Files selected for processing (7)
  • muse
  • sandbox/web_sandbox/configs/dark.cfg
  • sandbox/web_sandbox/configs/light.cfg
  • src/app/configs/dark.cfg
  • src/app/configs/light.cfg
  • src/preferences/qml/MuseScore/Preferences/AccentColorsList.qml
  • src/preferences/qml/MuseScore/Preferences/internal/AccentColorsSection.qml

Comment thread src/preferences/qml/MuseScore/Preferences/AccentColorsList.qml Outdated
Comment thread src/preferences/qml/MuseScore/Preferences/AccentColorsList.qml
@ajuncosa
ajuncosa marked this pull request as draft June 26, 2026 13:30
@ajuncosa
ajuncosa force-pushed the accent-colours branch 4 times, most recently from feae2cd to 23a0754 Compare July 2, 2026 10:59
@ajuncosa
ajuncosa force-pushed the accent-colours branch 3 times, most recently from 572e079 to fa65ef7 Compare July 8, 2026 10:51
@avvvvve

avvvvve commented Aug 6, 2026

Copy link
Copy Markdown

@ajuncosa checked one more time with fresher eyes, and it looks great. Let's merge it!

@ajuncosa
ajuncosa marked this pull request as ready for review August 7, 2026 05:51
@coderabbitai

coderabbitai Bot commented Aug 7, 2026

Copy link
Copy Markdown
Contributor

Note

GitHub couldn't provide a complete incremental comparison for this pull request, so CodeRabbit is performing a full review instead. This review may take a little longer.

@coderabbitai coderabbitai Bot 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.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/preferences/qml/MuseScore/Preferences/appearancepreferencesmodel.cpp`:
- Around line 49-59: Update AppearancePreferencesModel::setHighContrastEnabled()
to emit highContrastEnabledChanged() directly after writing the preference,
rather than relying on UiConfiguration::currentThemeChanged() or
setIsHighContrast() notifications. Preserve the existing state-change handling
in the currentThemeChanged callback.
🪄 Autofix

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: eba4b8c3-b1a2-4134-9df4-9d291a513b98

📥 Commits

Reviewing files that changed from the base of the PR and between f4cdc6b and 0142c98.

⛔ Files ignored due to path filters (1)
  • src/appshell/qml/MuseScore/AppShell/FirstLaunchSetup/resources/MuseSounds.png is excluded by !**/*.png
📒 Files selected for processing (18)
  • muse
  • sandbox/web_sandbox/configs/dark.cfg
  • sandbox/web_sandbox/configs/light.cfg
  • src/app/configs/dark.cfg
  • src/app/configs/light.cfg
  • src/appshell/qml/MuseScore/AppShell/FirstLaunchSetup/FirstLaunchSetupDialog.qml
  • src/appshell/qml/MuseScore/AppShell/FirstLaunchSetup/ThemesPage.qml
  • src/appshell/qml/MuseScore/AppShell/FirstLaunchSetup/TutorialsPage.qml
  • src/appshell/qml/MuseScore/AppShell/FirstLaunchSetup/themespagemodel.cpp
  • src/appshell/qml/MuseScore/AppShell/FirstLaunchSetup/themespagemodel.h
  • src/preferences/qml/MuseScore/Preferences/AccentColorsList.qml
  • src/preferences/qml/MuseScore/Preferences/AppearancePreferencesPage.qml
  • src/preferences/qml/MuseScore/Preferences/ThemeSamplesList.qml
  • src/preferences/qml/MuseScore/Preferences/appearancepreferencesmodel.cpp
  • src/preferences/qml/MuseScore/Preferences/appearancepreferencesmodel.h
  • src/preferences/qml/MuseScore/Preferences/internal/AccentColorsSection.qml
  • src/preferences/qml/MuseScore/Preferences/internal/ThemeSample.qml
  • src/preferences/qml/MuseScore/Preferences/internal/ThemesSection.qml
🚧 Files skipped from review as they are similar to previous changes (6)
  • src/appshell/qml/MuseScore/AppShell/FirstLaunchSetup/FirstLaunchSetupDialog.qml
  • src/app/configs/light.cfg
  • sandbox/web_sandbox/configs/light.cfg
  • muse
  • sandbox/web_sandbox/configs/dark.cfg
  • src/app/configs/dark.cfg

@ajuncosa
ajuncosa requested a review from RomanPudashkin August 7, 2026 06:46
@coderabbitai

coderabbitai Bot commented Aug 7, 2026

Copy link
Copy Markdown
Contributor

Note

GitHub couldn't provide a complete incremental comparison for this pull request, so CodeRabbit is performing a full review instead. This review may take a little longer.

@ajuncosa
ajuncosa merged commit a7860f7 into musescore:main Aug 7, 2026
14 checks passed
@ajuncosa
ajuncosa deleted the accent-colours branch August 7, 2026 08:17
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.

Add more accent colours in Preferences

3 participants