Files
qbz/static/list-music-player.svg
T
vicrodh 4ef7242e4c style(sidebar): accent-tint parent icons and add glyphs to section headers
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
2026-04-21 09:48:01 -06:00

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>