[dark_but_nice] Theme fürs Backend

[thepixture]

Dark but nice ist ein neues Theme für das Backend von Contao. Es besticht vorallem durch sein dunkles Layout und durch neue Icons. Alle Icons wurden, so fern es möglich war, ersetzt. Die Icons sind von dem Designer Yusuke Kamiyamane und laufen unter der Creative Commons Attribution 3 license.

Link zum Backend-Theme
Oder einfach über das Backend installieren und dann über die Benutzereinstellungen auswählen.

Für Verbesserungen steh ich gern zur Verfügung.

Hoffe es gefällt
thepixture

[BugBuster]

Sieht gut aus.
Ich nehme das grad um meine Module daraufhin zu testen, wo ich noch direkte default Images verwende statt über die Variable des Themes zu gehen.

Also im Backend Template meiner Module wird aus:

system/themes/default/images/.... 

nun das:

system/themes/<?php echo $this->theme; ?>/images/...

Und im Modul muss natürlich rein:

$this->Template->theme = $this->getTheme(); 

[BugBuster]

Hallo thepixture,
ist das nur bei mir so?
Wenn ich die Hauptpunkte linke Seite einklappe und wieder aufklappe, sind die Unterpunkte nicht mehr eingerückt.

[thepixture]

Stimmt, ist mir vorher nicht aufgefallen.

Habs im ER aktualisiert.

[BugBuster]

Da der ER Client ein eigenes Theme Verzeichnis hat, sind unter dem Punkt Erweiterungsverwaltung noch die alten Icons zu sehen.
Der ER Client beachtet aber das eingestellte BE Theme.
Ich habe mal nun dort auch einige deiner Icons rüberkopiert (theme angelegt) und teilweise umbenannt damit es passt.
Für zwei habe ich nichts passendes gefunden (Handbuch,Forum), vielleicht gibt ja deine Quelle noch was her.
Anbei mal mein "addon"

[BugBuster]

Nochwas wäre gut anzupassen.
Schaut man sich eine Extension im Detail an, und diese verwendet h3 Überschriften, sind diese grau auf grau, anbei mal ein Bild was ich meine.

[thepixture]

...
Der ER Client beachtet aber das eingestellte BE Theme.
...

Ah super danke, das wusst ich nicht, das man darunter ebenfalls ein Themeordner anlegen kann für die Grafiken und CSS.
Werd ich mit übernehmen und die jeweiligen Icons ersetzen. Ich werde schon die passenden finden, dass sind immerhin über 3000 Icons von dem Designer Die CSS-Anpassungen kann ich ja dann dort auch unterbringen.

Mir ist noch aufgefallen, das der Tooltip (Hover bei den Beschreibungstexten) den gleichen Grauwert hat wie der Hintergrund. Weißt du zufällig, wo ich das anpassen kann?

[cbadoud]

Ganz tolles Arbeit! Das Thema gefällt mich viel! Selbst habe ich das Thema "original" gemacht, aber es beginnt alt zu sein mit seinem "TYPOlight" Logo!

Ich habe trotzdem einige Anzeigenprobleme gefunden, wenn das Helpdeskmodul installiert wird. Das Problem liegt in modules/helpdesk/themes/default/backend.css, aber man kann dagegen nichts machen, oder?

[BugBuster]

Mir ist noch aufgefallen, das der Tooltip (Hover bei den Beschreibungstexten) den gleichen Grauwert hat wie der Hintergrund. Weißt du zufällig, wo ich das anpassen kann?

Da gibt es ne ID: #tl_helpBox
In der be27.css definiert

[thepixture]

Hab eine neue Version ins ER gestellt. Vielen Dank für Deine Hilfe BugBuster.

@cbadoud
Danke

Ich wollte die CCS-Anpassungen für die Erweiterungsverwaltung auch in dem Theme-Ordner system/modules/rep_client/themes/dark_but_nice/backend.css unterbringen, aber irgendwie scheint die nicht beachtet zu werden.

