Addresses three visual gaps in the sidebar after the earlier brightening pass: 1. My QBZ parent — icon was inheriting the row's text-muted color because the custom .icon-container had no color rule of its own. Now the icon container sets accent-primary and the parent row's label uses text-primary, matching NavigationItem. 2. Folder rows — the folder glyphs were still muted because .folder- header / .collapsed-folder-btn / .folder-popover-header all carried text-muted as their base color, and FolderGlyph paints via currentColor. Switched each surface's base color to accent-primary and added explicit text-primary overrides on the actual label spans (.folder-name, the popover header span) so the labels stay bright. 3. Section headers — PLAYLISTS had no icon at all and Library only had a chevron. Added glyphs via a new .section-header-with-icon class that runs accent-primary at the container level (so the SVG picks up the tint) with a nested span override for the uppercase label. PLAYLISTS uses a new PlaylistsGlyph.svelte (user-supplied list-music-player SVG, checked into static/). Library uses lucide-svelte LibraryBig for now — swap to a custom SVG later if desired. cc
57 lines
2.4 KiB
XML
57 lines
2.4 KiB
XML
<?xml version="1.0" ?>
|
|
|
|
<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
|
|
|
|
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
|
<svg fill="#000000" width="800px" height="800px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
|
|
<g id="play"/>
|
|
|
|
<g id="stop"/>
|
|
|
|
<g id="pause"/>
|
|
|
|
<g id="replay"/>
|
|
|
|
<g id="next"/>
|
|
|
|
<g id="Layer_8"/>
|
|
|
|
<g id="search"/>
|
|
|
|
<g id="list">
|
|
|
|
<g>
|
|
|
|
<g>
|
|
|
|
<path d="M28,5c0-0.552-0.447-1-1-1H13c-0.552,0-1,0.448-1,1v2c0,0.552,0.448,1,1,1h14c0.553,0,1-0.448,1-1V5z"/>
|
|
|
|
<path d="M27,9H13c-1.103,0-2-0.897-2-2V5c0-1.103,0.897-2,2-2h14c1.103,0,2,0.897,2,2v2C29,8.103,28.103,9,27,9z M13,5v2h14V5H13 z"/>
|
|
|
|
</g>
|
|
|
|
<g>
|
|
|
|
<path d="M28,15c0-0.552-0.447-1-1-1H13c-0.552,0-1,0.448-1,1v2c0,0.552,0.448,1,1,1h14c0.553,0,1-0.448,1-1V15z"/>
|
|
|
|
<path d="M27,19H13c-1.103,0-2-0.897-2-2v-2c0-1.103,0.897-2,2-2h14c1.103,0,2,0.897,2,2v2C29,18.103,28.103,19,27,19z M13,15v2 h14v-2H13z"/>
|
|
|
|
</g>
|
|
|
|
<g>
|
|
|
|
<path d="M28,25c0-0.552-0.447-1-1-1H13c-0.552,0-1,0.448-1,1v2c0,0.552,0.448,1,1,1h14c0.553,0,1-0.448,1-1V25z"/>
|
|
|
|
<path d="M27,29H13c-1.103,0-2-0.897-2-2v-2c0-1.103,0.897-2,2-2h14c1.103,0,2,0.897,2,2v2C29,28.103,28.103,29,27,29z M13,25v2 h14v-2H13z"/>
|
|
|
|
</g>
|
|
|
|
<g>
|
|
|
|
<path d="M8,5c0-0.552-0.448-1-1-1H5C4.448,4,4,4.448,4,5v2c0,0.552,0.448,1,1,1h2c0.552,0,1-0.448,1-1V5z"/>
|
|
|
|
<path d="M7,9H5C3.897,9,3,8.103,3,7V5c0-1.103,0.897-2,2-2h2c1.103,0,2,0.897,2,2v2C9,8.103,8.103,9,7,9z M5,5v2h2.001L7,5H5z"/>
|
|
|
|
</g>
|
|
|
|
<g>
|
|
|
|
<path d="M8,15c0-0.552-0.448-1-1-1H5c-0.552,0-1,0.448-1,1v2c0,0.552,0.448,1,1,1h2c0.552,0,1-0.448,1-1V15z"/>
|
|
|
|
<path d="M7,19H5c-1.103,0-2-0.897-2-2v-2c0-1.103,0.897-2,2-2h2c1.103,0,2,0.897,2,2v2C9,18.103,8.103,19,7,19z M5,15v2h2.001 L7,15H5z"/>
|
|
|
|
</g>
|
|
|
|
<g>
|
|
|
|
<path d="M8,25c0-0.552-0.448-1-1-1H5c-0.552,0-1,0.448-1,1v2c0,0.552,0.448,1,1,1h2c0.552,0,1-0.448,1-1V25z"/>
|
|
|
|
<path d="M7,29H5c-1.103,0-2-0.897-2-2v-2c0-1.103,0.897-2,2-2h2c1.103,0,2,0.897,2,2v2C9,28.103,8.103,29,7,29z M5,25v2h2.001 L7,25H5z"/>
|
|
|
|
</g>
|
|
|
|
</g>
|
|
|
|
</g>
|
|
|
|
<g id="love"/>
|
|
|
|
<g id="menu"/>
|
|
|
|
<g id="add"/>
|
|
|
|
<g id="headset"/>
|
|
|
|
<g id="random"/>
|
|
|
|
<g id="music"/>
|
|
|
|
<g id="setting"/>
|
|
|
|
<g id="Layer_17"/>
|
|
|
|
<g id="Layer_18"/>
|
|
|
|
<g id="Layer_19"/>
|
|
|
|
<g id="Layer_20"/>
|
|
|
|
<g id="Layer_21"/>
|
|
|
|
<g id="Layer_22"/>
|
|
|
|
<g id="Layer_23"/>
|
|
|
|
<g id="Layer_24"/>
|
|
|
|
<g id="Layer_25"/>
|
|
|
|
<g id="Layer_26"/>
|
|
|
|
</svg> |