diff --git a/src/styles/App.global.css b/src/styles/App.global.css index 4439155..36d554b 100644 --- a/src/styles/App.global.css +++ b/src/styles/App.global.css @@ -48,3 +48,7 @@ h1 { .active { color: #169de0 !important; } + +.rs-table-cell-content > div::selection { + background-color: transparent; +} diff --git a/src/styles/GenericPage.global.css b/src/styles/GenericPage.global.css index f25b3f7..3508684 100644 --- a/src/styles/GenericPage.global.css +++ b/src/styles/GenericPage.global.css @@ -7,5 +7,6 @@ } .page__content { + position: relative; padding: 10px; } diff --git a/src/styles/ListView.global.css b/src/styles/ListView.global.css index 670a4b2..ee618b9 100644 --- a/src/styles/ListView.global.css +++ b/src/styles/ListView.global.css @@ -1,5 +1,5 @@ .rs-table-row { - cursor: pointer; + cursor: default; } .table__container { diff --git a/src/styles/PlaylistViewHeader.global.css b/src/styles/PlaylistViewHeader.global.css index b8c6077..238e720 100644 --- a/src/styles/PlaylistViewHeader.global.css +++ b/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; +} diff --git a/src/styles/Titlebar.global.css b/src/styles/Titlebar.global.css index a20731f..8ba262a 100644 --- a/src/styles/Titlebar.global.css +++ b/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; } diff --git a/src/styles/custom-theme.less b/src/styles/custom-theme.less index 0a75076..88cb6db 100644 --- a/src/styles/custom-theme.less +++ b/src/styles/custom-theme.less @@ -1,9 +1,16 @@ +@bg: #20252c; + +// Main +@body-bg: @bg; + // Table -@table-body-background: #0f131a; -@table-border-color: #0f131a; +@table-body-background: @bg; +@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;