jeans/arduino-ide
1
0
Fork 0
mirror of https://github.com/arduino/arduino-ide.git synced 2025-11-13 12:19:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adapted Dark, Light and Arduino themes

Browse Source 
Signed-off-by: jbicker <jan.bicker@typefox.io>
This commit is contained in:
jbicker
2019-09-11 11:55:29 +02:00
parent c98ec29810
commit 2220e66f4b
7 changed files with 229 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
arduino-ide-extension/src/browser/toolbar/arduino-toolbar.tsx
View File

@@ -28,7 +28,7 @@ export class ArduinoToolbarComponent extends React.Component<ArduinoToolbarCompo
protected renderItem = (item: TabBarToolbarItem) => {
let innerText = '';
let className = `${item.id} arduino-tool-icon`;
let className = `arduino-tool-icon ${item.id}-icon`;
if (item.text) {
for (const labelPart of this.props.labelParser.parse(item.text)) {
if (typeof labelPart !== 'string' && LabelIcon.is(labelPart)) {
@@ -40,17 +40,18 @@ export class ArduinoToolbarComponent extends React.Component<ArduinoToolbarCompo
}
const command = this.props.commands.getCommand(item.command);
const cls = `${ARDUINO_TOOLBAR_ITEM_CLASS} ${TabBarToolbar.Styles.TAB_BAR_TOOLBAR_ITEM} ${command && this.props.commandIsEnabled(command.id) ? ' enabled' : ''}`
return <div key={item.id}
className={cls} >
<div
key={item.id + '-icon'}
id={item.id}
className={className}
onClick={this.props.executeCommand}
onMouseOver={() => this.setState({ tooltip: item.tooltip || '' })}
onMouseOut={() => this.setState({ tooltip: '' })}
title={item.tooltip}>
{innerText}
return <div key={item.id} className={cls} >
<div className={item.id}>
<div
key={item.id + '-icon'}
id={item.id}
className={className}
onClick={this.props.executeCommand}
onMouseOver={() => this.setState({ tooltip: item.tooltip || '' })}
onMouseOut={() => this.setState({ tooltip: '' })}
title={item.tooltip}>
{innerText}
</div>
</div>
</div>
}