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 5499c25

Browse files
Sketchbook icons colors (#1095)
1 parent 1e46962 commit 5499c25

File tree

6 files changed

+77
-43
lines changed

6 files changed

+77
-43
lines changed
Lines changed: 14 additions & 0 deletions
Loading[フレーム]
Lines changed: 2 additions & 13 deletions
Loading[フレーム]

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

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

16-
17-
.cloud-sketchbook-tree-icon {
18-
background: url("./cloud-sketchbook-tree-icon.svg") center center no-repeat;
16+
.p-TabBar-tabIcon.cloud-sketchbook-tree-icon {
17+
background-color: var(--theia-foreground);
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: 100%;
24+
}
25+
26+
.p-mod-current
27+
.cloud-sketchbook-tree-icon {
28+
background-color: var(--theia-foreground);
29+
-webkit-mask: url(./cloud-sketchbook-tree-icon-filled.svg);
30+
-webkit-mask-position: center;
31+
-webkit-mask-repeat: no-repeat;
32+
-webkit-mask-size: 100%;
2233
}
2334

2435
.sketchbook-trees-container
@@ -65,7 +76,7 @@
6576
.p-Widget.p-TabBar.p-DockPanel-tabBar
6677
> ul
6778
> li.p-TabBar-tab.p-mod-current {
68-
border-bottom: 2px solid var(--theia-statusBar-background);
79+
border-bottom: 2px solid var(--theia-activityBar-activeBorder);
6980
}
7081

7182
.sketchbook-trees-container .center {
@@ -89,13 +100,19 @@
89100
}
90101

91102
.pull-sketch-icon {
92-
background: url("./pull-sketch-icon.svg") center center no-repeat;
103+
background-color: var(--theia-foreground);
104+
-webkit-mask: url(./pull-sketch-icon.svg);
105+
-webkit-mask-position: center;
106+
-webkit-mask-repeat: no-repeat;
93107
width: var(--theia-icon-size);
94108
height: var(--theia-icon-size);
95109
}
96110

97111
.push-sketch-icon {
98-
background: url("./push-sketch-icon.svg") center center no-repeat;
112+
background-color: var(--theia-foreground);
113+
-webkit-mask: url(./push-sketch-icon.svg);
114+
-webkit-mask-position: center;
115+
-webkit-mask-repeat: no-repeat;
99116
width: var(--theia-icon-size);
100117
height: var(--theia-icon-size);
101118
}
@@ -181,4 +198,4 @@
181198

182199
.arduino-share-sketch-dialog .sketch-link-embed textarea {
183200
width: 100%;
184-
}
201+
}
Lines changed: 4 additions & 0 deletions
Loading[フレーム]
Lines changed: 4 additions & 10 deletions
Loading[フレーム]

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

Lines changed: 28 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,43 @@
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);
11+
}
12+
13+
.p-TabBar-tabIcon.sketchbook-tree-icon {
14+
background-color: var(--theia-foreground);
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+
-webkit-mask-size: 100%;
1121
}
1222

23+
.p-mod-current
1324
.sketchbook-tree-icon {
14-
background: url('./sketchbook-tree-icon.svg') center center no-repeat;
15-
width: 19px !important;
16-
height: var(--theia-icon-size);
25+
background-color: var(--theia-foreground);
26+
-webkit-mask: url(./sketchbook-tree-icon-filled.svg);
27+
-webkit-mask-position: center;
28+
-webkit-mask-repeat: no-repeat;
29+
-webkit-mask-size: 100%;
1730
}
1831

1932
.sketchbook-trees-container {
20-
height: 100%;
33+
height: 100%;
2134
}
2235

2336
.sketchbook-tree__opts {
24-
background: url('./sketchbook-opts-icon.svg') center center no-repeat;
37+
background-color: var(--theia-foreground);
38+
-webkit-mask: url(./sketchbook-opts-icon.svg);
39+
-webkit-mask-position: center;
40+
-webkit-mask-repeat: no-repeat;
2541
width: var(--theia-icon-size);
2642
height: var(--theia-icon-size);
2743
}
@@ -44,4 +60,4 @@
4460
.theia-TreeNode:hover .sketchbook-commands-icons,
4561
.theia-TreeNode.theia-mod-selected .sketchbook-commands-icons {
4662
display: block;
47-
}
63+
}

0 commit comments

Comments
(0)

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