[BugBuster]

Ich wollte die CCS-Anpassungen für die Erweiterungsverwaltung auch in dem Theme-Ordner system/modules/rep_client/themes/dark_but_nice/backend.css unterbringen, aber irgendwie scheint die nicht beachtet zu werden.

Na das kann ich ja mit Freude als Ticket melden, schließlich wollte der ER Progger das so.

Teste gleich mal.

[BugBuster]

So, anbei das Ticket dazu an den ER Progger.
http://dev.contao.org/issues/2373
Darin auch eine Lösung wie es funktionieren kann.

[BugBuster]

Die ist noch in den alten Farben.
Sieht man wenn man ein Ticket editiert, ganz unten.
Betrifft wohl die ".tl_history ..." Anweisungen.

Das der übrigens nicht zu zuklappen geht, ist ein Bug: http://dev.contao.org/issues/2424

[thepixture]

Ok danke, habs im ER aktualisiert.

Ich hab gleich nochmal für das Hauptmenü den Hover-Effekt geändert. Bei mir wurde die Performance doch etwas arg beeinflusst. CSS3 ist eben doch nicht immer so gut, auch wenns schön aussieht

1.0.1 stable Build 8 sollte die aktuelle Version sein.

[BugBuster]

Sieht gut aus, Danke.

[Jambalaia]

Hallo,

hab mir heute diese Erweiterung installiert (echt ein Genuss für die Augen ;O) und bei mir erscheint oben am Rand hinter der Hauptnavi ein weißer Balken und das stört iwie die Optik.

Schaut mal selbst.

Kann ich das iwie ändern oder muss das der Autor machen??

Danke für eure HILFE!

Jamab

[thepixture]

echt ein Genuss für die Augen ;O

Danke

Bei mir ist alles wie es sein soll. Aber das sieht mir eher danach aus, dass dafür eine andere Erweiterung verantwortlich ist. Du hast da ein Breadcrumb fürs Backend, wie ich sehe. Deaktiviere doch mal diese Erweiterung, dann weißt du obs daran liegt. Laut deinem Bild ist der Style fest im Code und nicht per CSS-Datei vergeben wurden.

[Jambalaia]

Bei mir ist alles wie es sein soll. Aber das sieht mir eher danach aus, dass dafür eine andere Erweiterung verantwortlich ist. Du hast da ein Breadcrumb fürs Backend, wie ich sehe. Deaktiviere doch mal diese Erweiterung, dann weißt du obs daran liegt. Laut deinem Bild ist der Style fest im Code und nicht per CSS-Datei vergeben wurden.

DANKE thepixture

Genau das wars....hab mir schon gedacht das da iwie was drüber liegt oder so!

Das war ja eine Turbohilfe - bin noch ganz neu - und zieh mir gerade das Video2Brain Video von Harry Boldt rein, aber wenn man da 4-5 Stunden aufs Backend schaut, dann tun von der _default Grafik die Augen weh, aber mit deiner gehts echt besser

Danke noch mal!!!

[tl_richard_user]

Ich steh´ aufm Schlauch.
Könnt´ ihr mir bitte sagen wie man das installiert?
Die Erweiterung habe ich installiert.

[Jambalaia]

Hi,

das musst du aktivieren im Ordner "Persönliche Daten" -> Backendmotiv

Hoffe ich konnte helfen.

Gruß Jamba

[tl_richard_user]

Ah, Danke.

[complanar]

Warum steht die Erweiterung in der Kategorie „Andere“? Eigentlich gehört es doch in Themes. Habs nur durch Zufall gefunden, als ich nach Themes gesucht habe. Die Kategorie einer Extension kann man auch nachträglich noch ändern (was ja bei vielen Dingen nicht möglich ist)

complanar

[thepixture]

Weil es zu dem Zeitpunkt die Kategorie Theme noch nicht gab.

Danke für den Hinweis. Habs geändert.