Rename entrypoint to main.ts. Tweak text contrast
This commit is contained in:
@@ -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()
|
||||
})
|
||||
|
||||
@@ -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
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user