customize css

.env.sample

@@ -18,6 +18,10 @@ PRODUCT_NAME="Support"
 ORGANIZATION="Test Org"
 # TIMEZONE="Europe/Berlin"
 LOCALE="de-de"
+#TEXT_MUTED="#7e7e7e"
+#MENU_TEXT="#7e7e7e"
+#BACKGROUND_1="#7e7e7e"
+#BACKGROUND_2="#7e7e7e"
 
 ADMIN_EMAIL=admin@example.com
 SMTP_HOST=mail.example.com

abra.sh

@@ -1,5 +1,6 @@
 export ENTRYPOINT_VERSION=v2
-export AUTO_WIZARD_VERSION=v2
+export AUTO_WIZARD_VERSION=v1
+export CUSTOM_STYLE_VERSION=v1
 
 get_setting_changes() {
     /custom-entrypoint.sh "rails r 'puts JSON.pretty_generate(JSON.parse(Setting.all.select{ |setting| setting.state_current != setting.state_initial }.map { |setting| {name: setting.name, value: setting.state_current[\""value\""]} } .to_json))'"
@@ -35,7 +36,7 @@ enable_authentik_sso() {
         'idp_cert_fingerprint'=>'',
         'name_identifier_format'=>'urn:oasis:names:tc:SAML:1.1:nameid-format:emailAddress'})
     "
-    abra app cmd -T $DOMAIN zammad-railsserver rails_run "$(printf "%q " $COMMAND )"
+    abra app cmd -T -C support.dev.local-it.cloud zammad-railsserver rails_run "$(printf "%q " $COMMAND )"
 }
 
 set_logo() {
@@ -48,5 +49,11 @@ set_logo() {
     logo_timestamp = Service::SystemAssets::ProductLogo.store(logo_content);
     Setting.set('product_logo', logo_timestamp);
     "
-    abra app cmd -T $DOMAIN zammad-railsserver rails_run "$(printf "%q " $COMMAND )"
+    abra app cmd -T -C support.dev.local-it.cloud zammad-railsserver rails_run "$(printf "%q " $COMMAND )"
+}
+
+customize(){
+    apt update
+    apt install nodejs npm
+    /custom-entrypoint.sh "rails assets:precompile"
 }

auto_wizard.json.tmpl

@@ -46,6 +46,10 @@
             "name": "organization",
             "value": "{{ env "ORGANIZATION" }}"
         },
+        {
+            "name": "product_logo",
+            "value": "{{ env "LOGO_URL" }}"
+        },
         {
             "name": "timezone_default",
             "value": "{{ env "TZ" }}"

compose.yml

@@ -37,6 +37,10 @@ x-shared:
       ZAMMAD_SESSION_JOBS:
       ZAMMAD_PROCESS_SCHEDULED:
       ZAMMAD_PROCESS_DELAYED_JOBS_WORKERS:
+      TEXT_MUTED: "${TEXT_MUTED:-hsl(213, 3%, 64%)}"
+      MENU_TEXT: "${MENU_TEXT:-hsl(0, 0%, 74%)}"
+      BACKGROUND_1: "${BACKGROUND_1:-hsl(231, 9%, 16%)}"
+      BACKGROUND_2: "${BACKGROUND_2:-hsl(233, 9%, 19%)}"
       PRODUCT_NAME:
       ORGANIZATION:
       LOCALE:
@@ -66,6 +70,8 @@ x-shared:
           mode: 0555
         - source: auto_wizard
           target: /opt/zammad/contrib/auto_wizard.json
+        - source: custom_style
+          target: /opt/zammad/app/assets/stylesheets/custom/custom_style.css
     secrets:
       - db_password
       - smtp_password
@@ -150,7 +156,7 @@ services:
         - "traefik.http.routers.${STACK_NAME}.middlewares=${STACK_NAME}-redirect"
         - "traefik.http.middlewares.${STACK_NAME}-redirect.headers.SSLForceHost=true"
         - "traefik.http.middlewares.${STACK_NAME}-redirect.headers.SSLHost=${DOMAIN}"
-        - "coop-cloud.${STACK_NAME}.version=1.0.3+6.3.1-95"
+        - "coop-cloud.${STACK_NAME}.version=1.0.2+6.3.1-95"
         - "coop-cloud.${STACK_NAME}.timeout=${TIMEOUT:-120}"
     healthcheck:
       test: ["CMD", "curl", "-f", "http://localhost:8080"]
@@ -246,6 +252,10 @@ configs:
     name: ${STACK_NAME}_auto_wizard_${AUTO_WIZARD_VERSION}
     file: auto_wizard.json.tmpl
     template_driver: golang
+  custom_style:
+    name: ${STACK_NAME}_custom_style_${CUSTOM_STYLE_VERSION}
+    file: custom_style.css.tmpl
+    template_driver: golang
 
 secrets:
   db_password:

custom_style.css.tmpl

@@ -0,0 +1,6 @@
+:root {
+    --text-muted: {{ env "TEXT_MUTED" }};
+    --menu-text: {{ env "MENU_TEXT" }};
+    --background-quaternary: {{ env "BACKGROUND_1" }};
+    --background-tertiary: {{ env "BACKGROUND_2" }};
+}