From a408a6a8ccd2120fb62eb84e6c68a618f29fb3f5 Mon Sep 17 00:00:00 2001 From: Mastermindzh Date: Wed, 10 May 2023 00:02:19 +0200 Subject: [PATCH] theme: added Tokyo Night by https://github.com/wojciech-zurek --- .gitignore | 2 +- src/themes/Tokyo Night.scss | 82 +++++++++++++++++++++++++++++++++++++ 2 files changed, 83 insertions(+), 1 deletion(-) create mode 100644 src/themes/Tokyo Night.scss diff --git a/.gitignore b/.gitignore index cb592b4..42ce16d 100644 --- a/.gitignore +++ b/.gitignore @@ -9,10 +9,10 @@ build/linux/arch/* !build/linux/arch/install.sh *.css *.css.map -!src/themes/**/**.css # JetBrains IDE configuration .idea ts-dist/** ts-dist themes +!src/themes diff --git a/src/themes/Tokyo Night.scss b/src/themes/Tokyo Night.scss new file mode 100644 index 0000000..b9f6a73 --- /dev/null +++ b/src/themes/Tokyo Night.scss @@ -0,0 +1,82 @@ +:root { + --footer-player-background: #1a1b26; + --sidebar-background: #1a1b26; + --sidebar-hover-background: #414868; + --sidebar-menu-top-text: #565f89; + --sidebar-menu-playlist-text: #565f89; + --search-background: #1a1b26; + --main-background: #16161e; + --main-navigation-control-background: #1a1b26; + --main-feed-button-background: #1a1b26; + --player-control-background: #24283b; + --player-control-active-button: #ff9e64; + --player-progress-bar: #ff9e64; + --indicator-hifi-background: #9ece6a; + --indicator-hifi-span: #1a1b26; + --player-control-favorite: #f7768e; + --search-dialog-background: #24283b; + --right-queue-background: #24283b; +} +.player--fNPGt.notFullscreen--ugyc2 { + background-color: var(--footer-player-background); +} +.sidebar--WvRg_ { + background-color: var(--sidebar-background); + contain: strict; + flex-grow: 1; + overflow-y: auto; +} +.item--VTpWS:hover { + background-color: var(--sidebar-hover-background); +} +.main--LUnJp { + background-color: var(--main-background); +} +button.button--ncJwL { + background-color: var(--main-navigation-control-background); +} +.player--fNPGt.lossLess--g5Jss button.withBackground[aria-checked="true"] path { + fill: var(--player-control-active-button); +} +.player--fNPGt.lossLess--g5Jss button.withBackground[aria-checked="true"] { + background-color: var(--player-control-background); +} +.activeItem--qV6eL .activeItem--qV6eL .playlistItem--YARJh .section--FI41E.playingItem--eWkYS { + color: #565f89; +} +.progressBarWrapper--WZfox { + color: var(--player-progress-bar); +} +.playbackControls--FLeZA button .tidal-ui__icon { + transform: scale(1); +} +.css-11m9iw3 { + background-color: var(--indicator-hifi-background); +} +.css-11m9iw3 span { + color: var(--indicator-hifi-span); +} +.activeItem--qV6eL { + color: var(--sidebar-menu-top-text); +} +.activeItem--qV6eL .playlistItem--YARJh { + color: var(--sidebar-menu-playlist-text); +} +button.feedBell--B8anb { + background-color: var(--main-feed-button-background); +} +.baseContainer--cbf17 { + background-color: var(--search-dialog-background); +} +.favoriteButton--TtBlM.is-favorite path { + fill: var(--player-control-favorite); +} +.container--mkEWd { + background-color: var(--right-queue-background); +} +.container--vJVjO { + background-color: var(--search-background); +} +.searchFieldHighlighted--Fitvs { + color: var(--snow-white); +}