style(studio): place Color Chrome sub-buttons on 1 single row and format chip labels bold with theme accent colors

docker/frontend/src/ui/ChipColumn.tsx

@@ -63,9 +63,9 @@ export interface SliderDef {
 // `grid` lays the row out as the table a set of same-kind values is read as
 // (WB's presets, LIGHT's two Color Chromes) instead of the wrapping strip the
 // option rows use.
-export function ChipRow({ chips, grid }: { chips: ChipDef[]; grid?: boolean }) {
+export function ChipRow({ chips, grid, grid3 }: { chips: ChipDef[]; grid?: boolean; grid3?: boolean }) {
   return (
-    <div className={`chip-row${grid ? ' grid' : ''}`}>
+    <div className={`chip-row${grid3 ? ' grid-3' : grid ? ' grid' : ''}`}>
       {chips.map((chip) =>
         chip.divider ? (
           <span key={chip.key} className="chip-rule" role="separator" aria-orientation="horizontal" />