Skip to content

Commit d7f7010

Browse files
francescospissufrancescospissu
authored
High Contrast theme update (#1265)
1 parent e156dcc commit d7f7010

File tree

7 files changed

+131
-1
lines changed

7 files changed

+131
-1
lines changed

Diff for: ‎arduino-ide-extension/src/browser/style/arduino-select.css

+11
Original file line numberDiff line numberDiff line change
@@ -49,3 +49,14 @@
4949
padding-top: 0 !important;
5050
padding-bottom: 0 !important;
5151
}
52+
53+
54+
/* High Contrast Theme rules */
55+
/* TODO: Remove it when the Theia version is upgraded to 1.27.0 and use Theia APIs to implement it*/
56+
.hc-black.hc-theia.theia-hc .arduino-select__option--is-selected {
57+
outline: 1px solid var(--theia-focusBorder);
58+
}
59+
60+
.hc-black.hc-theia.theia-hc .arduino-select__option--is-focused {
61+
outline: 1px dashed var(--theia-focusBorder);
62+
}

Diff for: ‎arduino-ide-extension/src/browser/style/boards-config-dialog.css

+11
Original file line numberDiff line numberDiff line change
@@ -148,6 +148,7 @@ div#select-board-dialog .selectBoardContainer .body .list .item.selected i {
148148
background: var(--theia-arduino-toolbar-dropdown-background);
149149
border-radius: 1px;
150150
color: var(--theia-arduino-toolbar-dropdown-label);
151+
border: 1px solid var(--theia-dropdown-border);
151152
display: flex;
152153
gap: 10px;
153154
height: 28px;
@@ -264,3 +265,13 @@ div#select-board-dialog .selectBoardContainer .body .list .item.selected i {
264265
color: var(--theia-arduino-branding-primary);
265266
border-top: 1px solid var(--theia-arduino-toolbar-dropdown-border);
266267
}
268+
269+
/* High Contrast Theme rules */
270+
/* TODO: Remove it when the Theia version is upgraded to 1.27.0 and use Theia APIs to implement it*/
271+
.hc-black.hc-theia.theia-hc #select-board-dialog .selectBoardContainer .body .list .item:hover {
272+
outline: 1px dashed var(--theia-focusBorder);
273+
}
274+
275+
.hc-black.hc-theia.theia-hc div#select-board-dialog .selectBoardContainer .body .list .item.selected {
276+
outline: 1px solid var(--theia-focusBorder);
277+
}

Diff for: ‎arduino-ide-extension/src/browser/style/certificate-uploader-dialog.css

+7-1
Original file line numberDiff line numberDiff line change
@@ -71,4 +71,10 @@
7171
width: 100%;
7272
box-sizing: border-box;
7373

74-
}
74+
}
75+
76+
/* High Contrast Theme rules */
77+
/* TODO: Remove it when the Theia version is upgraded to 1.27.0 and use Theia APIs to implement it*/
78+
.hc-black.hc-theia.theia-hc .certificate-add {
79+
background-color: var(--theia-editorWidget-background);
80+
}

Diff for: ‎arduino-ide-extension/src/browser/style/index.css

