source/js/listenbrainz.js

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

source/scss/components/_listenbrainz.scss

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

source/scss/components/_page-main.scss

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

source/scss/components/_userstyles.scss

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

source/scss/index.scss

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

source/templates/index.html

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