Skip to content

Commit 6ff5fd7

Browse files
authored
Merge pull request #686 from themepark-dev/develop
Release 1.21.0
2 parents 48ef401 + 5cc335a commit 6ff5fd7

File tree

4 files changed

+219
-10
lines changed

4 files changed

+219
-10
lines changed

css/base/docmost/docmost-base.css

Lines changed: 191 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,191 @@
1+
@import url("/css/defaults/placeholders.css");
2+
@import url("/css/defaults/transparent.css");
3+
4+
:root {
5+
--scheme-main-ter: var(--main-bg-color);
6+
--text-strong-color: var(--button-text-hover);
7+
--border-color: var(--transparency-light-25);
8+
--logo-color: rgb(var(--accent-color));
9+
--body-background-color: var(--main-bg-color);
10+
--border-hover-color: rgb(var(--accent-color));
11+
--header-button-color: var(--button-color); /* Docmost overrider --button-color in some fields so I make a copy of --button-color at the start */
12+
}
13+
14+
* {
15+
outline: none;
16+
}
17+
18+
html,
19+
body,
20+
.mantine-Modal-content,
21+
.mantine-Spotlight-content {
22+
background: var(--main-bg-color) !important;
23+
background-repeat: repeat, no-repeat;
24+
background-attachment: fixed, fixed;
25+
background-position: center center, center center;
26+
background-size: auto, cover;
27+
-webkit-background-size: auto, cover;
28+
-moz-background-size: auto, cover;
29+
-o-background-size: auto, cover;
30+
color: var(--text);
31+
}
32+
33+
[class^="_header"] .mantine-UnstyledButton-root,
34+
[class^="_header"] .mantine-Button-root,
35+
nav .mantine-Group-root .mantine-UnstyledButton-root {
36+
background: var(--header-button-color) !important;
37+
color: var(--button-text) !important;
38+
}
39+
40+
[class^="_header"] .mantine-UnstyledButton-root:hover,
41+
[class^="_header"] .mantine-Button-root:hover,
42+
nav .mantine-Group-root .mantine-UnstyledButton-root:hover {
43+
background: var(--button-color-hover) !important;
44+
color: var(--button-text-hover) !important;
45+
}
46+
47+
header [class^="_link"]:hover,
48+
nav a.isSelected,
49+
nav [class^="_actions"] {
50+
background: var(--transparency-light-10) !important;
51+
color: rgb(var(--accent-color)) !important;
52+
}
53+
54+
nav a.isSelected:hover,
55+
nav a:hover,
56+
nav button:hover,
57+
nav [class^="_actions"] {
58+
background: var(--transparency-dark-25) !important;
59+
color: var(--button-text-hover) !important;
60+
}
61+
62+
.mantine-Tabs-tab {
63+
border-color: rgb(var(--accent-color)) ;
64+
}
65+
66+
header,
67+
.mantine-Group-root,
68+
.mantine-Divider-root,
69+
.mantine-Select-input,
70+
.mantine-Switch-trackLabel,
71+
.mantine-Paper-root,
72+
.mantine-Table-table,
73+
.mantine-TextInput-input,
74+
.mantine-Menu-dropdown,
75+
.mantine-Menu-divider,
76+
.mantine-Tabs-root .mantine-Table-tr,
77+
nav .mantine-Group-root .mantine-ActionIcon-root,
78+
nav [class^="_section"] {
79+
border-color: var(--transparency-light-10) !important;
80+
}
81+
82+
.mantine-Badge-root {
83+
background: rgb(var(--accent-color));
84+
color: var(--button-text);
85+
}
86+
87+
[class^="_editor"] .ProseMirror,
88+
[class^="_card"] .mantine-Card-section {
89+
background: transparent;
90+
}
91+
92+
svg,
93+
nav a.isSelected:hover svg {
94+
stroke: rgb(var(--accent-color));
95+
}
96+
97+
[class^="_header"] .mantine-UnstyledButton-root svg,
98+
nav .mantine-Group-root .mantine-UnstyledButton-root svg {
99+
stroke: var(--button-text);
100+
}
101+
102+
.mantine-Menu-dropdown,
103+
.mantine-Popover-dropdown {
104+
background: var(--drop-down-menu-bg);
105+
color: var(--text);
106+
}
107+
108+
label:has(input:checked) .mantine-Switch-track {
109+
background: rgb(var(--accent-color));
110+
color: var(--button-text);
111+
}
112+
113+
.mantine-Menu-item:hover,
114+
.mantine-SegmentedControl-indicator {
115+
background: var(--transparency-light-10);
116+
color: var(--text-hover);
117+
}
118+
119+
a[class*="_activeButton"],
120+
a[class^="_link"][data-active] {
121+
background: var(--transparency-light-10) !important;
122+
color: var(--text-hover) !important;
123+
}
124+
125+
[class^="_header"],
126+
.mantine-Table-tr:hover,
127+
.mantine-Tabs-tab:hover{
128+
background: var(--transparency-dark-10);
129+
color: var(--text);
130+
}
131+
132+
.mantine-SegmentedControl-root,
133+
[class^="_card"],
134+
.mantine-Table-th,
135+
.mantine-Paper-root {
136+
background: var(--transparency-dark-25);
137+
color: var(--text);
138+
}
139+
140+
header,
141+
nav,
142+
[class^="_editor"] .tableWrapper tr th,
143+
.mantine-Input-input,
144+
.mantine-Table-td .mantine-Button-root,
145+
.mantine-AppShell-aside{
146+
background: var(--transparency-dark-25) !important;
147+
color: var(--text) !important;
148+
}
149+
150+
h1,
151+
h2,
152+
h3,
153+
h4,
154+
h5,
155+
h6,
156+
p,
157+
section header,
158+
.menu-label,
159+
.mantine-Menu-label {
160+
color: var(--text-hover) !important;
161+
}
162+
163+
.mantine-Input-input,
164+
a[class^="_link"],
165+
a[class^="_link"][data-active],
166+
.mantine-SegmentedControl-innerLabel,
167+
.mantine-Menu-item,
168+
nav * {
169+
color: var(--text);
170+
}
171+
172+
a.mantine-Anchor-root {
173+
color: var(--text) !important; /* Replace with your desired color */
174+
}
175+
176+
.mantine-Alert-root {
177+
background: rgb(var(--accent-color));
178+
}
179+
180+
.mantine-Alert-message {
181+
color: var(--text-hover);
182+
}
183+
184+
.mantine-Alert-root svg {
185+
stroke: var(--text-hover);
186+
}
187+
188+
a[class^="_link"][data-active] span:hover {
189+
background: transparent !important;
190+
color: inherit;
191+
}

