Farbe bei OTRS ändern

[Chlochou]

Hallo Community!

Vermutlich habt ihr die Frage des Öfteren gelesen aber ich konnte leider nichts über die Suchfunktion finden (zumindest keine genaue Beschreibung).
Und zwar muss ich für meinen Betrieb die OTRS Farben, Icons, Logos etc. anpassen. Und zwar alle Orangen Farben müssen nun blau werden.
Über das normale commoncss und modulecss kann ich zwar die Farbe ändern, jedoch bleibt diese nicht lange weil irgendwann wieder die Orange Farbe da steht. Die Logos etc. konnt ich jedoch schon alle einfügen.

Nur wie mach ich alles orangene zu blau?  Bitte genau erklären denn ich kenn mich mit diesem Ticketsystem noch überhaupt nicht aus 

Ahja OTRS Version ist 3.2.8

Gruss
Chlochou

[Huwiseg]

Am ehesten einen eigenen Skin, basierend auf dem Standard Skin erstellen, dort die Farben anpassen und dann den Skin als Standard definieren.

Siehe var/httpd/htdocs/skins/Customer/ im OTRS Verzeichnis.

Dort default kopieren und mit eigener Bezeichnung einfügen.

Dann die CSS Dateien entsprechend bearbeiten und ggf. die Dateien in img austauschen im eigenen Ordner.

css-cache sollte man wenigstens einmal leeren.

Falls auch ein eigenes Theme erstellt werden muss, dann unter OTRS/Kernel/Output/HTML den Ordner Standard kopieren und mit eigenem Namen einfügen. Darin sind die dtl Dateien, die "Templates" für die Ausgaben in OTRS.

Abschließend die beiden notwendigen XML in OTRS/Kernel/Config/Files erstellen mit den Skindaten für Agents/Customer und abschließend in der SysConfig in OTRS die Einstellungen anpassen.

Siehe auch http://doc.otrs.org/3.2/en/html/themes.html sowie http://doc.otrs.org/developer/3.1/en/html/skins.html

[boris]

Es gibt doch die Skin ivory, ist die nicht blau genug?
Ansonsten musst du dir wirklich ne neue Skin basteln.

[Chlochou]

Ah vielen Dank ihr zwei

@Boris: Nein die Farbe reicht nicht, ich muss diese direkt an unsere Firmen Farben anpassen

Aber eine Frage hab ich doch noch.. Ich finde einfach eine Einstellung dazu nicht.

http://s7.directupload.net/file/d/3299/cwkeyasr_png.htm

Auf dem Bild sieht mans gut. Immer die aktive Seite ist mit einem weissen Hintergrund versehen und die Schrift ist dann ebenfalls weiss. Das sollte natürlich nicht so sein da ich ja lesen möchte was da steht (Hier z.B Übersicht)

[reneeb]

In so einem Fall hilft ein Tool wie "Firebug" oder die mittlerweile eingebauten DeveloperTools in den Browsern. Klickt man damit auf den aktiven Navigationspunkt, bekommt man so etwas angezeigt:

Code: Select all

<li id="nav-Customers" class="Even" aria-controls="nav-Customers-container" aria-expanded="false" aria-haspopup="true">
<li id="nav-Tickets" class=" Selected" aria-controls="nav-Tickets-container" aria-expanded="false" aria-haspopup="true">
<a accesskey="t" title="Tickets (t)" href="/otrs/index.pl?Action=AgentTicketQueue">Tickets</a>
<div>
</li>

Da sieht man, dass das aktive Element die Klasse "Selected" hat. Dann einfach ein "grep" im CSS-Ordner machen:

Code: Select all

~/dev/git/SonstigeSoftware/otrs/var/httpd/htdocs/skins/Agent/default/css$ grep -r ".Selected" *
Core.Header.css:#Navigation > .Selected {
Core.Header.css:#Navigation > .Selected > a {
Core.WidgetMenu.css:.Tab.Actions li.Selected a {
Core.WidgetMenu.css:.TicketFilter > a.Selected,
Core.WidgetMenu.css:.UserFilter > a.Selected {
Core.WidgetMenu.css:span.Pagination a.Selected {

Das deutet schon auf Core.Header.css als richtige Datei hin. Dort findest Du dann:

Code: Select all

#Navigation > .Selected > a {
    color: #FFF;
}

Das musst Du noch anpassen...

[Chlochou]

Wow vielen Dank!

Jetzt hab ich endlich die Farben die ich brauche Freut mich total das ihr hier so geduldig einem Anfänger helft.