Skip to content
Prev Previous commit
Next Next commit
register new toolbar button colors and use list.activeSelectionBackgr…
…ound for active tree items
  • Loading branch information
Alberto Iannaccone authored and francescospissu committed Jul 8, 2022
commit 12c596ed721da67efbb2c3a80f18f77ad8eb08da
Original file line number Diff line number Diff line change
Expand Up @@ -598,7 +598,7 @@ export class ArduinoFrontendContribution
'Color of the Arduino IDE foreground which is used for dialogs, such as the Select Board dialog.',
},
{
id: 'arduino.toolbar.background',
id: 'arduino.toolbar.button.background',
defaults: {
dark: 'button.background',
light: 'button.background',
Expand All @@ -608,7 +608,7 @@ export class ArduinoFrontendContribution
'Background color of the toolbar items. Such as Upload, Verify, etc.',
},
{
id: 'arduino.toolbar.hoverBackground',
id: 'arduino.toolbar.button.hoverBackground',
defaults: {
dark: 'button.hoverBackground',
light: 'button.foreground',
Expand Down
6 changes: 3 additions & 3 deletions arduino-ide-extension/src/browser/style/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -20,11 +20,11 @@
align-items: center;
height: 24px;
width: 24px;
background: var(--theia-arduino-toolbar-background);
background: var(--theia-arduino-toolbar-button-background);
}

.p-TabBar-toolbar .item.arduino-tool-item.enabled:hover > div {
background: var(--theia-arduino-toolbar-hoverBackground);
background: var(--theia-arduino-toolbar-button-hoverBackground);
}

.arduino-verify-sketch--toolbar,
Expand Down Expand Up @@ -178,7 +178,7 @@
}

#arduino-open-sketch-control--toolbar--container {
background-color: var(--theia-arduino-toolbar-background);
background-color: var(--theia-arduino-toolbar-button-background);
border-radius: 1px;
}

Expand Down
2 changes: 1 addition & 1 deletion arduino-ide-extension/src/browser/style/sketchbook.css
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@

.active-sketch {
font-weight: 500;
background-color: var(--theia-button-disabledBackground) !important;
background-color: var(--theia-list-activeSelectionBackground) !important;
color: var(--theia-list-inactiveSelectionForeground) !important;

}
Expand Down