add new album header

src/assets/css/BottomBar/BottomBar.scss

@@ -62,12 +62,12 @@
         width: 100%;
 
         .durationx {
-          background-color: rgba(0, 72, 131, 0.171);
+          background-color: #97979725;
+          // border: solid 1px rgba(255, 255, 255, 0.253);
           padding: $smaller;
-          border-radius: 0.4rem;
+          border-radius: 0.75rem;
           margin: 0 $small 0 $small;
-          font-size: .8rem;
-          color: rgb(0, 119, 255);
+          font-size: 0.8rem;
         }
       }
     }

src/assets/css/_variables.scss

@@ -1,13 +1,13 @@
 // colors
 
-$card-dark: #08090c;
+$card-dark: #040406;
 $red: #df4646;
 $blue: #055096;
 $green: #439443;
-$separator: #ffffff46;
+$separator: #ffffff2f;
 $pink: #c43a3a;
 $highlight-blue: #006eff;
-$bbb: #050608; //bottom controls background
+$bbb: #161616; //bottom controls background
 
 // sizes
 $small: 0.5rem;

src/assets/css/global.scss

@@ -40,6 +40,10 @@ a {
 }
 
 .border {
+  border: solid 2px #27262654;
+}
+
+.border-sm {
   border: solid 1px #27262654;
 }