Skip to content

Commit 73bc7f6

Browse files
benderabendera
committed
Change dev theme
1 parent 9cb3292 commit 73bc7f6

1 file changed

Lines changed: 47 additions & 45 deletions

File tree

‎dev/vscode-list.html‎

Lines changed: 47 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -22,36 +22,20 @@
2222
<h2 class="story-title">Basic example</h2>
2323
<div class="story-content">
2424
<component-preview>
25-
<input type="text">
26-
<vscode-list arrows indent="16" id="basic-example" multi-select>
27-
<vscode-list-item>
28-
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
29-
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
30-
<vscode-icon name="file" slot="icon-leaf"></vscode-icon>
31-
lorem
32-
</vscode-list-item>
33-
<vscode-list-item open>
34-
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
35-
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
36-
<vscode-icon name="file" slot="icon-leaf"></vscode-icon>
37-
ipsum
25+
<div style="background-color: var(--vscode-sideBar-background);">
26+
<input type="text">
27+
<vscode-list arrows indent="16" id="basic-example" multi-select>
3828
<vscode-list-item>
3929
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
4030
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
4131
<vscode-icon name="file" slot="icon-leaf"></vscode-icon>
4232
lorem
4333
</vscode-list-item>
44-
<vscode-list-item>
34+
<vscode-list-item open>
4535
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
4636
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
4737
<vscode-icon name="file" slot="icon-leaf"></vscode-icon>
4838
ipsum
49-
</vscode-list-item>
50-
<vscode-list-item>
51-
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
52-
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
53-
<vscode-icon name="file" slot="icon-leaf"></vscode-icon>
54-
dolor
5539
<vscode-list-item>
5640
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
5741
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
@@ -63,6 +47,12 @@ <h2 class="story-title">Basic example</h2>
6347
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
6448
<vscode-icon name="file" slot="icon-leaf"></vscode-icon>
6549
ipsum
50+
</vscode-list-item>
51+
<vscode-list-item>
52+
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
53+
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
54+
<vscode-icon name="file" slot="icon-leaf"></vscode-icon>
55+
dolor
6656
<vscode-list-item>
6757
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
6858
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
@@ -73,26 +63,26 @@ <h2 class="story-title">Basic example</h2>
7363
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
7464
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
7565
<vscode-icon name="file" slot="icon-leaf"></vscode-icon>
76-
lorem
66+
ipsum
67+
<vscode-list-item>
68+
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
69+
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
70+
<vscode-icon name="file" slot="icon-leaf"></vscode-icon>
71+
lorem
72+
</vscode-list-item>
73+
<vscode-list-item>
74+
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
75+
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
76+
<vscode-icon name="file" slot="icon-leaf"></vscode-icon>
77+
lorem
78+
</vscode-list-item>
7779
</vscode-list-item>
7880
</vscode-list-item>
79-
</vscode-list-item>
80-
<vscode-list-item>
81-
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
82-
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
83-
<vscode-icon name="file" slot="icon-leaf"></vscode-icon>
84-
dolor
85-
<vscode-list-item>
86-
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
87-
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
88-
<vscode-icon name="file" slot="icon-leaf"></vscode-icon>
89-
lorem
90-
</vscode-list-item>
9181
<vscode-list-item>
9282
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
9383
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
9484
<vscode-icon name="file" slot="icon-leaf"></vscode-icon>
95-
ipsum
85+
dolor
9686
<vscode-list-item>
9787
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
9888
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
@@ -103,25 +93,37 @@ <h2 class="story-title">Basic example</h2>
10393
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
10494
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
10595
<vscode-icon name="file" slot="icon-leaf"></vscode-icon>
106-
lorem
96+
ipsum
97+
<vscode-list-item>
98+
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
99+
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
100+
<vscode-icon name="file" slot="icon-leaf"></vscode-icon>
101+
lorem
102+
</vscode-list-item>
103+
<vscode-list-item>
104+
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
105+
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
106+
<vscode-icon name="file" slot="icon-leaf"></vscode-icon>
107+
lorem
108+
</vscode-list-item>
107109
</vscode-list-item>
108110
</vscode-list-item>
111+
<vscode-list-item>
112+
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
113+
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
114+
<vscode-icon name="file" slot="icon-leaf"></vscode-icon>
115+
lorem
116+
</vscode-list-item>
109117
</vscode-list-item>
110118
<vscode-list-item>
111119
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
112120
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
113121
<vscode-icon name="file" slot="icon-leaf"></vscode-icon>
114-
lorem
122+
dolor
115123
</vscode-list-item>
116-
</vscode-list-item>
117-
<vscode-list-item>
118-
<vscode-icon name="folder" slot="icon-branch"></vscode-icon>
119-
<vscode-icon name="folder-opened" slot="icon-branch-opened"></vscode-icon>
120-
<vscode-icon name="file" slot="icon-leaf"></vscode-icon>
121-
dolor
122-
</vscode-list-item>
123-
</vscode-list>
124-
<input type="text">
124+
</vscode-list>
125+
<input type="text">
126+
</div>
125127
</component-preview>
126128
</div>
127129
</div>

0 commit comments

Comments
 (0)