Die White Label Konfiguration bzw. das Branding von Benno MailArchiv ermöglicht eine einfache Anpassung des Web-Interfaces an das unternehmenseigene Corporate Design. Für die Anpassung werden ein überarbeitetes Stylesheet sowie ein Logo und ein zugehöriges Favicon benötigt.

These three files are stored under a separate path so that they are not overwritten during system updates.

The web server creates an alias for the path to the configuration files. The Apache web server configuration includes a commented-out example of this.

## Theme Path #Alias ​​/benno/theme /etc/benno-web/theme #<Directory /etc/benno-web/theme> # Require all granted #</Directory> Alias ​​/benno /srv/benno/bennoweb/htdocs<Directory /srv/benno/bennoweb/htdocs> Require all granted</Directory>

To activate, the comment characters are removed and the configuration is reloaded using `service apache2 reload`

The directory is created and the customized files for stylesheet, logo and favicon are copied here.

mkdir /etc/benno-web/theme
chmod 0755 /etc/benno-web/theme
chgrp www-data /etc/benno-web/theme

The URLpaths to the individual files are configured in the Benno Web configuration file ( /etc/benno-web/benno.conf )

THEME_PATH = /benno/theme THEME_LOGO = /benno/theme/custom_logo.png THEME_DIR = /etc/benno-web/theme

The custom.css file should contain a reference to the background logo of the login screen.

/* Customized Stylesheet */
#b_login_form_logo {
    background-image:url(custom_logo.png);
    width: 86%;
    margin: 20px 7%;
}
#header_logo {
    width: 100px;
    height: 20px;
    margin: 17px 10px 10px;
}
 
/* Anpassen der Farben */
 
/* Farbe für Buttons (nicht hervorgehoben, Standard: Dunkleres Rot) */
.form_button_big {background:#0059A1;}
.input_button {background:#0059A1;}
.label_active {background:#0059A1;}
.ui-widget-header {background:#0059A1 !important;}
a.mail_content_button {background:#0059A1;}
a.modal_button {background:#0059A1;}
 
/* Farbe für Hervorhebungen (Hover-Effekt für Buttons etc., Standard: Helleres Rot) */
.no-touchevents .input_button:hover {background:#FE8300;}
.no-touchevents a.mail_content_button:hover {background:#FE8300;}
.no-touchevents #EMail_Attachments a:hover {background:#FE8300;}
.no-touchevents a.modal_button:hover {background:#FE8300;}
.no-touchevents .form_button_big:hover { background: #FE8300;}
.form_notification {background: #FE8300;}
table.jCalendar th { background: #FE8300;}
table.jCalendar td.today { background: #FE8300;}
table.jCalendar td.selected { background: #FE8300;}
div.dp-popup a:hover { color: #FE8300;}
 
/* Schriftfarbe des Login-Buttons (Standard: Sehr helles Rot) */
.form_button_big {color: white;}

Once these settings are active, the corresponding files will be delivered upon display.

A customized theme must contain the following files.

Das Stylesheet mit dem vorgegebenen Namen:
/etc/benno-web/theme/custom.css

Icon Dateien mit den vorgegebenen Namen:
/etc/benno-web/theme/favicon.ico
/etc/benno-web/theme/apple-touch-icon.png

Die Logo Datei mit beliebigem Namen:
/etc/benno-web/theme/unser-cd-logo.jpeg

Die Texte der Oberfläche des Web-Interfaces können individuell angepasst werden. Hierfür werden unterhalb des Unterhalb des im Parameters „THEME_DIR“ festgelegten Verzeichnisses Dateien entsprechend der Lokalisierung erstellt. Die in diesen Dateien gesetzten Werte überschreiben die in den Dateien /srv/benno/bennoweb/templates/*.txt festgelegten Werte.

In der Datei /etc/benno-web/benno.conf wird der /THEME_DIR = /etc/benno-web/theme gesetzt. Im Verzeichnis werden die Dateien de.txt' und en.txt'' angelegt (s.u.).

For the German localization, the page title and the welcome message are adapted, while for the English localization only the title is overwritten.

PAGE_TITLE = "CLOUD HOSTING MailArchive" PAGE_TITLE_LOGIN = "CLOUD HOSTING MailArchive - Login" SEARCH_SUBMIT = "Find" GREETING_CONTENT = """<div class="scroll-panel2"><br/><br/><br/><div style="padding-left:20px"> <strong>Welcome to your email archive from CLOUD Hosting</strong><br/><br/> To find emails in the CLOUD Hosting MailArchive, enter the address above.<br/> Enter any search term in the search field or use<br/> the "Advanced Search" button when you perform a search with<br/> would like to make detailed criteria.<br/><br/> If you would like to learn more about the diverse search options of<br/> If you want to learn more about CLOUD Hosting MailArchive, watch the tutorial.<br/> "Find emails quickly and easily with CLOUD Hosting MailArchive".<br/><br/><br/> Current information about CLOUD Hosting MailArchive can be found here.<br/> anytime on our homepage.<br/><br/></div></div> """

PAGE_TITLE = "CLOUD HOSTING MAIL ARCHIVE" PAGE_TITLE_LOGIN = "LOGIN TO CLOUD HOSTING MAIL ARCHIVE"