Split home shortcut card style into Layout, Color, and Palette

Decouple the two concerns that were entangled in a single card-style setting:

- Layout (Compact / Regular) now only controls positioning of the
  icon / title / subtitle / counter.
- Color (Soft / Vibrant) is a new independent setting: Soft = tinted
  background with palette-colored icon and neutral text; Vibrant =
  solid palette fill with white icon/text.
- Palette (Accent first, then Classic/Sunset/Meadow/Berry/Grape/Custom)
  now applies to both layouts and both colors, and is always shown.

Adds section headers (Layout / Color / Palette) to the style page and
fixes the Compact preview to show the count subtitle line. Default is
Regular + Soft + Accent.
This commit is contained in:
Arkadiusz Fal
2026-06-11 19:03:52 +02:00
parent 30fc8dc4c8
commit 8d556abd0b
9 changed files with 252 additions and 81 deletions

View File

@@ -4238,6 +4238,28 @@
}
}
},
"home.settings.shortcuts.color" : {
"comment" : "Label/header for the card color emphasis picker",
"localizations" : {
"en" : {
"stringUnit" : {
"state" : "translated",
"value" : "Color"
}
}
}
},
"home.settings.shortcuts.layout" : {
"comment" : "Header for the card layout picker (Compact/Regular)",
"localizations" : {
"en" : {
"stringUnit" : {
"state" : "translated",
"value" : "Layout"
}
}
}
},
"home.settings.shortcuts.palette" : {
"comment" : "Label/header for the colorful palette picker",
"localizations" : {
@@ -4417,6 +4439,39 @@
}
}
},
"home.shortcuts.color.soft" : {
"comment" : "Soft card color option (tinted background)",
"localizations" : {
"en" : {
"stringUnit" : {
"state" : "translated",
"value" : "Soft"
}
}
}
},
"home.shortcuts.color.vibrant" : {
"comment" : "Vibrant card color option (solid fill)",
"localizations" : {
"en" : {
"stringUnit" : {
"state" : "translated",
"value" : "Vibrant"
}
}
}
},
"home.shortcuts.palette.accent" : {
"comment" : "Palette name for the uniform accent-color fill",
"localizations" : {
"en" : {
"stringUnit" : {
"state" : "translated",
"value" : "Accent"
}
}
}
},
"home.shortcuts.palette.classic" : {
"comment" : "Colorful palette name",
"localizations" : {
@@ -4549,35 +4604,24 @@
}
}
},
"home.shortcuts.style.accent" : {
"comment" : "Accent card style option",
"home.shortcuts.style.compact" : {
"comment" : "Compact card style option",
"localizations" : {
"en" : {
"stringUnit" : {
"state" : "translated",
"value" : "Accent"
"value" : "Compact"
}
}
}
},
"home.shortcuts.style.colorful" : {
"comment" : "Colorful card style option",
"home.shortcuts.style.regular" : {
"comment" : "Regular card style option",
"localizations" : {
"en" : {
"stringUnit" : {
"state" : "translated",
"value" : "Colorful"
}
}
}
},
"home.shortcuts.style.plain" : {
"comment" : "Plain card style option",
"localizations" : {
"en" : {
"stringUnit" : {
"state" : "translated",
"value" : "Plain"
"value" : "Regular"
}
}
}