update styling

src/styles/App.global.css

@@ -48,3 +48,7 @@ h1 {
 .active {
   color: #169de0 !important;
 }
+
+.rs-table-cell-content > div::selection {
+  background-color: transparent;
+}

src/styles/GenericPage.global.css

@@ -7,5 +7,6 @@
 }
 
 .page__content {
+  position: relative;
   padding: 10px;
 }

src/styles/ListView.global.css

@@ -1,5 +1,5 @@
 .rs-table-row {
-  cursor: pointer;
+  cursor: default;
 }
 
 .table__container {

src/styles/PlaylistViewHeader.global.css

@@ -13,3 +13,8 @@
   align-items: center;
   justify-content: center;
 }
+
+img {
+  border-radius: 85px;
+  box-shadow: 0 0 20px #000;
+}

src/styles/Titlebar.global.css

@@ -13,7 +13,7 @@
 #main {
   height: calc(100% - 32px);
   margin-top: 32px;
-  padding: 20px;
+  /* padding: 20px; */
   overflow-y: auto;
 }
 
@@ -22,7 +22,7 @@
   position: fixed;
   height: 32px;
   width: calc(100% - 2px); /*Compensate for body 1px border*/
-  background: #1a1d24;
+  background: #20252c;
   padding: 4px;
   color: #fff;
 }

src/styles/custom-theme.less

@@ -1,9 +1,16 @@
+@bg: #20252c;
+
+// Main
+@body-bg: @bg;
+
 // Table
-@table-body-background: #0f131a;
+@table-body-background: @bg;
-@table-border-color: #0f131a;
+@table-border-color: @bg;
+@table-body-content-padding-vertical: 0px;
+@table-content-padding-horizontal: 0px;
 
 // Sidenav
-@sidenav-default-bg: #0f131a;
+@sidenav-default-bg: #000000;
 @sidenav-collapse-transition-config: 0s;
 
 // Panel
@@ -11,7 +18,11 @@
 
 // For react-h5-audio-player
 @rhap_theme-color: #8d919a; // Color of all buttons and volume/progress indicators
-@rhap_background-color: #1a1d24; // Color of the player background
+@rhap_background-color: #000000; // Color of the player background
 @rhap_bar-color: #e4e4e4; // Color of volume and progress bar
 @rhap_time-color: #8d919a; // Font color of current time and duration
 @rhap_font-family: inherit; // Font family of current time and duration
+
+@font-size-base: 14px;
+
+@button-ripple: false;