1
Fork 0

Compare commits

...

5 Commits

Author SHA1 Message Date
Bauke 0a1f6f2ef1
Adjust colors. 2022-04-09 16:12:48 +02:00
Bauke abc9e983dd
Change shadow pattern color. 2022-04-09 15:56:21 +02:00
Bauke ed739a3421
Adjust colors. 2022-04-09 15:56:09 +02:00
Bauke b4c1daeea9
Continue without cover art if it can't be found. 2022-03-30 18:40:07 +02:00
Bauke cd88730d1c
Swap GitHub link label. 2022-03-29 21:31:49 +02:00
7 changed files with 18 additions and 10 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.8 KiB

After

Width:  |  Height:  |  Size: 6.0 KiB

View File

@ -5,7 +5,13 @@ window.addEventListener('DOMContentLoaded', async () => {
return; return;
} }
const image = await getCoverArt(listen); let image;
try {
image = await getCoverArt(listen);
} catch (error) {
console.warn(error);
}
insertHtml(listen, image); insertHtml(listen, image);
}; };

View File

@ -4,7 +4,7 @@
@include mixins.patterned-shadow(0.5rem); @include mixins.patterned-shadow(0.5rem);
align-items: center; align-items: center;
background-color: var(--background-1); background-color: var(--background-2);
border: 2px solid var(--foreground-1); border: 2px solid var(--foreground-1);
display: grid; display: grid;
grid-template-columns: min-content auto; grid-template-columns: min-content auto;

View File

@ -17,7 +17,7 @@
a { a {
@include mixins.patterned-shadow(0.5rem); @include mixins.patterned-shadow(0.5rem);
background-color: var(--background-1); background-color: var(--background-2);
border: 2px solid var(--foreground-1); border: 2px solid var(--foreground-1);
padding: 1rem; padding: 1rem;
position: relative; position: relative;

View File

@ -6,6 +6,7 @@
padding: 0; padding: 0;
.style { .style {
background-color: var(--background-2);
border: 2px solid var(--foreground-1); border: 2px solid var(--foreground-1);
padding: 1rem; padding: 1rem;
@ -28,7 +29,7 @@
&:hover { &:hover {
background-color: var(--foreground-1); background-color: var(--foreground-1);
border-color: var(--foreground-1); border-color: var(--foreground-1);
color: var(--background-1); color: var(--background-2);
} }
} }
} }

View File

@ -5,8 +5,9 @@ html {
} }
body { body {
--background-1: #000; --background-1: #52d168;
--foreground-1: #fff; --background-2: #60f079;
--foreground-1: #1d2623;
background-color: var(--background-1); background-color: var(--background-1);
color: var(--foreground-1); color: var(--foreground-1);
@ -22,7 +23,7 @@ a {
&:hover { &:hover {
background-color: var(--foreground-1); background-color: var(--foreground-1);
color: var(--background-1); color: var(--background-2);
} }
} }

View File

@ -21,9 +21,9 @@
@baukexyz:matrix.org @baukexyz:matrix.org
</a> </a>
<a target="_blank" href="https://github.com/Bauke" title="GitHub" <a target="_blank" href="https://github.com/Bauke" title="GitHub Profile"
data-label="github"> data-label="bauke">
Bauke GitHub
</a> </a>
</div> </div>