Night mode?

nett, wenns offiziell kommt dann bitte irgendwo mit kleinem switch zum schnell umstellen
tia

gefällt und sieht echt top aus.

haben will

Zitat von userohnenamen

gerade das fänd ich blöd

Weil du dann dran erinnert würdest ins Bett zu gehen?


@Idee: finde ich gut, mir stellt sich die Frage ob man da nicht auch die Erkenntnisse zu den Blautönen vorm Schlafengehen weiter mit ins Thema nehmen könnte => wenns negative Farben gibt wird es ja vermutlich auch positive Farben geben, oder?

So ein night-mode per switch in der topbar wäre awesome!
Das mit den förderlichen Farben vorm schlafen gehen wäre sowieso ein Hammer

So, sitz grad wieder bisserl dran und hätt jetzt ein paar Fragen an den mat:

Icons
Die Glühbirnen hab ich schon neu gemacht, indem ich einfach den hellen Schein oben entfernt hab. Der stört beim dunklen design und fällt beim hellen nicht wirklich auf, das heißt du könntest die bestehenden dann mit denen ersetzen. Die Frage die ich hab: Willst du sie wieder als gif oder lieber gleich als png?

Gleiches gilt für die anderen Icons die ich neu mach und farblich anpass. Gif oder png? Und wie willst du die benannt haben? Einfach ein "_dark" an die default Namen dran hängen und dann im neuen theme.css auf die verlinken?

CSS
Ich hab im theme.css am Anfang vor /* Leftbar and Rightside */ einen neuen Block /* Overwrites to oc.css and common.css */ eingefügt mit Einträgen um die Schriftfarbe der links auf ein helles Grau statt dem Schwarz zu ändern und zusätzlich noch die allgemeine Schriftfarbe und den Hintergrund der Seite.

Passt dir das so in etwa oder soll ichs ganz anders machen? (meine css Skills halten sich in Grenzen)

Zitat von AdRy

Naja, weiße Schrift auf dem Hintergrund brennt sich ziemlich in die Augen ein.

ja, das is mir heute auch schon augefallen. hab desshalb einfach mal den kontrast von dem screenshot im ps runter gedreht, womit die schrift richtung hellgrau geht und der hintergrund auch etwas heller wird. da muss ich mich noch rum spielen, bzw. hab ich mich heut auch bisserl in die thematik "dark themes" eingelesen und werd mich etwas daran orientieren.

Generell war der Screenshot von gestern nur mal ein Preview, da wird sich noch einiges tun. Vor allem da das css mal so halbwegs steht und ich mir jetzt die anderen Seiten anschaun kann damit. Bei der Post-Ansicht fällt der Effekt von oben nämlich noch mehr auf.

So, mal ne neue Version. Diesmal auch mit der Post-Ansicht. Wobei ich mir noch nicht sicher bin, was die gelben Buttons angeht. In der ersten Version wollte ich die "goto-newpost"-Icons links eigentlich auch monochrom machen, was mir dann aber irgendwie zu langweilig war. Desshalb wollt ich mit dem gelb nen leichten akzent setzen. Und das Gelb hab ich jetzt halt weiter gezogen.

Aber ich glaub bei den Buttons in der Post-Ansicht lenkt es zu stark ab. Werd mir da in den nächsten Tagen was überlegen, denn für dunkles Monochrom funktioniert mein Ansatz mit dem Farb-Ersetzen-Batch in Photoshop nicht wirklich. Die kleineren Icons würd ich aber farblich lassen.

Lange Rede, kurzer Sinn. Hier sind die Screenshots zur neuen Version:



Mit der Version steht jetzt auch schon das CSS. Wobei ich noch nicht alles geschafft hab, und auch da wieder die Hilfe vom mat brauchen würd:

Für das rot beim hower der Buttons gibts anscheinend keinen CSS Eintrag, würd das nämlich auch gern auf gelb ändern. Und bei der PM und New Post Seite finde ich keine CSS Einträge für die ganzen Elemente. Zumindest wurde mir im FF nix angezeigt. Aja, und für die schwarze Trennlinie zur Signatur hab ich auch nichts gefunden.

Zitat von tinker

Für das rot beim hower der Buttons gibts anscheinend keinen CSS Eintrag, würd das nämlich auch gern auf gelb ändern. Und bei der PM und New Post Seite finde ich keine CSS Einträge für die ganzen Elemente. Zumindest wurde mir im FF nix angezeigt. Aja, und für die schwarze Trennlinie zur Signatur hab ich auch nichts gefunden.

Hmm. Firebug stellt die Ergebnisse bei mir besser dar als die eingebauten Entwicklerwerzeuge, beide mit Standard-Einstellungen.

Beispiel für den roten Hover-Effekt bei den Buttons:

Code:

input.submit:hover, button.submit:hover, button.gobutton:hover, .octable responsive tr.sort button.gobutton:hover, .pagenav a:hover, .newreply a:hover, .pagenav span:hover {
    background-color: #ff0000;
    cursor: pointer;
}