Rename entrypoint to main.ts. Tweak text contrast

This commit is contained in:
2026-10-02 13:53:53 +02:00
parent 41c0481380
commit 9a7ed0a347
13 changed files with 19 additions and 27 deletions

View File

@@ -42,10 +42,10 @@ onMount(() => {
return
}
// Custom CSS rules for the whole viewer. The MainMenu applies its
// styles to the <html> element. So we apply to the <body> element, our
// styles take precedence since they're lower level, and we can clean it
// up afterwards without overwriting global style
// Custom CSS rules for the whole viewer. App.svelte applies its styles
// to the <html> element. So we apply to the <body> element, our styles
// take precedence since they're lower level, and we can clean it up
// afterwards without overwriting global style
document.body.style = css_from_path(nav.path)
update_favicon()
})

View File

@@ -239,9 +239,9 @@ const generate_link_color = (link_color: string, body_color: string) => {
// If the body and link colours are both dark we lighten the link, and the
// other way around too
if (body[2] < 50 && link[2] < 50) {
link[2] = link[2] + 40 // Dark color, add lightness
link[2] = link[2] + 30 // Dark color, add lightness
} else if (body[2] > 50 && link[2] > 50) {
link[2] = link[2] - 40 // Light color, remove lightness
link[2] = link[2] - 30 // Light color, remove lightness
}
return rgb2hex(hsl2rgb(link)) // Convert back to hex
}

View File

@@ -144,7 +144,7 @@ onMount(() => {
<h2>Tracklist</h2>
{#each siblings as sibling (sibling.id)}
{#if !sibling.is_hidden()}
<a href={"/d"+fs_encode_path(sibling.path)} class="node" class:playing={sibling.path === $nav.base.path}>
<a href={"/d"+fs_encode_path(sibling.path)} class="node" class:button_highlight={sibling.path === $nav.base.path}>
{#if sibling.path === $nav.base.path}
<i class="play_arrow icon">play_arrow</i>
{:else}
@@ -185,7 +185,4 @@ onMount(() => {
.play_arrow {
margin: 4px;
}
.playing {
color: var(--accent_color);
}
</style>