first show at AMuisc Theme

ui/src/themes/amusic.css.js

@@ -0,0 +1,28 @@
+const stylesheet = `
+.react-jinke-music-player-main svg:active, .react-jinke-music-player-main svg:hover {
+    color: #ff0436
+}
+.react-jinke-music-player-main .music-player-panel .panel-content .rc-slider-handle, 
+.react-jinke-music-player-main .music-player-panel .panel-content .rc-slider-track {
+    background-color: #ff4e6b
+}
+.react-jinke-music-player-main ::-webkit-scrollbar-thumb {
+    background-color: #ff4e6b;
+}
+.react-jinke-music-player-main .music-player-panel .panel-content .rc-slider-handle:active {
+    box-shadow: 0 0 2px #ff4e6b
+}
+.react-jinke-music-player-main .audio-item.playing svg {
+    color: #ff4e6b
+}
+.react-jinke-music-player-main .audio-item.playing .player-singer {
+    color: #ff4e6b !important
+}
+.react-jinke-music-player-main .lyric-btn {
+    color: #ff0436 !important
+}
+.react-jinke-music-player-main .loading svg {
+    color: #ff0436 !important
+}
+`
+export default stylesheet

ui/src/themes/amusic.js

@@ -0,0 +1,145 @@
+import stylesheet from './amIsh.css.js'
+
+export default {
+  themeName: 'AMusic',
+  typography: {
+    fontFamily: "-apple-system, BlinkMacSystemFont, Apple Color Emoji, SF Pro, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif",
+    h6: {
+      fontSize: '1rem', // AppBar title
+    },
+  },
+  palette: {
+    primary: {
+      main: '#ff4e6b',
+    },
+    secondary: {
+      main: '#D60017',
+      contrastText: '#fff',
+    },
+    background: {
+      default: '#1d1d1d',
+      paper: '#101010',
+    },
+    type: 'dark',
+  },
+  overrides: {
+    MuiFormGroup: { 
+      root: {
+        color: 'white',
+      },
+    },
+    MuiButton: {
+      textPrimary: {
+        color: '#fff',
+      },
+      textSecondary: {
+        color: '#ff4e6b',
+        backgroundColor: '#ff4e6b',
+      },
+    },
+    MuiAppBar: {
+        positionFixed: {
+          backgroundColor: '#1d1d1d !important',
+          boxShadow: 'none',
+        },
+    },
+    MuiDrawer: {
+        root: {
+          background: '#1d1d1d',
+          borderRight: '1px solid rgba(255, 255, 255, 0.12)',
+        },
+    },
+    MuiCardMedia: {
+        img: {
+        borderRadius: '10px',
+        },
+    },
+    MuiButton: {
+        root: {
+          background: '#D60017',
+          color: '#fff',
+          borderRadius: '6px',
+          paddingRight: '0.5rem',
+          paddingLeft: '0.5rem',
+          marginLeft: '0.5rem',
+          marginBottom: '0.5rem',
+        },
+        textPrimary: {
+          color: '#fff',
+        },
+        label: {
+          color: '#fff',
+          paddingRight: '1rem',
+          paddingLeft: '0.7rem',
+        },
+    },
+    MuiListItemIcon:{
+        root:{
+            color: '#ff4e6b',
+        }
+    },
+    MuiChip:{
+        root:{
+            borderRadius: '10px',
+        }
+    },
+    MuiIconButton:{
+        root:{
+            color: '#ff4e6b',
+        }
+    },
+    MuiTableBody:{
+        '@global': {
+            'tr:nth-child(2)': {
+              background: 'rgba(255, 255, 255, 0.025)',
+            },
+          },
+    },
+    MuiTableRow: {
+        root: {
+          background: 'transparent',
+        },
+    },
+    MuiTableHead: {
+        root: {
+        },
+    },
+    MuiTableCell: {
+        root: {
+            borderBottom: '0 none !important',
+            padding: '10px !important',
+            color: '#b3b3b3 !important',
+        },
+        head: {
+            color: '#b3b3b3 !important',
+        },
+    },
+    NDLogin: {
+      systemNameLink: {
+        color: '#D60017',
+      },
+      icon: {},
+      welcome: {
+        color: '#eee',
+      },
+      card: {
+        minWidth: 300,
+        backgroundColor: '#3a1b22ed',
+      },
+      avatar: {},
+      button: {
+        boxShadow: '3px 3px 5px #D60017a3',
+      },
+    },
+    NDMobileArtistDetails: {
+      bgContainer: {
+        background:
+          'linear-gradient(to bottom, rgba(52, 18, 20, 0.72), rgb(48, 20, 22))!important',
+      },
+    },
+  },
+  player: {
+    theme: 'dark',
+    stylesheet,
+  },
+}

ui/src/themes/index.js

@@ -10,6 +10,7 @@ import NordTheme from './nord'
 import GruvboxDarkTheme from './gruvboxDark'
 import CatppuccinMacchiatoTheme from './catppuccinMacchiato'
 import NuclearTheme from './nuclear'
+import AmusicTheme from './amusic'
 
 export default {
   // Classic default themes
@@ -27,4 +28,5 @@ export default {
   NordTheme,
   NuclearTheme,
   SpotifyTheme,
+  AmusicTheme,
 }