Skip to content

Feature/144 add all match colors#167

Merged
BucketRaphi merged 28 commits into
masterfrom
feature/144-add-all-match-colors
Jul 18, 2026
Merged

Feature/144 add all match colors#167
BucketRaphi merged 28 commits into
masterfrom
feature/144-add-all-match-colors

Conversation

@BucketRaphi

@BucketRaphi BucketRaphi commented Jul 15, 2026

Copy link
Copy Markdown
Collaborator

Feature/Enhancement Pull Request

Feature

Adds #144 feature
Closes #144

Description

Adds controls to change the displayed match colors in all overlays that display team colors
Currently there are 12 supported colors, 10 for normal matches, and 2 for color lock

Affected Component(s)

  • Frontend (Angular Control Panel)
  • Overlays (new or enhanced)
  • Backend (ASP.NET Core)
  • Database/Migrations
  • Documentation

Feature Details

User-Facing Changes

The streamer now has 2 new buttons to interact with in the sidebar. One opens up the color select dialog where they can choose a specific color, and a button to skip to the next color in the list if color lock isn't active

Technical Implementation

  • Add currentColorsId property that reflects which color currently is selected from either the BroadcastStateService.matchColors or BroadcastStateService.colorLockColors list
  • Add colorLockActive property that reflects if color lock is active or not

New Dependencies

  • @angular/materials: Built-In Angular support for dialogs and dialog visibility handling

Related

Files Changed

New Files

  • Frontend/control-panel/src/app/dialogs/change-colors-dialog/change-colors-dialog.scss
  • Frontend/control-panel/src/app/dialogs/change-colors-dialog/change-colors-dialog.html
  • Frontend/control-panel/src/app/dialogs/change-colors-dialog/change-colors-dialog.ts
  • Frontend/control-panel/src/app/dialogs/change-colors-dialog/change-colors-dialog.spec.ts

Screenshots or Demo

Color selection popup
image

Color display in score box
image

Color display in map screen
image

Backward Compatibility

  • Feature is fully backward compatible
  • Breaking changes: New properties for match colors and color lock

Documentation

  • README updated
  • Inline code comments added
  • API documentation updated (if applicable)
  • Deployment notes added (if needed)

Checklist

  • Feature is complete and tested
  • Code follows repository conventions
  • Documentation is up to date
  • No breaking changes (or documented)
  • Tests pass
  • No new console errors or warnings

@BucketRaphi BucketRaphi self-assigned this Jul 15, 2026
@BucketRaphi BucketRaphi added the Frontend Anything related to the Frontend label Jul 15, 2026
@BucketRaphi BucketRaphi added Backend Anything related to the Backend Overlay For issues related to the streaming overlay. Dashboard For issues related to the streaming Dashboard. labels Jul 15, 2026
@github-actions

Copy link
Copy Markdown

Label "NoMerge" not applied. Merging enabled.

4 similar comments
@github-actions

Copy link
Copy Markdown

Label "NoMerge" not applied. Merging enabled.

@github-actions

Copy link
Copy Markdown

Label "NoMerge" not applied. Merging enabled.

@github-actions

Copy link
Copy Markdown

Label "NoMerge" not applied. Merging enabled.

@github-actions

Copy link
Copy Markdown

Label "NoMerge" not applied. Merging enabled.

@Hazeolation Hazeolation left a comment

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Aside from comment everything else is good

@Hazeolation

Copy link
Copy Markdown
Owner

@BucketRaphi Can you explain how the Colour Lock toggle works? Considering there are 3 presets in Splatoon 3

@BucketRaphi

Copy link
Copy Markdown
Collaborator Author

@BucketRaphi Can you explain how the Colour Lock toggle works? Considering there are 3 presets in Splatoon 3

The color lock toggle works as follows:

  • If the color lock toggle is set to false, the list where you can choose your colors is the list that contains all colors. Additionally, you'll also get access to the button one the sidebar that allows you to move to the next color in the list upon pressing it
  • If the color lock toggle is set to true, the list for colors will consist of only the two color lock presets, and the button for skipping to the next color on the sidebar disappears

@BucketRaphi
BucketRaphi merged commit e22cc60 into master Jul 18, 2026
14 checks passed
@BucketRaphi
BucketRaphi deleted the feature/144-add-all-match-colors branch July 18, 2026 09:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Backend Anything related to the Backend Dashboard For issues related to the streaming Dashboard. Frontend Anything related to the Frontend Overlay For issues related to the streaming overlay.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEATURE] Add all Match colours

3 participants