Skip to content

Commit 1849856

Browse files
GilbNGilbN
authored
Merge pull request #705 from emilyy3k/lldap-implementation
2 parents b8bec92 + d2e46ee commit 1849856

File tree

2 files changed

+307
-0
lines changed

2 files changed

+307
-0
lines changed

‎README.md‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -308,6 +308,10 @@
308308
<p><a href="https://docs.theme-park.dev/themes/authelia"><img src="https://docs.theme-park.dev/site_assets/authelia/logo.png" alt="" width="48" height="48" /></a></p>
309309
<p><a href="https://docs.theme-park.dev/themes/authelia">Authelia</a></p>
310310
</td>
311+
<td>
312+
<p><a href="https://docs.theme-park.dev/themes/lldap"><img src="https://docs.theme-park.dev/site_assets/lldap/logo.png" alt="" width="48" height="48" /></a></p>
313+
<p><a href="https://docs.theme-park.dev/themes/lldap">Authelia</a></p>
314+
</td>
311315
</tr>
312316
</tbody>
313317
</table>

‎css/base/lldap/lldap-base.css‎

Lines changed: 303 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,303 @@
1+
/* dP dP dP */
2+
/* 88 88 88 */
3+
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
4+
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
5+
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
6+
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
7+
/* 88 */
8+
/* dP */
9+
10+
/* Made by @gilbN - LLDAP base by emilyy3k */
11+
/* https://github.com/gilbN/theme.park */
12+
13+
@import url("/css/defaults/placeholders.css");
14+
@import url("/css/defaults/transparent.css");
15+
16+
body {
17+
/* Base Colors */
18+
--bs-body-color: var(--text);
19+
--bs-body-bg: var(--main-bg-color);
20+
--bs-body-color-alt: var(--text);
21+
--bs-body-bg-alt: var(--main-bg-color);
22+
background: var(--main-bg-color);
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+
/* --text: greenyellow;
31+
--button-text: red;
32+
--button-text-hover: yellow; */
33+
color: var(--text);
34+
}
35+
36+
/* Header/NavBar Styles */
37+
html[class][lang] .nav-link {
38+
color: var(--text);
39+
}
40+
41+
html[class][lang] .nav-link:hover, html[class][lang] .nav-link:focus {
42+
color: var(--link-color-hover);
43+
}
44+
45+
header a.d-flex.mt-2 h2 {
46+
color: var(--text);
47+
}
48+
49+
header a.d-flex.mt-2 h2:hover, header a.d-flex.mt-2 h2:focus {
50+
color: var(--link-color-hover);
51+
}
52+
53+
html[class][lang] header.border-bottom {
54+
border-color: var(--transparency-dark-10) !important;
55+
}
56+
57+
/* User Dropdown Menu */
58+
html[class][lang] .dropdown-menu {
59+
-webkit-backdrop-filter: saturate(1) blur(1.0em);
60+
backdrop-filter: saturate(1) blur(1.0em);
61+
color: var(--text);
62+
border-color: rgba(from var(--text) r g b / 0.15);
63+
border-radius: .25rem;
64+
background: var(--drop-down-menu-bg);
65+
background-repeat: repeat, no-repeat;
66+
background-attachment: fixed, fixed;
67+
background-position: center center, center center;
68+
background-size: auto, cover;
69+
-webkit-background-size: auto, cover;
70+
-moz-background-size: auto, cover;
71+
-o-background-size: auto, cover;
72+
}
73+
74+
html[class][lang] .dropdown-menu .dropdown-divider {
75+
color: var(--transparency-light-15);
76+
}
77+
78+
html[class][lang] .dropdown-item {
79+
color: var(--text);
80+
}
81+
82+
html[class][lang] .dropdown-item:hover {
83+
color: var(--text-hover);
84+
background-color: var(--transparency-light-15);
85+
}
86+
87+
/* Button Styles */
88+
html[class][lang] .btn.btn-primary {
89+
background-color: var(--button-color);
90+
border-color: var(--button-color);
91+
color: var(--button-text);
92+
}
93+
94+
html[class][lang] .btn.btn-primary:hover {
95+
background-color: var(--button-color-hover);
96+
border-color: var(--button-color-hover);
97+
color: var(--button-text-hover);
98+
}
99+
100+
101+
html[class][lang] .btn.btn-secondary, html[class][lang] .btn-danger {
102+
background-color: rgba(from var(--button-color) r g b / 0.5);
103+
border-color: rgba(from var(--button-color) r g b / 0.15);
104+
color: var(--button-text);
105+
}
106+
107+
html[class][lang] .btn.btn-secondary:hover, html[class][lang] .btn-danger:hover {
108+
background-color: rgba(from var(--button-color-hover) r g b / 0.75);
109+
border-color: rgba(from var(--button-color-hover) r g b / 0.4);
110+
color: var(--button-text-hover);
111+
}
112+
113+
/* table elements */
114+
thead, tbody {
115+
--bs-table-hover-color: var(--text);
116+
--bs-table-active-color: var(--text);
117+
--bs-table-striped-color: var(--text);
118+
color: var(--text);
119+
border-color: var(--accent-color);
120+
}
121+
122+
/* Link Styles */
123+
124+
html[class][lang] a {
125+
color: var(--text);
126+
}
127+
128+
html[class][lang] a:hover {
129+
color: var(--link-color-hover);
130+
}
131+
132+
html[class][lang] a.link-secondary {
133+
color: rgb(var(--accent-color));
134+
}
135+
136+
html[class][lang] a.link-secondary:hover {
137+
color: var(--accent-color-hover);
138+
}
139+
140+
/* Muted Text */
141+
html[class][lang] .text-muted {
142+
color: var(--text-muted) !important;
143+
}
144+
145+
/* Info Circle Styles */
146+
html[class][lang] .btn-link {
147+
color: var(--accent-color-hover);
148+
}
149+
150+
html[class][lang] .btn-link:hover {
151+
color: rgb(var(--accent-color));
152+
}
153+
154+
/* Tooltip Styles */
155+
html[class][lang] div.tooltip {
156+
opacity: 1 !important;
157+
}
158+
159+
html[class][lang] .bs-tooltip-end .tooltip-arrow::before {
160+
-webkit-backdrop-filter: saturate(1) blur(1.5em);
161+
backdrop-filter: saturate(1) blur(1.5em);
162+
border-right-color: rgb(var(--accent-color),0.2);
163+
fill: rgb(var(--accent-color),0.2);
164+
}
165+
166+
html[class][lang] div.tooltip .tooltip-inner {
167+
-webkit-backdrop-filter: saturate(1) blur(1.5em);
168+
backdrop-filter: saturate(1) blur(1.5em);
169+
background: rgb(var(--accent-color),0.2);
170+
color: var(--text);
171+
}
172+
173+
/* Dropdown Selector Styles */
174+
html[class][lang] select {
175+
&, &::picker(select) {
176+
appearance: base-select;
177+
}
178+
}
179+
180+
html[class][lang] select {
181+
background-color: var(--transparency-dark-25);
182+
color: var(--text);
183+
border-color: rgba(from var(--text) r g b / 0.25);
184+
background-image: none;
185+
padding: .375rem .75rem;
186+
}
187+
188+
html[class][lang] select:focus {
189+
border-color: rgb(var(--accent-color));
190+
box-shadow: 0 0 0.25em .25rem rgba(from rgb(var(--accent-color)) r g b / 0.25) !important;
191+
}
192+
193+
html[class][lang] select:hover {
194+
border-color: var(--accent-color-hover);
195+
}
196+
197+
html[class][lang] select::picker(select) {
198+
-webkit-backdrop-filter: saturate(1) blur(1.0em);
199+
backdrop-filter: saturate(1) blur(1.0em);
200+
color: var(--text);
201+
border-color: rgba(from var(--text) r g b / 0.15);
202+
border-radius: .25rem;
203+
background: var(--drop-down-menu-bg);
204+
background-repeat: repeat, no-repeat;
205+
background-attachment: fixed, fixed;
206+
background-position: center center, center center;
207+
background-size: auto, cover;
208+
-webkit-background-size: auto, cover;
209+
-moz-background-size: auto, cover;
210+
-o-background-size: auto, cover;
211+
}
212+
213+
html[class][lang] select option {
214+
padding: .375rem .75rem;
215+
}
216+
217+
html[class][lang] select.option:hover {
218+
background: var(--transparency-light-10);
219+
}
220+
221+
/* Switch Styles */
222+
html[class][lang] input#darkModeToggle.form-check-input:checked {
223+
background-color: var(--button-color);
224+
border-color: var(--button-color);
225+
}
226+
227+
html[class][lang] input#darkModeToggle.form-check-input:focus {
228+
border-color: var(--button-color-hover);
229+
box-shadow: 0 0 0 .25rem rgba(from var(--button-color-hover) r g b / 0.25);
230+
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
231+
}
232+
233+
/* Checkbox Styles */
234+
html[class][lang] .form-check-input {
235+
background-color: var(--transparency-dark-25);
236+
border-color: rgba(from var(--text) r g b / 0.25);
237+
}
238+
239+
html[class][lang] .form-check-input:hover {
240+
border-color: var(--accent-color-hover);
241+
}
242+
243+
html[class][lang] .form-check-input:checked {
244+
background-color: rgba(var(--accent-color));
245+
border-color: transparent;
246+
}
247+
248+
html[class][lang] .form-check-input:focus {
249+
border-color: var(--accent-color-hover);
250+
box-shadow: 0 0 0.25em .25rem rgba(from rgb(var(--accent-color)) r g b / 0.25) !important;
251+
}
252+
253+
/* Text Input Styles */
254+
html[class][lang] input.form-control {
255+
background-color: var(--transparency-dark-25);
256+
color: var(--text-muted);
257+
border-color: rgba(from var(--text) r g b / 0.25);
258+
}
259+
260+
html[class][lang] input.form-control[type="text"]:hover {
261+
border-color: var(--accent-color-hover)
262+
}
263+
264+
html[class][lang] .form-control:focus {
265+
background-color: var(--transparency-dark-50);
266+
border-color: var(--accent-color-hover) !important;
267+
box-shadow: 0 0 0.25em .25rem rgba(from rgb(var(--accent-color)) r g b / 0.25) !important;
268+
color: var(--text);
269+
}
270+
271+
/* File Input Styles */
272+
html[class][lang] input.form-control[type="file"]::file-selector-button {
273+
background-color: var(--button-color);
274+
color: var(--button-text);
275+
border-color: inherit;
276+
}
277+
278+
html.dark .form-control[type="file"]:hover:not(:disabled):not([readonly])::file-selector-button {
279+
background-color: var(--button-color-hover);
280+
color: var(--button-text-hover);
281+
}
282+
283+
/* Footer Stuff */
284+
html[class][lang] footer.bg-light {
285+
background: none;
286+
background-color: transparent !important;
287+
position: relative;
288+
}
289+
290+
body > div > div.container.py-3 > div.row.justify-content-center {
291+
padding-bottom: 2em !important;
292+
}
293+
294+
/* Login Page */
295+
html[class][lang] .input-group-text {
296+
background-color: var(--transparency-light-15);
297+
color: var(--text);
298+
border-color: rgba(from var(--text) r g b / 0.15);
299+
}
300+
301+
span#uuid.form-control-static, span#creation_date.form-control-static {
302+
color: var(--text-muted);
303+
}

0 commit comments

Comments
 (0)