antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-01 10:23:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Redesign sidebar / header and other misc. improvements (#24)

Browse source 
* Remove 1920px max width

* Fix position of list controls menu

* Match size and color of search input

* Adjust library header sizing

* Move app menu to sidebar

* Increase row buffer on play queue list

* Fix query builder styles

* Fix playerbar slider track bg

* Adjust titlebar styles

* Fix invalid modal prop

* Various adjustments to detail pages

* Fix sidebar height calculation

* Fix list null indicators, add filter indicator

* Adjust playqueue styles

* Fix jellyfin releaseYear normalization

* Suppress browser context menu on ag-grid

* Add radius to drawer queue -- normalize layout

* Add modal styles to provider theme

* Fix playlist song list pagination

* Add disc number to albums with more than one disc

* Fix query builder boolean values

* Adjust input placeholder color

* Properly handle rating/favorite from context menu on table

* Conform dropdown menu styles to context menu

* Increase sort type select width

* Fix drawer queue radius

* Change primary color

* Prevent volume wheel from invalid values

* Add icons to query builder dropdowns

* Update notification styles

* Update scrollbar thumb styles

* Remove "add to playlist" on smart playlists

* Fix "add to playlist" from context menu
This commit is contained in:
Jeff 2023-02-07 22:47:23 -08:00 • committed by GitHub
parent d2c0d4c11f
commit 9f2e873366
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
80 changed files with 1427 additions and 1101 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/renderer/themes/default.scss
View file

@ -2,7 +2,7 @@
--root-font-size: 13px;
--icon-color: rgb(255, 255, 255);
--primary-color: rgb(34, 104, 255);
--primary-color: rgb(53, 116, 252);
--secondary-color: rgb(255, 120, 120);
--success-color: green;
--warning-color: orange;
@ -14,7 +14,7 @@
--main-fg-secondary: rgb(150, 150, 150);
--titlebar-fg: rgb(255, 255, 255);
--titlebar-bg: rgb(7, 7, 7);
--titlebar-bg: rgb(24, 24, 24);
--titlebar-controls-bg: rgba(0, 0, 0, 0);
--sidebar-bg: rgb(0, 0, 0);
@ -40,10 +40,11 @@
--tooltip-fg: #000000;
--scrollbar-track-bg: transparent;
--scrollbar-thumb-bg: rgba(90, 90, 90, 0.5);
--scrollbar-thumb-bg: rgba(160, 160, 160, 0.3);
--scrollbar-thumb-bg-hover: rgba(160, 160, 160, 0.6);
--btn-primary-bg: var(--primary-color);
--btn-primary-bg-hover: rgb(0, 71, 252);
--btn-primary-bg-hover: rgb(34, 96, 255);
--btn-primary-fg: #ffffff;
--btn-primary-fg-hover: #ffffff;
@ -59,7 +60,7 @@
--input-bg: rgb(35, 35, 35);
--input-fg: rgb(193, 193, 193);
--input-placeholder-fg: rgb(119, 126, 139);
--input-placeholder-fg: rgb(107, 108, 109);
--input-active-fg: rgb(193, 193, 193);
--input-active-bg: rgba(255, 255, 255, 0.1);
@ -84,12 +85,12 @@
--toast-description-fg: rgb(193, 194, 197);
--toast-bg: rgb(16, 16, 16);
--modal-bg: rgb(26, 26, 26);
--modal-bg: var(--main-bg);
--badge-bg: rgb(0, 0, 0);
--badge-fg: rgb(255, 255, 255);
--paper-bg: rgb(30, 30, 30);
--paper-bg: rgb(20, 20, 20);
--placeholder-bg: rgba(53, 53, 53, 0.5);
--placeholder-fg: rgba(126, 126, 126);
@ -180,25 +181,4 @@
.current-song {
background: rgba(96, 144, 240, 0.3) !important;
}
.mantine-Modal-modal {
background: var(--modal-bg);
border-radius: 10px;
backdrop-filter: blur(8px);
}
.mantine-Modal-header {
padding-bottom: 1rem;
margin-right: 0.5rem;
border-bottom: 1px solid var(--generic-border-color);
}
.mantine-Modal-title {
font-weight: bold;
font-size: medium;
}
.mantine-Modal-body {
padding: 1rem;
}
}

7
src/renderer/themes/light.scss
View file

@ -7,7 +7,7 @@ body[data-theme='defaultLight'] {
--titlebar-fg: rgb(25, 25, 25);
--titlebar-bg: rgb(240, 241, 242);
--titlebar-controls-bg: rgba(240, 240, 240, 0.2);
--titlebar-controls-bg: rgba(0, 0, 0, 0);
--sidebar-bg: rgb(240, 241, 242);
--sidebar-fg: rgb(0, 0, 0);
@ -35,7 +35,8 @@ body[data-theme='defaultLight'] {
--tooltip-fg: rgb(0, 0, 0);
--scrollbar-track-bg: transparent;
--scrollbar-thumb-bg: rgb(140, 140, 140);
--scrollbar-thumb-bg: rgba(140, 140, 140, 0.3);
--scrollbar-thumb-bg: rgba(140, 140, 140, 0.6);
--btn-primary-bg: var(--primary-color);
--btn-primary-fg: #ffffff;
@ -78,7 +79,7 @@ body[data-theme='defaultLight'] {
--modal-bg: rgb(255, 255, 255);
--paper-bg: rgb(240, 240, 240);
--paper-bg: rgb(235, 235, 235);
--placeholder-bg: rgba(204, 204, 204, 0.5);
--placeholder-fg: rgb(126, 126, 126);