Fixed jukebox to match style

lnbits/static/js/base.js

@@ -307,14 +307,13 @@ window.windowMixin = {
         extensions: [],
         user: null,
         wallet: null,
-        payments: [],
-        
+        payments: []
       }
     }
   },
-  
+
   methods: {
-    changeColor: function(newValue) {
+    changeColor: function (newValue) {
       document.body.setAttribute('data-theme', newValue)
       console.log(document.body.getAttribute('data-theme'))
       console.log(newValue)
@@ -336,8 +335,11 @@ window.windowMixin = {
   },
   created: function () {
     this.$q.dark.set(this.$q.localStorage.getItem('lnbits.darkMode'))
-    if (this.$q.localStorage.getItem('lnbits.theme')){
-      document.body.setAttribute('data-theme', this.$q.localStorage.getItem('lnbits.theme'))
+    if (this.$q.localStorage.getItem('lnbits.theme')) {
+      document.body.setAttribute(
+        'data-theme',
+        this.$q.localStorage.getItem('lnbits.theme')
+      )
     }
     if (window.user) {
       this.g.user = Object.freeze(window.LNbits.map.user(window.user))

lnbits/static/scss/base.scss

@@ -25,7 +25,7 @@ $themes: (
   ),
   'flamingo': (
     primary: #c64242,
-    secondary: #ff7474,
+    secondary: #cf5656,
     dark: #e75480,
     info: #ec7599,
     marginal-bg: #e75480,
@@ -55,7 +55,8 @@ $themes: (
       }
     }
     @if $name == 'info' {
-      [data-theme='#{$theme}'] .q-card--dark {
+      [data-theme='#{$theme}'] .q-card--dark,
+      [data-theme='#{$theme}'] .q-stepper--dark {
         background: $color !important;
       }
     }