Skip to content

Commit 17bc31b

Browse files
GilbNGilbN
authored
Merge pull request #563 from themepark-dev/develop
1.17.0
2 parents b854e92 + 2fb38d8 commit 17bc31b

File tree

20 files changed

+1072
-777
lines changed

20 files changed

+1072
-777
lines changed

‎css/base/audiobookshelf/audiobookshelf-base.css‎

Lines changed: 238 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,238 @@
1+
@import url("/css/defaults/placeholders.css");
2+
@import url("/css/defaults/transparent.css");
3+
4+
5+
/* TEXT */
6+
body,
7+
p{
8+
color: var(--text) !important;
9+
}
10+
11+
h1,
12+
h2,
13+
h3,
14+
h4,
15+
h5,
16+
h6{
17+
color: var(--text-hover) !important;
18+
}
19+
20+
21+
/* LINKS */
22+
a{
23+
color: var(--link-color) !important;
24+
}
25+
26+
a:hover{
27+
color: var(--link-color-hover) !important;
28+
}
29+
30+
31+
/* BODY */
32+
.bg-primary{
33+
background: var(--transparency-dark-40) !important;
34+
}
35+
body, .bg-bg, #bookshelf, #app-content, #page-wrapper{
36+
background: var(--main-bg-color);
37+
background-repeat: repeat, no-repeat;
38+
background-attachment: fixed, fixed;
39+
background-position: center center, center center;
40+
background-size: auto, cover;
41+
-webkit-background-size: auto, cover;
42+
-moz-background-size: auto, cover;
43+
-o-background-size: auto, cover;
44+
color: var(--text);
45+
}
46+
.bg-bg{
47+
background: var(--modal-header-color) !important;
48+
}
49+
50+
51+
/* HEADER */
52+
#appbar,
53+
#appbar > div{
54+
background: var(--modal-header-color) !important;
55+
}
56+
57+
58+
/* BUTTONS */
59+
button.bg-success,
60+
button.bg-success *,
61+
.abs-btn,
62+
button.bg-primary, a.bg-primary{
63+
background: var(--button-color) !important;
64+
color: var(--button-text) !important;
65+
border:none !important;
66+
}
67+
button.bg-success:hover,
68+
button.bg-success:hover *,
69+
.abs-btn:hover,
70+
button.bg-primary:hover, a.bg-primary:hover{
71+
background: var(--button-color-hover) !important;
72+
color: var(--button-text-hover) !important;
73+
}
74+
button .material-icons{
75+
color: var(--button-text-color) !important;
76+
}
77+
button:hover .material-icons{
78+
color: var(--button-text-color-hover) !important;
79+
}
80+
81+
82+
/* CARDS */
83+
[id*="book-card-"] .border-yellow-400{
84+
border-color:var(--button-color) !important;
85+
}
86+
87+
88+
/* Icons */
89+
.material-icons,
90+
.abs-icons{
91+
color: rgb(var(--accent-color)) !important;
92+
}
93+
.material-icons:hover,
94+
.abs-icons:hover{
95+
color: var(--accent-color-hover) !important;
96+
}
97+
98+
99+
/* TOOLBAR */
100+
#toolbar{
101+
background: var(--transparency-dark-25) !important;
102+
}
103+
104+
105+
/* SIDEBAR */
106+
.box-shadow-side{
107+
background: var(--transparency-dark-25) !important;
108+
}
109+
#siderail-buttons-container [class*="bg-yellow-"]{
110+
background: rgb(var(--accent-color)) !important;
111+
}
112+
#siderail-buttons-container > a{
113+
background: var(--modal-header-color) !important;
114+
}
115+
#siderail-buttons-container > a [class*="material-icons-"],
116+
#siderail-buttons-container > a svg{
117+
color: rgb(var(--accent-color)) !important;
118+
}
119+
#siderail-buttons-container > a:hover [class*="material-icons-"],
120+
#siderail-buttons-container > a:hover svg{
121+
color: var(--accent-color-hover) !important;
122+
}
123+
#siderail-buttons-container > a[aria-current="page"] [class*="material-icons-"],
124+
#siderail-buttons-container > a[aria-current="page"] svg{
125+
color: var(--button-text-color) !important;
126+
}
127+
#siderail-buttons-container > a[aria-current="page"]:hover [class*="material-icons-"],
128+
#siderail-buttons-container > a[aria-current="page"]:hover svg{
129+
color: var(--button-text-color-hover) !important;
130+
}
131+
132+
133+
/* SCROLLBAR */
134+
::-webkit-scrollbar-thumb{
135+
background: rgb(var(--accent-color)) !important;
136+
}
137+
#bookshelf{
138+
scrollbar-color: rgb(var(--accent-color)) transparent !important;
139+
}
140+
141+
142+
/* INPUTS */
143+
input.bg-primary{
144+
background:none !important;
145+
}
146+
147+
148+
/* TABLES */
149+
table * {
150+
background: transparent !important;
151+
}
152+
table tr:nth-child(2n){
153+
background: var(--transparency-dark-30) !important;
154+
}
155+
table tr:nth-child(odd){
156+
background: var(--transparency-dark-15) !important;
157+
}
158+
table tr:hover{
159+
background: rgb(var(--accent-color),0.25) !important;
160+
}
161+
table tr:nth-child(1), table tr:nth-child(1):hover {
162+
background: var(--transparency-dark-25) !important;
163+
}
164+
table tr svg.text-green-500{
165+
color: rgb(var(--accent-color)) !important;
166+
}
167+
168+
169+
170+
/* DROPDOWNS */
171+
button[aria-haspopup="listbox"]{
172+
background: var(--transparency-dark-25) !important;
173+
color: var(--text) !important;
174+
}
175+
ul[role="listbox"]{
176+
background: var(--modal-bg-color) !important;
177+
}
178+
ul[role="listbox"] li:hover{
179+
background: var(--transparency-dark-25) !important;
180+
}
181+
ul[role="listbox"] li.text-yellow-400{
182+
color: rgb(var(--accent-color)) !important;
183+
}
184+
ul[role="listbox"] li.text-yellow-400:hover{
185+
color: var(--accent-color-hover) !important;
186+
}
187+
188+
/* CONFIGPAGE */
189+
.configContent button[role="checkbox"].bg-primary{
190+
background: var(--transparency-dark-35) !important;
191+
}
192+
.configContent button[role="checkbox"].bg-success{
193+
background: var(--button-color) !important;
194+
}
195+
.configContent button[role="checkbox"] > span{
196+
background: var(--text-hover) !important;
197+
border: var(--text-hover) !important;
198+
}
199+
200+
/* CONFIGPAGE - SETTINGS */
201+
.configContent .userAudiobooksTable tr:nth-child(1){
202+
background: var(--transparency-dark-40) !important;
203+
}
204+
.configContent .userAudiobooksTable tr.isFinished{
205+
background:rgb(var(--accent-color),0.15) !important;
206+
}
207+
208+
/* CONFIGPAGE - LIBRARIES */
209+
.configContent.page-Libraries .list-group .bg-warning{
210+
background: rgb(var(--accent-color)) !important;
211+
}
212+
213+
/* CONFIGPAGE - LOGS */
214+
.configContent.page-Logs #log-container .bg-info{
215+
background: var(--transparency-dark-40) !important;
216+
}
217+
218+
/* CONFIGPAGE - AUTHENTICATION */
219+
.configContent.page-Authentication svg.text-green-500{
220+
color: rgb(var(--accent-color)) !important;
221+
}
222+
223+
/* CONFIGPAGE - STATS */
224+
.configContent.Stats .bg-yellow-400{
225+
background: rgb(var(--accent-color)) !important;
226+
}
227+
228+
229+
/* MISC */
230+
code{
231+
background: var(--transparency-dark-40) !important;
232+
color: rgb(var(--accent-color)) !important;
233+
}
234+
235+
/* WTF? */
236+
#__layout > .bg-bg > .hidden > .absolute.bg-bg{
237+
background: none !important;
238+
}

0 commit comments

Comments
 (0)