diff --git a/ui/src/themes/nutball.css.js b/ui/src/themes/nutball.css.js index 525bbe807..aaf1c0e16 100644 --- a/ui/src/themes/nutball.css.js +++ b/ui/src/themes/nutball.css.js @@ -73,9 +73,7 @@ div.player-content > span:first-child svg { transform: translateX(-50%) translateY(5%) !important; } .progress-load-bar { - top: 0px; - height: 14px; - border-radius: 0px; + display: none; } .sound-operation > div:nth-child(4) { transform: translateX(-50%) translateY(5%) !important; @@ -94,6 +92,9 @@ div.player-content > span:first-child svg { background-color: black!important; border: hidden!important; } +.rc-slider[style*="left: 0%"] { + transform: translateX(0) !important; +} .rc-slider .rc-slider-track { display: none; } @@ -212,6 +213,7 @@ button[data-testid="save-queue-button"] { background-color: white; border: 1px solid black; z-index: -1; + border-radius: 4px; } .react-jinke-music-player-mobile-header { align-items: start; @@ -242,7 +244,7 @@ button[data-testid="save-queue-button"] { animation: none; } .react-jinke-music-player-mobile-progress .current-time { - margin-right: 17px; + /* margin-right: 17px; */ } .react-jinke-music-player-mobile-progress .current-time, .react-jinke-music-player-mobile-progress .duration { color: black!important; diff --git a/ui/src/themes/nutball.js b/ui/src/themes/nutball.js index 1c7223999..07c497b4d 100644 --- a/ui/src/themes/nutball.js +++ b/ui/src/themes/nutball.js @@ -4,11 +4,11 @@ export default { themeName: 'Nutball', palette: { primary: { - main: '#a8fe40', + main: '#80ea00', light: '#fff', }, secondary: { - main: '#a8fe40', + main: '#80ea00', contrastText: '#fff', }, }, @@ -62,7 +62,7 @@ export default { }, MuiButton: { root: { - color: 'rgba(0,0,0,.57)', + color: '#80ea00', border: '1px solid rgba(0, 0, 0, 0.23)', transition: 'none', '&[aria-label="Grid"]': { @@ -443,7 +443,7 @@ export default { }, '& a:hover > div:nth-of-type(2)': { border: 'none', - outline: '1px solid black' + outline: '1px solid black', }, }, albumLink: { @@ -474,7 +474,7 @@ export default { marginLeft: '0px', }, titlePositionBottom: { - bottom: '0' + bottom: '0', }, subtitle: { '& button': {