pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Set fullscreen player text shadow to css var

Browse source
This commit is contained in:
jeffvli 2023-11-01 04:00:58 -07:00
parent 63e441429e
commit d517afdfd3
3 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/renderer/features/player/components/full-screen-player-image.tsx
View file

@ -255,7 +255,7 @@ export const FullScreenPlayerImage = () => {
overflow="hidden" overflow="hidden"
pb="0.5rem" pb="0.5rem"
style={{ style={{
textShadow: '0 0 5px rgb(0 0 0 / 100%)', textShadow: 'var(--fullscreen-player-text-shadow)',
}} }}
w="100%" w="100%"
weight={900} weight={900}
@ -269,7 +269,7 @@ export const FullScreenPlayerImage = () => {
order={3} order={3}
overflow="hidden" overflow="hidden"
style={{ style={{
textShadow: '0 0 5px rgb(0 0 0 / 100%)', textShadow: 'var(--fullscreen-player-text-shadow)',
}} }}
to={generatePath(AppRoute.LIBRARY_ALBUMS_DETAIL, { to={generatePath(AppRoute.LIBRARY_ALBUMS_DETAIL, {
albumId: currentSong?.albumId || '', albumId: currentSong?.albumId || '',
@ -286,7 +286,7 @@ export const FullScreenPlayerImage = () => {
align="center" align="center"
order={3} order={3}
style={{ style={{
textShadow: '0 0 5px rgb(0 0 0 / 100%)', textShadow: 'var(--fullscreen-player-text-shadow)',
}} }}
transform="uppercase" transform="uppercase"
> >
@ -304,7 +304,7 @@ export const FullScreenPlayerImage = () => {
$link $link
component={Link} component={Link}
style={{ style={{
textShadow: '0 0 5px rgb(0 0 0 / 100%)', textShadow: 'var(--fullscreen-player-text-shadow)',
}} }}
to={generatePath(AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL, { to={generatePath(AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL, {
albumArtistId: artist.id, albumArtistId: artist.id,

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

@ -116,6 +116,7 @@
--table-fg: rgb(179, 179, 179); --table-fg: rgb(179, 179, 179);
--table-row-hover-bg: rgba(100, 100, 100, 20%); --table-row-hover-bg: rgba(100, 100, 100, 20%);
--table-row-selected-bg: rgba(100, 100, 100, 40%); --table-row-selected-bg: rgba(100, 100, 100, 40%);
--fullscreen-player-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
.ag-theme-alpine-dark { .ag-theme-alpine-dark {
--ag-font-family: var(--content-font-family); --ag-font-family: var(--content-font-family);

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

@ -95,6 +95,7 @@ body[data-theme='defaultLight'] {
--table-fg: rgb(179, 179, 179); --table-fg: rgb(179, 179, 179);
--table-row-hover-bg: rgba(150, 150, 150, 20%); --table-row-hover-bg: rgba(150, 150, 150, 20%);
--table-row-selected-bg: rgba(150, 150, 150, 30%); --table-row-selected-bg: rgba(150, 150, 150, 30%);
--fullscreen-player-text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
.ag-theme-alpine-dark { .ag-theme-alpine-dark {
--ag-font-family: var(--content-font-family); --ag-font-family: var(--content-font-family);