Optimized peertube css

group_vars/all/07_applications.yml

@@ -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:

roles/docker-ldap/tasks/main.yml

@@ -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

roles/nginx-modifier-css/templates/global.css.j2

@@ -517,10 +517,38 @@ div.modal div.modal-content {
 }
 
 /** Peertube **/
-:root {
+body#custom-css {
-    --mainColor: var(--color-50);
+    --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)
+/** Set default buttons transparent **/ 
-   Now using a button background that is only slightly darker than the overall background */
+html[native-dark-active] button, button{
-html[native-dark-active] button, html[native-dark-active] .btn, button, .btn {
+     background-color: var(--color-87);
-    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;
 }
 
 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;