Spotify-ish Improvement (#2012)

* spotify-improvement

* fixing the issue of applying styles to filter fields too

* Remove scrollbar styling.

Maybe we should simulate macOS's scrollbar behaviour, with something like this: https://gist.github.com/spemer/a0e218bbb45433bd611e68446523a00b

Co-authored-by: Rishabh Malhotra <rishabhmalhotraa01@gmail.com>

ui/src/themes/spotify.js

@@ -292,6 +292,38 @@ export default {
       input: {
         paddingLeft: '.9rem',
         border: 0,
+        '& .MuiInputBase-root': {
+          backgroundColor: 'white !important',
+          borderRadius: '20px !important',
+          color: 'black',
+          border: '0px',
+          '& fieldset': {
+            borderColor: 'white',
+          },
+          '&:hover fieldset': {
+            borderColor: 'white',
+          },
+          '&.Mui-focused fieldset': {
+            borderColor: 'white',
+          },
+          '& svg': {
+            color: 'black !important',
+          },
+
+          '& .MuiOutlinedInput-input:-webkit-autofill': {
+            borderRadius: '20px 0px 0px 20px',
+            '-webkit-box-shadow': '0 0 0 100px #c2c1c2 inset',
+            '-webkit-text-fill-color': 'black',
+          },
+        },
+      },
+    },
+    RaFilter: {
+      form: {
+        '& .MuiOutlinedInput-input:-webkit-autofill': {
+          '-webkit-box-shadow': '0 0 0 100px #28282b inset',
+          '-webkit-text-fill-color': 'white',
+        },
       },
     },
     RaFilterButton: {