Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 63467b3

Browse files
fix sketchbook icons colors
1 parent 75abb70 commit 63467b3

File tree

2 files changed

+42
-18
lines changed

2 files changed

+42
-18
lines changed

‎arduino-ide-extension/src/browser/style/cloud-sketchbook.css‎

Lines changed: 19 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -13,12 +13,19 @@
1313
margin-bottom: 20px;
1414
}
1515

16-
1716
.cloud-sketchbook-tree-icon {
18-
background: url("./cloud-sketchbook-tree-icon.svg") center center no-repeat;
17+
background-color: #424242;
18+
-webkit-mask: url(./cloud-sketchbook-tree-icon.svg);
19+
-webkit-mask-position: center;
20+
-webkit-mask-repeat: no-repeat;
1921
width: var(--theia-icon-size);
2022
height: var(--theia-icon-size);
21-
background-size: auto 90%;
23+
-webkit-mask-size: auto 90%;
24+
}
25+
26+
.p-mod-current
27+
.cloud-sketchbook-tree-icon {
28+
background-color: var(--theia-statusBar-background);
2229
}
2330

2431
.sketchbook-trees-container
@@ -89,13 +96,19 @@
8996
}
9097

9198
.pull-sketch-icon {
92-
background: url("./pull-sketch-icon.svg") center center no-repeat;
99+
background-color: #424242;
100+
-webkit-mask: url(./pull-sketch-icon.svg);
101+
-webkit-mask-position: center;
102+
-webkit-mask-repeat: no-repeat;
93103
width: var(--theia-icon-size);
94104
height: var(--theia-icon-size);
95105
}
96106

97107
.push-sketch-icon {
98-
background: url("./push-sketch-icon.svg") center center no-repeat;
108+
background-color: #424242;
109+
-webkit-mask: url(./push-sketch-icon.svg);
110+
-webkit-mask-position: center;
111+
-webkit-mask-repeat: no-repeat;
99112
width: var(--theia-icon-size);
100113
height: var(--theia-icon-size);
101114
}
@@ -181,4 +194,4 @@
181194

182195
.arduino-share-sketch-dialog .sketch-link-embed textarea {
183196
width: 100%;
184-
}
197+
}

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

Lines changed: 23 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,38 @@
11
.sketchbook-tab-icon {
2-
-webkit-mask: url('./sketchbook.svg');
3-
mask: url('./sketchbook.svg');
2+
-webkit-mask: url('./sketchbook.svg');
3+
mask: url('./sketchbook.svg');
44
}
55

66
.sketch-folder-icon {
7-
background: url('./sketch-folder-icon.svg') center center no-repeat;
8-
background-position-x: 1px;
9-
width: var(--theia-icon-size);
10-
height: var(--theia-icon-size);
7+
background: url('./sketch-folder-icon.svg') center center no-repeat;
8+
background-position-x: 1px;
9+
width: var(--theia-icon-size);
10+
height: var(--theia-icon-size);
1111
}
1212

1313
.sketchbook-tree-icon {
14-
background: url('./sketchbook-tree-icon.svg') center center no-repeat;
15-
width: 19px !important;
16-
height: var(--theia-icon-size);
14+
background-color: #424242;
15+
-webkit-mask: url(./sketchbook-tree-icon.svg);
16+
-webkit-mask-position: center;
17+
-webkit-mask-repeat: no-repeat;
18+
width: 19px !important;
19+
height: var(--theia-icon-size);
20+
}
21+
22+
.p-mod-current
23+
.sketchbook-tree-icon {
24+
background-color: var(--theia-statusBar-background);
1725
}
1826

1927
.sketchbook-trees-container {
20-
height: 100%;
28+
height: 100%;
2129
}
2230

2331
.sketchbook-tree__opts {
24-
background: url('./sketchbook-opts-icon.svg') center center no-repeat;
32+
background-color: #424242;
33+
-webkit-mask: url(./sketchbook-opts-icon.svg);
34+
-webkit-mask-position: center;
35+
-webkit-mask-repeat: no-repeat;
2536
width: var(--theia-icon-size);
2637
height: var(--theia-icon-size);
2738
}
@@ -44,4 +55,4 @@
4455
.theia-TreeNode:hover .sketchbook-commands-icons,
4556
.theia-TreeNode.theia-mod-selected .sketchbook-commands-icons {
4657
display: block;
47-
}
58+
}

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /