Die englische DP mit Dark Theme?

[KodeZwerg]

Hallo, es gibt ja zig neue Funktionen auf der [en] zu entdecken, gibt es auch eine möglichkeit ein Dark Theme zu aktivieren, wenn ja könnte mir ein eingeweihter erklären wie ich das machen kann? Das wäre nett. Danke.

[Daniel]

Wie kommst du drauf, dass es ein dunkles Theme gebe?

[mkinzler]

Höchstwahrscheinlich, weil dass momentan der totale Trend ist.

[KodeZwerg]

Ich würde es mir wünschen, wenn es noch nicht existiert. Deshalb die Frage hier. Was ich dem entnehme ist das es so etwas nicht gibt. Schade und Danke für schnelle Antwort!

(Der Trend geht in Richtung Energieeffizienz, da ist bei mobilen Geräten ein dunkler Hintergrund schonender gegenüber heller pixel.)

[mkinzler]

Das Blau ist unser Markenzeichen.

[EWeiss]

Zitat:

Zitat von mkinzler (Beitrag 1416859)

Das Blau ist unser Markenzeichen.

Auch eingetragen? Das Markenzeichen meine ich.

gruss

[mkinzler]

Ich hätte es in "" setzen sollen. "Markenzeichen" eher im umgangssprachlichen Sinn.

[KodeZwerg]

Ich meine den weißen Hintergrund, nicht das Logo oder das drum herum.
So wie hier, alles schneeweiß = kostet am meisten Energie.
Wenn halt Font und Hintergrund umgetauscht oder selbst angepasst werden könnte. Das fände ich persönlich nicht nur modern sondern halt Energiebewusst. (Schwarz als Hintergrund wäre zu heftig dunkel aber halt was ausm dunklem Farbbereich, kann so wie hier zum Beispiel sein Anhang 50159, wenn ich dieses Farb Theme auf ganzer Seite anwenden könnte, auf so etwas würde ich gerne hinaus kommen.

[Daniel]

Das wird in absehbarer Zeit nicht passieren. Es ist auch nicht geplant.

[mkinzler]

Eventuell mit Hilfe von TamperMonkey oder mit Bordmitteln WebDeveloper-Erweiterung des Browsers selber machbar.

[DieDolly]

Hier nochmal was zu "Hell" = "mehr Energieverbrauch".

http://www.extrememarkup.com/web-ent...tergrund-strom

Dieses Gerücht wurde vor über 10 Jahren in die Welt gesetzt (damals noch als Ausrede kein Google mehr zu nutzen). Heute weiß man, dass das völliger Quatsch ist.
Am Rande: prüf mal, welche Apps am meisten an der Batterie saugen. Die zu helle DP im Browser ist es sicherlich nicht.

Ein Pixel kann immer nur einen vollen Farbwert darstellen. Die Helligkeit wird woanders geregelt und hat nix mit weiß oder schwarzen Hintergründen zu tun.

[Daniel]

Zitat:

Zitat von DieDolly (Beitrag 1416870)

Heute weiß man, dass das völliger Quatsch ist.

Nein. Heute weiß man, dass es mit der Art des Bildschirms zutun hat. AMOLED / OLED - Displays verbrauchen bei weißen Flächen tatsächlich mehr Energie.

[p80286]

[OT]
Auch wenn ich "dark theme" bevorzuge, am meisten Energie spart man wenn der Rechner/Monitor.. nicht eingeschaltet ist.
[/OT]

Gruß
K-H

[API]

etwa so?

[KodeZwerg]

Zitat:

Zitat von API (Beitrag 1416874)

etwa so?

Ja. Ich bin zu unerfahren und weiß nicht wie Du das angestellt hast. Könntest Du mir dabei helfen das auch zu erreichen?

[API]

Zitat:

Zitat von KodeZwerg (Beitrag 1416876)

Zitat:

Zitat von API (Beitrag 1416874)

etwa so?

Ja. Ich bin zu unerfahren und weiß nicht wie Du das angestellt hast. Könntest Du mir dabei helfen das auch zu erreichen?

Ich hab's mir einfach gemacht und die Stylbot Erweiterung (Chrome) verwendet.

Diese Anpassungen habe ich gemacht. Ist noch nicht alles optimal, aber kannst es ja dann selber anpassen wenn du nöchtest.

(Im Stylebot dann "Edit CSS" auswählen und diese Styles einfügen)

Code:

div.content-wrapper {
    color: #000000;
    background-color: #000000;
}

ul.ipsDataItem_stats {
    background-color: #080808;
}

div.ipsDataItem_main {
    background-color: #030303;
}

li.ipsDataItem.ipsDataItem_responsivePhoto {
    background-color: #0a0a0a;
}

div.ipsNavBar_primary ul {
    background-color: #000000;
}

div.ipsLayout_sidebarright {
    background-color: #000000;
}

div.ipsPageHeader.ipsClearfix.ipsSpacer_bottom.cForumHeader {
    background-color: #000000;
}

h1.ipsType_pageTitle {
    color: #ffffff;
}

div.ipsDataItem_meta.ipsType_reset.ipsType_light.ipsType_blendLinks time {
    color: #ffffff;
}

div.ipsDataItem_meta.ipsType_reset.ipsType_light.ipsType_blendLinks a {
    color: #ffffff;
}

div.ipsDataItem_meta.ipsType_reset.ipsType_light.ipsType_blendLinks span {
    color: #ffffff;
}

span.ipsDataItem_stats_type {
    color: #ffffff;
}

span.ipsDataItem_stats_number {
    color: #ffffff;
}

a.ipsType_blendLinks time {
    color: #ffffff;
}

.content-wrapper {
    background: black;
}

div.ipsBox.cForumMiniList_wrapper {
    background-color: #000000;
}

a.ipsSideMenu_item.cForumMiniList_selected {
    background-color: #0f0f0f;
}

span.cForumMiniList_title.ipsTruncate.ipsTruncate_line strong {
    color: #ffffff;
}

span.cForumMiniList_title.ipsTruncate.ipsTruncate_line {
    color: #ffffff;
}

a.ipsSideMenu_item.ipsTruncate.ipsTruncate_line.cForumMiniList_selected {
    color: #ffffff;
}

span.ipsType_small.ipsType_light.cForumMiniList_count {
    color: #ffffff;
}

div.nav-bar {
    background-color: #030303;
}

[KodeZwerg]

@API,
vielen Dank für den Hinweis mit einem Browser Plugin da ran zu gehen.
Für mein Opera habe ich Dein Plugin versucht, aber es arbeitet nicht.
Nun mit einem Anderen CSS Live Editor, bekomme ich es schonmal so wie im Anhang hin.
Einmal Original und einmal mit ein wenig Schwarz :-)

Ich muss da noch mehr lesen wie man was macht, aber am Ende kommt irgendwie was bei raus was ich als Dark Theme verwenden kann ^_^

[Redeemer]

Zitat:

Zitat von DieDolly (Beitrag 1416870)

Hier nochmal was zu "Hell" = "mehr Energieverbrauch".

http://www.extrememarkup.com/web-ent...tergrund-strom

Ich glaube grundsätzlich keinen Internetseiten, auf denen sich kein Datum befindet, erst recht keinen, auf denen irgendwas über Technik geschrieben wird.

[blawen]

Zitat:

Zitat von Redeemer (Beitrag 1416977)

Zitat:

Zitat von DieDolly (Beitrag 1416870)

Hier nochmal was zu "Hell" = "mehr Energieverbrauch".

http://www.extrememarkup.com/web-ent...tergrund-strom

Ich glaube grundsätzlich keinen Internetseiten, auf denen sich kein Datum befindet, erst recht keinen, auf denen irgendwas über Technik geschrieben wird.

In diesem Fall hat die Webseite aber durchaus Recht. Der Energieverbrauch hängt in erster Linie nicht vom Alter der eingesetzten Technik, sondern von der Technik als solches ab (LCD mit FL-Röhre, LCD mit LED-Hintergrundbeleuchtung, OLED,...) - bei einem Röhrenmonitor war es effektiv so.

[Luckie]

In der DPe erstellen sie gerade ein Tampermonkey Skript. Eventuell kann man es da integrieren.

[DieDolly]

Tampermonkey oder Greasemonkey sind hier meiner Meinung nach die falschen Plugins.
Die sind in erster Linie für JavaScript zuständig.
Für CSS-Styles zu beeinflussen ist StyleBot die richtige Wahl.

[KodeZwerg]

Zitat:

Zitat von Luckie (Beitrag 1416979)

In der DPe erstellen sie gerade ein Tampermonkey Skript. Eventuell kann man es da integrieren.

Ich drück die Daumen das das realisierbar ist.
Ich blicke mit dem CSS absolut garnicht durch, hab null Ahnung wo ich Definitionen von Elementen herbekomme die ich gerne ändern würde.
Wie ich im anderen Thread gelesen habe darf man hier nicht mehr viel zur Englischen Seite Schreiben.
Deswegen Danke an alle beteiligten, dickes lob an Api (auch wenn ich es letzten Endes doch nicht hinbekomme)

[API]

Zitat:

Zitat von KodeZwerg (Beitrag 1416981)

Zitat:

Zitat von Luckie (Beitrag 1416979)

In der DPe erstellen sie gerade ein Tampermonkey Skript. Eventuell kann man es da integrieren.

Ich drück die Daumen das das realisierbar ist.
Ich blicke mit dem CSS absolut garnicht durch, hab null Ahnung wo ich Definitionen von Elementen herbekomme die ich gerne ändern würde.

Der Stylebot an einen Element-Selector. Damit kannst du ein Element auswählen und es wird der CCS-Code zum ändern des Elementes generiert.
Da braucht man nicht viel Wissen von CSS etc.

[KodeZwerg]

Dann benötige ich für mein Opera Browser was vergleichbares.
Der Stlyebot lässt sich zwar mit nem "Chrome support" addon installieren jedoch funktioniert der leider nicht. Da erscheint nichts wenn ich das Icon clicke und (Maustaste rechts) Kontextmenu trägt der sich nicht ein.
Ich habe mich bis jetzt auch noch nie mit Html/Css/Java und Konsorten beschäftigt, doppelte Hürde :-)
Das was Du da oben gepostest hast, dieses Css Script, da blicke ich auch nicht durch weil ich noch nicht weiß was was bedeutet.
Ich vermute Du benennst Elemente und gibst denen eine andere Farbe. Mir fehlt im Opera die Möglichkeit ein Element zu identifizieren, dann wäre es vermutlich einfach.
Oder es gibt diese Möglichkeit nur ich weiß nicht wie ich es bedienen muss um ans Ziel zu kommen.
In der DPe habe ich jetzt Tampermonkey zum laufen bekommen mit nem Skript von Sakura/Neutral General.
Das komprimiert die komplette Anzeige auf ein schönes Übersichtliches Design.
Vielleicht kann ich mich da reintüfteln weil die auf jede Menge Elemente zugreifen aber erstmal erfahrung mit all dem Zeug sammeln. Zuviele ??? schwirren bei mir noch rum, obwohl es bestimmt relativ einfach ist wenn man weiß wie ^_^

Nun schrieb DieDolly das man damit keine Farben ändern kann bzw es dafür ungeeignet ist.
Ach ich weiß ja auch nicht was ich machen kann, mal nen Css Buch kaufen wäre ein Anfang :-]

[DieDolly]

https://addons.opera.com/de/extensio...ess-magic-css/

[KodeZwerg]

Zitat:

Zitat von DieDolly (Beitrag 1416985)

https://addons.opera.com/de/extensio...ess-magic-css/

Anhang 50167.
Danke, genau das habe ich installiert um überhaupt das script von Api zum laufen zu bekommen.
Dann war was das betrifft meine Wahl hoffentlich okay, muss mich damit mehr beschäftigen.
Dieses "* Auto-generate CSS selectors with point-and-click" wird wahrscheinlich das sein was Api meint mit "es wird mir angezeigt".

[KodeZwerg]

Es tut mir Wahnsinnig leid, ich habe jetzt die gewünschte Funktion entdeckt, nur Color/Background-color setzen.
Klappt fantastisch einfach!!!
Jetzt nur durch die Horden von Elemente durch klickern und bearbeiten.

Danke nochmal für den Anstupser @DieDolly

Und ihr habt Recht, da braucht man wirklich keine Erfahrung nur Wissen wo man was klickt *schäm*

[KodeZwerg]

Thema ist hier für mich erfolgreich beendet.
Api mega danke für generell wie man an sowas rangehen sollte.
DieDolly fürs anstupsen :thumb:

Hier mein momentanes Erscheinungsbild, wie man sieht, bin ich auf dem (für mich) richtigen Weg.
Bedarf noch ohne Ende feintuning, manche Objekte werden auf der Page auch mehrfach benutzt dann kann meine Farbwahl auch die Schrift kaputt machen :lol:

Code:

.ipsPhotoPanel_notPhone {
    color: #F0F0F0;
    background-color: #000000;
}
.cPost_contentWrap {
    color: #F0F0F0;
    background-color: #000000;
}
.ipsColumn.cAuthorPane {
    color: #F0F0F0;
    background-color: #000000;
}
.prettyprinted {
    color: #F0F0F0;
    background-color: #cfcaca;
}
.ipsCode {
    color: #F0F0F0;
    background-color: #cfcaca;
}
pre.prettyprint {
    color: #F0F0F0;
    background-color: #cfcaca;
}
.nav-bar {
    color: #000000;
    background-color: #000000;
}
.ipsComposeArea_withPhoto {
    color: #F0F0F0;
    background-color: #000000;
}
html .cke_wysiwyg_div {
    color: #F0F0F0;
    background-color: #cfcaca;
}
.ipsComposeArea_editor {
    color: #F0F0F0;
    background-color: #000000;
}
#elSearch input {
    color: #F0F0F0;
    background-color: #adadad;
}
.cForumHeader {
    color: #000000;
    background-color: #000000;
}
.ipsDataItem {
    color: #F0F0F0;
    background-color: #000000;
}
.ipsDataItem_responsivePhoto {
    color: #F0F0F0;
    background-color: #000000;
}
.ipsDataList.ipsDataList_zebra {
    color: #F0F0F0;
    background-color: #000000;
}
.ipsDataItem_responsivePhoto {
    color: #F0F0F0;
    background-color: #000000;
}
.cForumMiniList_multiRoot {
    color: #F0F0F0;
    background-color: #000000;
}
.ipsSideMenu_item {
    color: #F0F0F0;
    background-color: #000000;
}

Mit diesem code habe ich das erreicht, updates wird es nur noch auf der DPe dazu geben.

Vielen Dank fürs Lesen und mir Helfen ans Ziel zu gelangen.
Wunderschönes neues Spielzeug für mich dieses Live Css, bin ja voll begeistert!

[Neutral General]

Hatte nicht gesehen dass du schon ne Lösung hattest.
War grad selbst mal kurz an was am basteln (siehe Anhang).
Ist noch nicht fertig, aber falls da noch Bedarf besteht würde ich das in das Tampermonkey Skript integrieren.

[mkinzler]

Es macht wenig Sinn dieses Thema an 2 Orten parallel zu diskutieren. Es betrifft das internationale Forum und sollte deshalb dort diskutiert werden.