Skip to content

feat: add 15 secondary accent color options to theme palette#416

Open
EierKopZA wants to merge 2 commits into
ProdigyV21:mainfrom
EierKopZA:feat/secondary-accent-colors
Open

feat: add 15 secondary accent color options to theme palette#416
EierKopZA wants to merge 2 commits into
ProdigyV21:mainfrom
EierKopZA:feat/secondary-accent-colors

Conversation

@EierKopZA

Copy link
Copy Markdown
Contributor

feat: Add 15 secondary accent color options to theme palette

Overview

Expands the accent colour picker from 8 primary rainbow colours to 23 total, giving users significantly more control over their UI theme.

New colours

Category Colours
🪙 Metallics Gold, Silver, Bronze, Rose Gold
⚪ Neutrals Charcoal, Slate, Cream
🔴 Warms Amber, Maroon
🌸 Pinks/Purples Magenta, Lavender
🔵 Blues Navy, Cyan, Teal
🌿 Greens Olive

Cycle order

White → Silver → Slate → Charcoal → Cream → Gold → Bronze → Amber → Orange → Red → Maroon → Rose Gold → Magenta → Lavender → Violet → Indigo → Navy → Blue → Cyan → Teal → Green → Olive → Yellow → (back to White)

The order flows naturally: neutrals → warm metallics → reds → pinks/purples → blues/cyans → greens → back to White.

Files changed

File Change
app/src/main/kotlin/com/arflix/tv/ui/skin/ArvioSkin.kt Added 15 new colour hex mappings to accentColorFromName()
app/src/main/kotlin/com/arflix/tv/ui/screens/settings/SettingsViewModel.kt Updated the colour cycle list in cycleAccentColor()

Hex values

Name Hex
Gold #FFD700
Silver #C0C0C0
Rose Gold #EAA6A0
Teal #009688
Cyan #00BCD4
Magenta #E040FB
Charcoal #5D6D7E
Slate #8899AA
Cream #FFFDD0
Olive #8A9A5B
Navy #4A6FA5
Amber #FFC107
Maroon #C62828
Lavender #B39DDB
Bronze #CD7F32

Testing

  1. Open Settings → General → Accent Color
  2. Press D-pad right/cycle button repeatedly
  3. Verify all 23 colours cycle through
  4. Verify focus rings, buttons, and player chrome update with each selection
  5. Verify the setting persists across app restarts

Copilot AI review requested due to automatic review settings June 28, 2026 10:10

Copilot AI 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.

Pull request overview

Expands the app’s theme accent color palette by adding additional named colors and updating the settings “cycle” behavior so users can rotate through a larger set of accent options.

Changes:

  • Added 15 new named accent colors and their hex mappings in accentColorFromName().
  • Updated the accent color cycling order in settings to include the full expanded palette.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File Description
app/src/main/kotlin/com/arflix/tv/ui/skin/ArvioSkin.kt Adds new secondary accent color name → hex mappings for theme resolution.
app/src/main/kotlin/com/arflix/tv/ui/screens/settings/SettingsViewModel.kt Updates the accent color cycle list to include the expanded palette and new ordering.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread app/src/main/kotlin/com/arflix/tv/ui/skin/ArvioSkin.kt Outdated
Comment on lines +1193 to +1197
val colors = listOf(
"White", "Silver", "Slate", "Charcoal", "Cream",
"Gold", "Bronze", "Amber", "Orange", "Red", "Maroon",
"Rose Gold", "Magenta", "Lavender", "Violet", "Indigo", "Navy",
"Blue", "Cyan", "Teal", "Green", "Olive", "Yellow"
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
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.

3 participants