Skip to content

Commit 1553d34

Browse files
committed
feat(ccb): add pressed-chip active state to design-mode toggle
The CCB design-mode toggle had no visible active state beyond a title change, so it wasn't obvious the button was "on" without reading the tooltip. Add a subtle lighter background (rgba(255,255,255,0.12)) on .is-active to make the button read as a pressed toolbar chip, and bump the icon color one step brighter. No accent color — keeps the CCB's neutral palette intact.
1 parent 02d8e6e commit 1553d34

1 file changed

Lines changed: 9 additions & 0 deletions

File tree

src/styles/CentralControlBar.less

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -105,6 +105,15 @@
105105
height: 15px;
106106
pointer-events: none;
107107
}
108+
109+
/* Design mode on — give the button a "pressed chip" look. The lighter
110+
background reads as a selected toolbar item without introducing a
111+
new accent color into the middle of the UI. Icon color unchanged. */
112+
&.is-active,
113+
&.is-active:hover {
114+
background-color: rgba(255, 255, 255, 0.12);
115+
color: @project-panel-text-1;
116+
}
108117
}
109118

110119
}

0 commit comments

Comments
 (0)