css/base/sabnzbd/sabnzbd-base.css

Lines changed: 26 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -162,10 +162,10 @@ hr {
162162
background-color: var(--link-color-hover);
163163
}
164164

165-
/* .navbar-btn {
165+
.navbar-btn {
166166
background: var(--button-color) !important;
167167
border-color: transparent !important;
168-
} */
168+
}
169169

170170
.navbar-inverse .navbar-nav>.open>a,
171171
.navbar-inverse .navbar-nav>.open>a:hover,
@@ -190,6 +190,8 @@ hr {
190190

191191
.dropdown-menu,
192192
#feedback-slider,
193+
.navbar-collapse,
194+
.navbar-header,
193195
.navbar-collapse.in .dropdown-menu {
194196
background: var(--drop-down-menu-bg);
195197
background-repeat: repeat, no-repeat;
@@ -290,21 +292,21 @@ svg.peity polyline {
290292

291293
.btn-default {
292294
color: var(--button-text) !important;
293-
background: var(--button-color);
295+
background: var(--button-color) !important;
294296
border-color: var(--button-color);
295297
outline: none !important;
296298
}
297299

298300
.btn-default:focus,
299301
.btn-default.focus {
300302
color: var(--button-text-hover) !important;
301-
background: var(--button-color-hover);
303+
background: var(--button-color-hover) !important;
302304
border-color: var(--button-color-hover);
303305
}
304306

305307
.btn-default:hover {
306308
color: var(--button-text-hover) !important;
307-
background: var(--button-color-hover);
309+
background: var(--button-color-hover) !important;
308310
border-color: var(--button-color-hover);
309311
}
310312

@@ -504,8 +506,17 @@ td.delete .dropdown>a .caret {
504506
border-top-color: var(--button-color) !important;
505507
}
506508

509+
fieldset>div,
510+
.history-table>tbody>tr:nth-of-type(odd),
507511
.table-striped>tbody>tr:nth-of-type(odd) {
508-
background: var(--transparency-dark-25);
512+
background: var(--transparency-dark-25) !important;
513+
}
514+
515+
fieldset>div.even,
516+
/* fieldset>div:nth-of-type(odd), */
517+
.history-table>tbody>tr:nth-of-type(even),
518+
.table-striped>tbody>tr:nth-of-type(even) {
519+
background: transparent !important;
509520
}
510521

511522
tbody.no-downloads tr td {
@@ -559,6 +570,14 @@ tr td.row-extra-text,
559570
background: var(--transparency-light-25);
560571
}
561572

573+
.addRssTable td {
574+
background: var(--main-bg-color) !important;
575+
}
576+
577+
.addRssTable button {
578+
background: var(--button-color) !important;
579+
}
580+
562581
.progress .progress-bar .fileDetails {
563582
color: var(--button-text);
564583
}
@@ -599,7 +618,6 @@ tr td.row-extra-text,
599618
background-color: #888;
600619
}
601620

602-
603621
.multioperations-selector {
604622
border: 1px solid transparent !important;
605623
background: var(--transparency-dark-25) !important;
@@ -1175,4 +1193,4 @@ fieldset[disabled] .form-control {
11751193
color: rgb(var(--accent-color)) !important;
11761194
padding: 0px;
11771195
font-size: 1.2em;
1178-
}
1196+
}

css/defaults/servarr-base.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -403,7 +403,7 @@ a:hover {
403403
color: var(--text-hover);
404404
}
405405

406-
[class*="Label-default-"] {
406+
[class*="Label-default-"]:not([class*="MovieDetails-detailsInfoLabel-"]) {
407407
border-color: rgb(var(--accent-color));
408408
background-color: rgb(var(--accent-color));
409409
color: var(--label-text-color);

css/defaults/servarr-darker-base.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555

5656
/* LABLES */
5757

58-
[class*="Label-default-"] {
58+
[class*="Label-default-"]:not([class*="MovieDetails-detailsInfoLabel-"]) {
5959
border-color: var(--label-color);
6060
background-color: var(--label-color);
6161
color: var(--label-text-color);

0 commit comments

Comments
 (0)