Skip to content

Commit 7d36854

Browse files
committed
change color of selected item in filetree
1 parent 136e3d0 commit 7d36854

File tree

1 file changed

+17
-1
lines changed

1 file changed

+17
-1
lines changed

src/routes/tutorial/[slug]/filetree/Item.svelte

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -188,7 +188,23 @@
188188
}
189189
190190
[aria-current='true'] {
191-
color: hsl(15, 100%, 50%);
191+
color: var(--sk-theme-1);
192192
}
193193
194+
[aria-current='true']::after {
195+
content: '';
196+
position: absolute;
197+
width: 1rem;
198+
height: 1rem;
199+
top: 0.3rem;
200+
right: calc(-0.6rem - 2px);
201+
background-color: var(--sk-back-3);
202+
border: 1px solid var(--sk-back-4);
203+
transform: translate(0, 0.2rem) rotate(45deg);
204+
z-index: 2;
205+
}
206+
[aria-current='true']:has(:focus-visible)::after,
207+
:global(.mobile-filetree) [aria-current='true']::after {
208+
display: none;
209+
}
194210
</style>

0 commit comments

Comments
 (0)