purplify-theme/user.css at main · IsItKz/purplify-theme · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
.encore-dark-theme .encore-bright-accent-set,
.encore-dark-theme .encore-positive-set {
  --background-highlight: var(--spice-highlight) !important;
  --background-press: var(--spice-highlight) !important;
  --background-elevated-base: var(--spice-main-elevated) !important;
  --background-elevated-highlight: var(--spice-highlight-elevated) !important;
  --background-elevated-press: var(--spice-highlight-elevated) !important;
  --encore-icon-fill: #fff !important;
}

.x-searchInput-searchInputInput::placeholder {
  color: #fff !important;
}

.x-searchInput-searchInputInput:hover {
  background: var(--spice-main-elevated) !important;
}

.main-home-homeHeader,
.main-home-filterChipsSection.fzMaM8folMIckYG2::after {
  background: none !important;
  background-image:
    linear-gradient(
      rgba(var(--spice-rgb-shadow), 0.6) 0,
      var(--spice-main) 100%
    ),
    var(--background-noise) !important;
}

.main-entityHeader-backgroundColor,
.main-entityHeader-overlay,
.main-topBar-overlay,
.desktopmodals-aboutSpotifyModal-container,
.lyrics-lyricsContainer-LyricsBackground {
  background-image:
    linear-gradient(
      rgba(var(--spice-rgb-shadow), 0.6) 0,
      var(--spice-main) 100%
    ),
    var(--background-noise) !important;
}

.tippy-box {
  background: var(--spice-highlight) !important;
}

.tippy-arrow {
  color: var(--spice-highlight) !important;
}

.main-actionBarBackground-background {
  background-image: none !important;
  background: none !important;
}

.desktopmodals-aboutSpotifyModal-licensing {
  background: none !important;
}