+20
Original file line numberDiff line numberDiff line change
@@ -135,3 +135,23 @@ button.secondary[disabled], .theia-button.secondary[disabled] {
135135
.fa-reload {
136136
font-size: 14px;
137137
}
138+
139+
140+
/* High Contrast Theme rules */
141+
/* TODO: Remove it when the Theia version is upgraded to 1.27.0 and use Theia APIs to implement it*/
142+
.hc-black.hc-theia.theia-hc button.theia-button:hover,
143+
.hc-black.hc-theia.theia-hc .theia-button:hover {
144+
outline: 1px dashed var(--theia-focusBorder);
145+
}
146+
147+
.hc-black.hc-theia.theia-hc button.theia-button,
148+
.hc-black.hc-theia.theia-hc .theia-button,
149+
.hc-black.hc-theia.theia-hc button.theia-button.secondary {
150+
border: 1px solid var(--theia-button-border);
151+
}
152+
153+
.hc-black.hc-theia.theia-hc .theia-notification-list-item:hover:not(:focus) {
154+
background-color: var(--theia-notifications-background);
155+
outline: 1px dashed var(--theia-focusBorder);
156+
outline-offset: -2px;
157+
}

Diff for: ‎arduino-ide-extension/src/browser/style/list-widget.css

+11
Original file line numberDiff line numberDiff line change
@@ -145,3 +145,14 @@ https://github.com/arduino/arduino-pro-ide/issues/82 */
145145
.component-list-item a:hover {
146146
text-decoration: underline;
147147
}
148+
149+
/* High Contrast Theme rules */
150+
/* TODO: Remove it when the Theia version is upgraded to 1.27.0 and use Theia APIs to implement it*/
151+
.hc-black.hc-theia.theia-hc .component-list-item .header .installed:hover:before {
152+
background-color: transparent;
153+
outline: 1px dashed var(--theia-focusBorder);
154+
}
155+
156+
.hc-black.hc-theia.theia-hc .component-list-item .header .installed:before {
157+
border: 1px solid var(--theia-button-border);
158+
}

Diff for: ‎arduino-ide-extension/src/browser/style/main.css

+55
Original file line numberDiff line numberDiff line change
@@ -188,3 +188,58 @@
188188
border-right: none;
189189
background-color: var(--theia-arduino-output-background);
190190
}
191+
192+
193+
/* High Contrast Theme rules */
194+
/* TODO: Remove it when the Theia version is upgraded to 1.27.0 and use Theia APIs to implement it*/
195+
.hc-black.hc-theia.theia-hc .p-TabBar-toolbar .item.arduino-tool-item.enabled:hover > div {
196+
background: var(--theia-arduino-toolbar-button-background);
197+
outline: 1px dashed var(--theia-focusBorder);
198+
}
199+
200+
.hc-black.hc-theia.theia-hc .p-TabBar-toolbar .item.arduino-tool-item.enabled:hover > div.toggle-serial-plotter,
201+
.hc-black.hc-theia.theia-hc .p-TabBar-toolbar .item.arduino-tool-item.enabled:hover > div.toggle-serial-monitor {
202+
background: transparent;
203+
}
204+
205+
.hc-black.hc-theia.theia-hc .item.arduino-tool-item.toggled .arduino-verify-sketch--toolbar,
206+
.hc-black.hc-theia.theia-hc .item.arduino-tool-item.toggled .arduino-upload-sketch--toolbar {
207+
background-color: var(--theia-arduino-toolbar-button-background) !important;
208+
outline: 1px solid var(--theia-focusBorder);
209+
}
210+
211+
.hc-black.hc-theia.theia-hc .arduino-boards-dropdown-item:hover {
212+
background: var(--theia-dropdown-background);
213+
}
214+
215+
.hc-black.hc-theia.theia-hc .arduino-boards-dropdown-item:hover {
216+
outline: 1px dashed var(--theia-focusBorder);
217+
outline-offset: -2px;
218+
}
219+
220+
.hc-black.hc-theia.theia-hc #theia-main-content-panel .p-TabBar .p-TabBar-tab.p-mod-current {
221+
outline: 1px solid var(--theia-focusBorder);
222+
outline-offset: -4px;
223+
}
224+
225+
.hc-black.hc-theia.theia-hc #theia-main-content-panel .p-TabBar .p-TabBar-tab:hover {
226+
outline: 1px dashed var(--theia-focusBorder);
227+
outline-offset: -4px;
228+
}
229+
230+
.hc-black.hc-theia.theia-hc .p-TabBar.theia-app-centers .p-TabBar-tab.p-mod-closable > .p-TabBar-tabCloseIcon:hover {
231+
outline: 1px dashed var(--theia-focusBorder);
232+
}
233+
234+
.hc-black.hc-theia.theia-hc .quick-input-list .monaco-list-row.focused {
235+
outline: 1px dotted var(--theia-focusBorder);
236+
}
237+
238+
.hc-black.hc-theia.theia-hc .quick-input-list .monaco-list-row:hover {
239+
outline: 1px dashed var(--theia-focusBorder);
240+
}
241+
242+
.hc-black.hc-theia.theia-hc .quick-input-widget {
243+
outline: 1px solid var(--theia-contrastBorder);
244+
outline-offset: -1px;
245+
}

Diff for: ‎arduino-ide-extension/src/browser/style/sketchbook.css

+16
Original file line numberDiff line numberDiff line change
@@ -70,3 +70,19 @@
7070
.theia-Tree .ReactVirtualized__List:focus .theia-TreeNode.theia-mod-selected {
7171
background: var(--theia-list-inactiveSelectionBackground);
7272
}
73+
74+
75+
/* High Contrast Theme rules */
76+
/* TODO: Remove it when the Theia version is upgraded to 1.27.0 and use Theia APIs to implement it*/
77+
.hc-black.hc-theia.theia-hc .theia-TreeNode:hover {
78+
outline: 1px dashed var(--theia-focusBorder);
79+
}
80+
81+
.hc-black.hc-theia.theia-hc .theia-Tree .theia-TreeNode.theia-mod-selected {
82+
outline: 1px dotted var(--theia-focusBorder);
83+
}
84+
85+
.hc-black.hc-theia.theia-hc .theia-Tree:focus .theia-TreeNode.theia-mod-selected,
86+
.hc-black.hc-theia.theia-hc .theia-Tree .ReactVirtualized__List:focus .theia-TreeNode.theia-mod-selected {
87+
outline: 1px solid var(--theia-focusBorder);
88+
}

0 commit comments

Comments
 (0)