Schriftfarbe auf dunklem Hintergrund

JoergK · Sonntag um 17:01

Ich nutze immer den dunklen Hintergrund.
Seit dem letzten Software-Update sind Links in Posts und die Symbole über diesem Textfeld schwarz. Dadurch ist beides kaum zu erkennen. Sämtliche andere Schrift und Symbole sind weiß oder grau, also lesbar.

Gibt es eine Möglichkeit, alles auf weiß oder grau umzustellen ?

scilla · Sonntag um 17:13

Profil....Einstellungen...Style....Light Mode

Linserich · Sonntag um 17:26

@scilla Ich verstehe @JoergK so, dass er die Programmierer im Hintergrund fragt, ob sie die Schriftfarbe aufhellen können, damit sie sich vom Schwarz besser abhebt.

Light-Mode kann man übrigens auch ohne Umweg über die Glühbirne oben rechts einstellen.

Sunfreak · Sonntag um 17:59

Ja, das dunkle Design ist kaputt seit dem letzten Update. Muss daher leider seither mit dem hellen Design leben.

JoergK · Sonntag um 18:20

Linserich schrieb:
@scilla Ich verstehe @JoergK so, dass er die Programmierer im Hintergrund fragt, ob sie die Schriftfarbe aufhellen können, damit sie sich vom Schwarz besser abhebt.

Light-Mode kann man übrigens auch ohne Umweg über die Glühbirne oben rechts einstellen.

Genau, @Linserich, ich meine die Umstellung der Hintergrundfarbe mit der Glühbirne.
Bei hellem Hintergrund sind Schrift und Symbole dunkel, bei dunklem Hintergrund nicht alles hell.

scilla · Sonntag um 18:57

OK ....ich bevorzuge auch den dunklen Hintergrund. Bei mir ist alles wie immer.

01goeran · Gestern um 08:42

Ein Beispiel für die etwas unglückliche Lösung der Farben ist der Editor zum Schreiben von Beiträgen.

Hat man noch nix geschrieben, find ich die Farbwahl noch ok:

Geht man aber in das Fenster rein und will einen Beitrag schreiben, wird das Feld dunkel und die Menueleiste in dem Editor ist kaum noch zu lesen:

Hier wäre eine Nachbesserung wirklich wünschenswert.

Mehr Stellen sind mir bisher nicht negativ aufgefallen.

Linserich · Gestern um 09:09

Rufen wir @Marcel auf den Plan, damit er oder sein Team Abhilfe schaffen kann.

Celtis · Gestern um 09:16

Der Marcel hat noch so viel vom früher Versprochenen offen, da ist die Hintergrundfarbe das kleinste Übel

Rentner · Gestern um 10:29

Ich hätte den Hintergrund gerne in einem zarten Rosa.

Joes · Gestern um 10:47

Celtis schrieb:
Der Marcel hat noch so viel vom früher Versprochenen offen, da ist die Hintergrundfarbe das kleinste Übel

Was hat er denn noch versprochen und nicht erledigt. ?

Hab ja sonst nix mehr zu schimpfen, weil ich den Eindruck habe, das
wirklich alles gut läuft.

Sunfreak · Gestern um 13:47

Links in Signaturen sind auch schwarz und somit unleserlich beim dunklen Design, ich liefere gleich die fehlerhafte Stelle im CSS-Code:

CSS:

.bbWrapper a.link {
    color: #000;
}

Sunfreak · Gestern um 13:48

... und die Programmcode-Darstellung ist im dunklen Design auch kaputt.

JoergK · Gestern um 17:34

Sunfreak schrieb:
Links in Signaturen sind auch schwarz und somit unleserlich beim dunklen Design, ich liefere gleich die fehlerhafte Stelle im CSS-Code:

CSS:

.bbWrapper a.link { color: #000; }

Wow

Weißt Du auch, was im CCS-Code stehen müsste ?

Sunfreak · Gestern um 17:56

Option 1:

CSS:

.bbWrapper a.link {
    color: #79b22a;
}

Option 2:
CSS-Regel löschen.

JoergK · Gestern um 18:55

Danke.
Ich kann´s zwar nicht kontrollieren, bin aber beeindruckt !

Dann braucht @Marcel in diesem Fall ja nur noch kopieren und einfügen.

Sunfreak · Gestern um 19:32

Ich hab mir für Greasemonkey ein Userscript geschrieben, damit ich das dunkle Design wieder genießen kann:

Javascript:

// ==UserScript==
// @name            Hausgarten.net
// @icon            https://www.hausgarten.net/wp-content/uploads/2022/08/cropped-favicon-384x384-1-32x32.png
// @match            https://forum.hausgarten.net/*
// @require        https://code.jquery.com/jquery-3.7.1.min.js
// ==/UserScript==
$(function()
  {
      if($("meta[name=theme-color]").attr("content") == "#ffffff") return;
      const styleElement = document.createElement("style");
      document.head.appendChild(styleElement);
      styleElement.sheet.insertRule(".fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn { color:#fff; }", 0);
      $("a.link").css("color", "#79b22a");
      $(".bbCodeBlock").css("background-color", "#222");
    });

Vorher/Nachher Links in Signatur:

Vorher/Nachher Text-Editor:

Vorher/Nachher Code-Block:

Galileo · Gestern um 19:44

Sunfreak schrieb:

Ich hab mir für Greasemonkey ein Userscript geschrieben, damit ich das dunkle Design wieder genießen kann:

Javascript:

// ==UserScript==
// @name            Hausgarten.net
// @icon            https://www.hausgarten.net/wp-content/uploads/2022/08/cropped-favicon-384x384-1-32x32.png
// @match            https://forum.hausgarten.net/*
// @require        https://code.jquery.com/jquery-3.7.1.min.js
// ==/UserScript==
$(function()
  {
      if($("meta[name=theme-color]").attr("content") == "#ffffff") return;
      const styleElement = document.createElement("style");
      document.head.appendChild(styleElement);
      styleElement.sheet.insertRule(".fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn { color:#fff; }", 0);
      $("a.link").css("color", "#79b22a");
      $(".bbCodeBlock").css("background-color", "#222");
    });

Vorher/Nachher Links in Signatur:

Anhang anzeigen 806264
Anhang anzeigen 806261

Vorher/Nachher Text-Editor:

Anhang anzeigen 806265
Anhang anzeigen 806262

Super – und wie wendet man das an ???