Skip to content

Add new accent colours replacing legacy ones#33974

Draft
ajuncosa wants to merge 6 commits into
musescore:mainfrom
ajuncosa:accent-colours
Draft

Add new accent colours replacing legacy ones#33974
ajuncosa wants to merge 6 commits into
musescore:mainfrom
ajuncosa:accent-colours

Conversation

@ajuncosa

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 (re-design is WIP).

@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

Run ID: c5d168fd-5e3d-443a-b9e9-e440a156ca39

📥 Commits

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

📒 Files selected for processing (9)
  • 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/preferences/qml/MuseScore/Preferences/AccentColorsList.qml
  • src/preferences/qml/MuseScore/Preferences/internal/AccentColorsSection.qml
✅ Files skipped from review due to trivial changes (6)
  • src/app/configs/dark.cfg
  • sandbox/web_sandbox/configs/light.cfg
  • muse
  • src/app/configs/light.cfg
  • sandbox/web_sandbox/configs/dark.cfg
  • src/appshell/qml/MuseScore/AppShell/FirstLaunchSetup/FirstLaunchSetupDialog.qml
🚧 Files skipped from review as they are similar to previous changes (2)
  • src/preferences/qml/MuseScore/Preferences/AccentColorsList.qml
  • src/preferences/qml/MuseScore/Preferences/internal/AccentColorsSection.qml

📝 Walkthrough

Walkthrough

Updated accent color values in the app and sandbox dark and light config files. Reworked the accent color picker QML to use a Grid and Repeater with explicit selection and navigation handling, and adjusted the related section layout and navigation. Updated the muse subproject reference to a newer commit.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Description check ⚠️ Warning The PR description includes the issue reference and a short summary, but it omits the required checklist items and CLA confirmation. Add the template checklist with completed boxes, CLA username, and any required commit and testing notes to match the repository template.
✅ Passed checks (4 passed)
Check name Status Explanation
Title check ✅ Passed The title clearly reflects the main change: adding new accent colours and replacing the legacy set.
Linked Issues check ✅ Passed The changes update theme accent colors and the UI to display them in two rows, which matches the linked request for expanded Preferences accent colours.
Out of Scope Changes check ✅ Passed The theme config updates, preference layout refactor, and first-launch sizing change all support the accent-colour expansion and do not appear unrelated.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Warning

Review ran into problems

🔥 Problems

Linked repositories: Your configuration references 1 linked repositories, but your current plan allows 0. 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 2 times, most recently from 0a419db to 572e079 Compare July 8, 2026 10:49
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

1 participant