kevinveenbirkenbach/computer-playbook
1
0
Fork 0
mirror of https://github.com/kevinveenbirkenbach/computer-playbook.git synced 2025-02-22 04:29:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

Optimized peertube css

Browse Source
This commit is contained in:
Kevin Veen-Birkenbach 2025-02-20 22:16:02 +01:00
parent b9c518a6ff
commit 6e8e19523d
3 changed files with 49 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
group_vars/all/07_applications.yml
View File

@ -190,6 +190,7 @@ defaults_applications:
# database_password: Null # Needs to be set in inventory file
oidc:
enabled: true # Activate OIDC for Nextcloud
force_import: False # Forces the import of the LDIF files
## OAuth2 Proxy
oauth2_proxy:

5
roles/docker-ldap/tasks/main.yml
View File

@ -64,3 +64,8 @@
mode: '770'
loop: "{{ lookup('fileglob', '{{ role_path }}/templates/ldif/*.j2', wantlist=True) }}"
notify: Import LDIF files
- name: Force LDIF files import
command: /bin/true
notify: Import LDIF files
when: applications.ldap.force_import | bool

58
roles/nginx-modifier-css/templates/global.css.j2
View File

@ -517,10 +517,38 @@ div.modal div.modal-content {
}
/** Peertube **/
:root {
--mainColor: var(--color-50);
body#custom-css {
--mainColor: var(--color-60); /* Original tone: hsl(24, 90%, 50%) – vibrant orange */
--mainColorLighter: var(--color-70); /* Original tone: #f5873d – lighter orange */
--mainColorLightest: var(--color-90); /* Original tone: #fce1cf – very light orange/beige */
--mainColorVeryLight: var(--color-95); /* Original tone: #fff5eb – almost white */
--mainHoverColor: var(--color-64); /* Original tone: #f47825 – hover orange */
--mainBackgroundHoverColor: var(--color-92); /* Original tone: #e9ecef – light gray */
--mainBackgroundColor: var(--color-99); /* Original tone: #fff – white */
--mainForegroundColor: var(--color-10); /* Original tone: #212529 – dark gray/black */
--greyForegroundColor: var(--color-50); /* Original tone: #585858 – medium gray */
--greyBackgroundColor: var(--color-90); /* Original tone: #E5E5E5 – light gray */
--greySecondaryBackgroundColor: var(--color-91); /* Original tone: #EFEFEF – very light gray */
--menuBackgroundColor: var(--color-01); /* Original tone: #000 – black */
--menuForegroundColor: var(--color-99); /* Original tone: #fff – white */
--submenuBackgroundColor: var(--color-95); /* Original tone: #F7F7F7 – off-white/light gray */
--channelBackgroundColor: var(--color-93); /* Original tone: #f6ede8 – warm light beige */
--inputForegroundColor: var(--color-10); /* Original tone: #212529 – dark gray */
--inputBackgroundColor: var(--color-99); /* Original tone: #fff – white */
--inputPlaceholderColor: var(--color-55); /* Original tone: #797676 – medium gray */
--inputBorderColor: var(--color-80); /* Original tone: #C6C6C6 – light gray */
--textareaForegroundColor: var(--color-10); /* Original tone: #212529 – dark gray */
--textareaBackgroundColor: var(--color-99); /* Original tone: #fff – white */
--markdownTextareaBackgroundColor: var(--color-91); /* Original tone: #EFEFEF – very light gray */
--actionButtonColor: var(--color-50); /* Original tone: #585858 – medium gray */
--supportButtonBackgroundColor: transparent; /* Original tone: transparent */
--supportButtonColor: var(--actionButtonColor); /* Original tone: same as actionButtonColor (#585858) */
--activatedActionButtonColor: var(--color-10); /* Original tone: #212529 – dark gray */
color: var(--mainForegroundColor);
background-color: var(--mainBackgroundColor);
}
/** Pixelfed **/
:root {
@ -593,14 +621,9 @@ a:active {
color: var(--color-65);
}
/* Buttons (Background, Text, Border, and Shadow)
Now using a button background that is only slightly darker than the overall background */
html[native-dark-active] button, html[native-dark-active] .btn, button, .btn {
background-color: var(--color-87);
background: linear-gradient({{ range(0, 361) | random }}deg, var(--color-70), var(--color-91), var(--color-95), var(--color-95));
color: var(--color-50);
border-color: var(--color-80);
cursor: pointer;
/** Set default buttons transparent **/
html[native-dark-active] button, button{
background-color: var(--color-87);
}
button:hover, .btn:hover {
@ -756,6 +779,16 @@ h1, h2, h3, h4, h5, h6, p{
color: var(--color-10);
}
/* Buttons (Background, Text, Border, and Shadow)
Now using a button background that is only slightly darker than the overall background */
html[native-dark-active] .btn, .btn {
background-color: var(--color-87);
background: linear-gradient({{ range(0, 361) | random }}deg, var(--color-70), var(--color-91), var(--color-95), var(--color-95));
color: var(--color-50);
border-color: var(--color-80);
cursor: pointer;
}
/* Navigation (Background and Text Colors) */
.navbar, .navbar-light, .navbar-dark {
background-color: var(--color-90);
@ -923,11 +956,6 @@ div#wrapper button, div#wrapper input, button.top-menu-search-button, div.menu-s
background-color: transparent;
}
/* Peertube specific configuration */
.peertube-container button {
background-color: transparent;
}
/* Pixelfed */
div.page-wrapper{
background: none;