Rework my page and add info from listenbrainz

blueprints/risdeveau/static/style/risdeveau.scss

@@ -1,29 +1,5 @@
 @use "sass:color";
-
-// Palette: Catppuccin Mocha
-// https://catppuccin.com/palette/
-$base: #1e1e2e;
-$text: #cdd6f4;
-
-$mantle: #181825;
-$crust: #11111b;
-
-$overlay0: #6c7086;
-$overlay1: #7f849c;
-$overlay2: #9399b2;
-
-$surface0: #313244;
-$surface1: #45475a;
-$surface2: #585b70;
-
-$subtext0: #a6adc8;
-$subtext1: #bac2de;
-
-$red: #f38ba8;
-$green: #a6e3a1;
-$peach: #fab387;
-$blue: #89b4fa;
-$mauve: #8839ef;
+@use "../../../root/static/style/catppuccin" as theme;
 
 h3 {
   margin-block-end: 0;
@@ -58,6 +34,20 @@ h3 {
   }
 }
 
+.track {
+  display: flex;
+
+  &.active {
+    box-shadow: theme.$green 0 0 5px 0;
+  }
+
+  img {
+    width: 5rem;
+    height: 5rem;
+    border-radius: .5rem;
+  }
+}
+
 table, tbody {
   vertical-align: baseline;
   border-collapse: collapse;
@@ -66,7 +56,7 @@ table, tbody {
     border-radius: 10px;
 
     &:hover {
-      background-color: color.change($surface1, $alpha:75%);
+      background-color: color.change(theme.$surface1, $alpha:75%);
     }
 
     th {