1  /*
  2  {
  3      "name": "Abyss Neptune - OLED Friendly",
  4      "author": "@itzzexcel",
  5      "description": "Abyss Neptune theme without button styling for OLED displays"
  6  }
  7  */
  8  
  9  ::-webkit-scrollbar {
 10      display: none;
 11  }
 12  
 13  :root {
 14      --wave-color-solid-accent-fill: white;
 15      --wave-color-solid-rainbow-yellow-fill: white;
 16      --wave-color-solid-contrast-fill: white;
 17      --wave-color-solid-base-brighter: black;
 18      --wave-text-body-medium: white !important;
 19      --track-vibrant-color: white !important;
 20      --wave-color-opacity-contrast-fill-ultra-thin: #fffafa1a !important;
 21      --wave-color-solid-rainbow-yellow-darkest: #fffafa1a !important;
 22      --wave-color-solid-accent-dark: rgb(128, 128, 128);
 23  }
 24  
 25  /* Credits to https://github.com/surfbryce for the fonts */
 26  @font-face {
 27      font-family: "AbyssFont";
 28      font-weight: 400;
 29      src: url("https://excel.lexploits.top/extra/tidal/LyricsRegular.woff2") format("woff2");
 30  }
 31  
 32  @font-face {
 33      font-family: "AbyssFont";
 34      font-weight: 500;
 35      src: url("https://excel.lexploits.top/extra/tidal/LyricsMedium.woff2") format("woff2");
 36  }
 37  
 38  @font-face {
 39      font-family: "AbyssFont";
 40      font-weight: 600;
 41      src: url("https://excel.lexploits.top/extra/tidal/LyricsSemibold.woff2") format("woff2");
 42  }
 43  
 44  @font-face {
 45      font-family: "AbyssFont";
 46      font-weight: 700;
 47      src: url("https://excel.lexploits.top/extra/tidal/LyricsBold.woff2") format("woff2");
 48  }
 49  
 50  [class^="followingButton"],
 51  [title="Unfollow"],
 52  [title="Follow"],
 53  [title="Unfollow"]>span,
 54  [title="Follow"]>span {
 55      background-color: var(--wave-color-solid-rainbow-yellow-fill) !important;
 56      color: var(--wave-color-solid-base-brighter);
 57  }
 58  
 59  [class^="_wave-badge-color-max"] {
 60      color: black !important;
 61      background-color: var(--wave-color-solid-accent-fill);
 62      border-radius: 3px;
 63  }
 64  
 65  [data-test="main-layout-sidebar-wrapper"] {
 66      border-right: rgb(25, 25, 25) 1px solid;
 67  }
 68  
 69  [class^="_wave-badge"] {
 70      background-color: var(--wave-color-solid-accent-fill);
 71      border-radius: 4px;
 72      color: black;
 73  }
 74  
 75  [class^="_progressBarWrapper"] {
 76      color: var(--wave-color-solid-accent-fill) !important;
 77  }
 78  
 79  [class^="_sidebarItem"]>span {
 80      color: var(--wave-color-solid-accent-dark);
 81  }
 82  
 83  [data-test="main-layout-header"] {
 84      border-left: 0 !important;
 85  }
 86  
 87  [class^="_sidebarItem"]:hover span {
 88      color: var(--wave-color-solid-contrast-fill);
 89  }
 90  
 91  [class^="_sidebarItem"] [class^="active"]>span {
 92      color: var(--wave-color-solid-accent-dark) !important;
 93  }
 94  
 95  [class^="_active"] {
 96      color: var(--wave-color-solid-accent-fill) !important;
 97  }
 98  
 99  [class^="ReactVirtualized__Grid"] {
100      border-radius: 10px;
101      margin: 5px;
102  }
103  
104  [data-test="media-table"]>div>div>div {
105      border: 1px solid rgb(25, 25, 25) !important;
106  }
107  
108  [class^="ReactVirtualized__Grid__innerScrollContainer"] {
109      border: none;
110      margin: 5px;
111  }
112  
113  [class^="_explicitBadge"] {
114      color: var(--wave-color-solid-accent-fill);
115  }
116  
117  [data-test="current-media-imagery"] {
118      border: 0 !important;
119      margin: none;
120  }
121  
122  [class^="_imageBorder"] {
123      display: none;
124  }
125  
126  [data-test="feed-sidebar"] {
127      margin-top: 10px;
128  }
129  
130  [data-test="footer-player"] {
131      width: calc(100% - 20px);
132      bottom: 10px;
133      left: 10px;
134      border: 1px solid rgb(25, 25, 25);
135      border-radius: 4px !important;
136      position: absolute !important;
137  }
138  
139  [class^="_tableRow"]:hover>*,
140  [data-test-is-playing="true"]>* {
141      color: var(--wave-color-solid-accent-fill) !important;
142  }
143  
144  [class^="_tableRow"]>*,
145  [data-test-is-playing="false"]>* {
146      color: lightgray !important;
147  }
148  
149  [class*="coverColumn"] {
150      padding-left: 5px !important;
151  }
152  
153  [class^="actionList"] {
154      background-color: transparent;
155      margin: 0px;
156      border-radius: 5px;
157  }
158  
159  .neptune-switch-checkbox:checked+.neptune-switch {
160      background-color: rgba(255, 255, 255, 0.1);
161  }
162  
163  [data-test="main-layout-header"],
164  [data-test="feed-sidebar"],
165  [data-test="stream-metadata"],
166  [data-test="footer-player"] {
167      background-color: rgba(0, 0, 0, 0.8) !important;
168      backdrop-filter: blur(10px);
169      border: 1px solid var(--wave-color-opacity-contrast-fill-ultra-thin) !important;
170  }
171  
172  [data-wave-color=textUrl] {
173      color: var(--wave-color-solid-accent-fill);
174  }
175  
176  [class^="_smallHeader"] {
177      margin-top: 7.5px;
178  }
179  
180  [class^="__NEPTUNE_PAGE"],
181  [data-test="main"] {
182      margin-top: 35px;
183  }
184  
185  #playQueueSidebar {
186      top: 50px !important;
187      border: 1px solid var(--wave-color-opacity-contrast-fill-ultra-thin);
188      margin: 2px;
189      margin-right: -14px !important;
190      background-color: rgba(0, 0, 0, 0.8) !important;
191      backdrop-filter: blur(10px);
192  }
193  
194  [class^="_bottomGradient"] {
195      visibility: hidden;
196  }
197  
198  [data-test="settings-page"] {
199      padding-bottom: 60px !important;
200  }
201  
202  [data-test="query-suggestions"],
203  [data-test="recent-searches-container"] {
204      background-color: rgba(0, 0, 0, 0.6);
205      backdrop-filter: blur(10px);
206  }
207  
208  [data-test="contextmenu"] {
209      border: 1px solid var(--wave-color-opacity-contrast-fill-ultra-thin) !important;
210  }
211  
212  [class^="_dataContainer_"]::before {
213      background-image: var(--img);
214      filter: blur(10px) brightness(0.4);
215  }