mirror of
https://github.com/Mastermindzh/tidal-hifi.git
synced 2024-11-25 06:43:48 +01:00
205 lines
5.1 KiB
SCSS
205 lines
5.1 KiB
SCSS
: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--gAOQG.notFullscreen--xbpBL {
|
|
background-color: var(--footer-player-background);
|
|
}
|
|
.sidebar--jVJai {
|
|
background-color: var(--sidebar-background);
|
|
contain: strict;
|
|
flex-grow: 1;
|
|
overflow-y: auto;
|
|
}
|
|
.item--buEQw:hover {
|
|
background-color: var(--sidebar-hover-background);
|
|
}
|
|
.main--jxfcQ {
|
|
background-color: var(--main-background);
|
|
}
|
|
button.button--yO9Cd {
|
|
background-color: var(--main-navigation-control-background);
|
|
}
|
|
.player--gAOQG.lossLess--ON3FI button.withBackground[aria-checked="true"] path {
|
|
fill: var(--player-control-active-button);
|
|
}
|
|
.player--gAOQG.lossLess--ON3FI button.withBackground[aria-checked="true"] {
|
|
background-color: var(--player-control-background);
|
|
}
|
|
.activeItem--kFIk0 .activeItem--kFIk0 .playlistItem--mQrxp .section--PSIay.playingItem--eWkYS {
|
|
color: #565f89;
|
|
}
|
|
.progressBarWrapper--IBBI9 {
|
|
color: var(--player-progress-bar);
|
|
}
|
|
.playbackControls--FhKVf button .tidal-ui__icon {
|
|
transform: scale(1);
|
|
}
|
|
.css-11m9iw3 {
|
|
background-color: var(--indicator-hifi-background);
|
|
}
|
|
.css-11m9iw3 span {
|
|
color: var(--indicator-hifi-span);
|
|
}
|
|
.activeItem--kFIk0 {
|
|
color: var(--sidebar-menu-top-text);
|
|
}
|
|
.activeItem--kFIk0 .playlistItem--mQrxp {
|
|
color: var(--sidebar-menu-playlist-text);
|
|
}
|
|
button.feedBell--kvAbD {
|
|
background-color: var(--main-feed-button-background);
|
|
}
|
|
.baseContainer--jxCbW {
|
|
background-color: var(--search-dialog-background);
|
|
}
|
|
.favoriteButton--Qladw.is-favorite path {
|
|
fill: var(--player-control-favorite);
|
|
}
|
|
.container--PFTHk {
|
|
background-color: var(--right-queue-background);
|
|
}
|
|
.container--cl4MJ {
|
|
background-color: var(--search-background);
|
|
}
|
|
.searchFieldHighlighted--Fitvs {
|
|
color: var(--snow-white);
|
|
}
|
|
.searchField--EGBSq {
|
|
background-color: var(--search-background);
|
|
}
|
|
|
|
// Settings window styling
|
|
|
|
.settings-window {
|
|
color: var(--sidebar-menu-playlist-text);
|
|
}
|
|
.settings-window__wrapper {
|
|
background: var(--main-background);
|
|
box-shadow: inset 0 0 2px 0 var(--main-feed-button-background);
|
|
}
|
|
|
|
.settings-window__close-button:hover {
|
|
background: var(--main-feed-button-background);
|
|
}
|
|
|
|
.settings input:checked + label {
|
|
border-bottom: 2px solid var(--player-control-active-button);
|
|
color: var(--player-control-active-button);
|
|
}
|
|
|
|
.tabs::-webkit-scrollbar-thumb {
|
|
background-color: #404248;
|
|
box-shadow: inset 0 0 10px 2px var(--search-background);
|
|
}
|
|
|
|
.group {
|
|
border-bottom: 1px solid #333;
|
|
}
|
|
|
|
.group__description p {
|
|
color: var(--sidebar-menu-top-text);
|
|
}
|
|
.group__description .text-input {
|
|
border-bottom: solid 1px #333;
|
|
color: var(--sidebar-menu-top-text);
|
|
}
|
|
.group__description .text-input:focus {
|
|
border-color: var(--player-control-active-button);
|
|
color: var(--sidebar-menu-playlist-text);
|
|
}
|
|
|
|
.switch input:checked + .switch__slider {
|
|
background-color: var(--player-control-active-button);
|
|
}
|
|
.switch input:checked + .switch__slider::before {
|
|
background-color: var(--sidebar-menu-playlist-text);
|
|
}
|
|
.switch input:focus + .switch__slider {
|
|
box-shadow: inset 0 0 0 1px var(--player-control-active-button);
|
|
}
|
|
.switch__slider {
|
|
background-color: var(--search-background);
|
|
}
|
|
.switch__slider::before {
|
|
background-color: var(--sidebar-menu-playlist-text);
|
|
}
|
|
|
|
.textarea {
|
|
background: var(--search-background);
|
|
color: var(--sidebar-menu-top-text);
|
|
}
|
|
.textarea:focus {
|
|
border-color: var(--player-control-active-button);
|
|
color: var(--sidebar-menu-playlist-text);
|
|
}
|
|
|
|
.about-section__version a {
|
|
background-color: #404248;
|
|
color: var(--player-control-active-button);
|
|
}
|
|
.about-section__links a {
|
|
color: var(--sidebar-menu-playlist-text);
|
|
|
|
background-color: var(--search-background);
|
|
}
|
|
.about-section__links a i {
|
|
color: var(--sidebar-menu-playlist-text);
|
|
}
|
|
.about-section__links a:hover {
|
|
background-color: var(--player-control-favorite);
|
|
}
|
|
|
|
.footer__note {
|
|
color: var(--sidebar-menu-top-text);
|
|
}
|
|
.footer__button {
|
|
background: #404248;
|
|
color: var(--sidebar-menu-playlist-text);
|
|
}
|
|
.footer__button:hover {
|
|
background: #55585f;
|
|
}
|
|
|
|
.file-drop-area {
|
|
border: 1px dashed var(--sidebar-menu-top-text);
|
|
}
|
|
.file-drop-area.is-active {
|
|
background-color: #17171a;
|
|
}
|
|
|
|
.file-btn {
|
|
background-color: #17171a;
|
|
border: 1px solid var(--sidebar-menu-top-text);
|
|
}
|
|
|
|
.select-input {
|
|
border-bottom: solid 1px #333;
|
|
color: var(--sidebar-menu-top-text);
|
|
}
|
|
.select-input:focus {
|
|
border-color: var(--player-control-active-button);
|
|
color: var(--sidebar-menu-playlist-text);
|
|
}
|
|
.select-input option {
|
|
background-color: var(--search-background);
|
|
}
|
|
.select-input option:disabled {
|
|
color: var(--sidebar-menu-playlist-text);
|
|
}
|