YAML Code im dunklen Theme kaum lesbar

[u5zzug]

Vielleicht kann man die Farben für die Syntax anpassen/einen anderen Stil wählen?

 

[Loxley]

Von welchem Programm ist dieser Screenshot?

 

[Barungar]

Das müsste hier aus dem Forum sein.
Aber stell doch auf einen anderen Style um.
Einfach unter Benutzerkonto / Einstellungen / Style

 

[u5zzug]

Das ist das Forum mit dark Theme im Firefox.

Es gibt nur default und dark und ich möchte ein dunkles Theme - aber mit lesbarem yaml

 

[Fusion]

Als workaround mit xml oder allgemeinem Code, dann ist es ohne Farbe, aber dafür lesbar.
Ist mir bei diverser Forensoftware schon aufgefallen, oder bei Linux Terminal Styles... keine Ahnung wer sich diese Farbkombis ausdenkt.
Könnte auch der Grund sein, wieso manche Foren gar kein Dark-Theme haben.

 

[u5zzug]

anscheinend kann man as in .less Dateien ändern (bb_code.less, extra.less)

k.A., wie veraltet das ist: https://xenforo.com/community/threads/code-block-syntax-highlighting-dark-theme.144111/

 

[LittleWing]

Hallo @u5zzug,

was für einen Browser verwendest Du denn? Ich habe das mal unter Windows mit Firefox, Chrome und Edge / Debian mit Firefox / iOS mit Safari getestet und hier ist es überall gut lesbar und sieht auch gleich aus:



Mir ist da nichts bzgl. blauer Schrift auf schwarzem Grund untergekommen, daher die Frage nach Deinem Browser (und ggf. OS).

Viele Grüße
LittleWing

 

[Nival]

anscheinend kann man as in .less Dateien ändern (bb_code.less, extra.less)

In der Theorie ist das richtig.

In der Praxis hilft das wenig, wenn Deine Kombination aus OS / Browser die hinterlegten Anweisungen einfach nicht befolgt.

Mir scheint, bei Dir sind alle Farben vom Kontrast her, ich sag mal, abgemildert - aus grün wird dunkelblau, aus weiß wird grau, aus rot wird orangebraun und das lila wird auch dunkler. Da kann ich Deine Unzufriedenheit gut verstehen, aber das ist nicht, was das Forum ausliefert - ich konnte Deinen Screenshot ebenfalls in keiner Kombination von OS / Browser nachvollziehen, unabhängig davon, ob Dark Mode im System aktiviert war oder nicht.

 

[u5zzug]

Ich habe das Bild in gif gewandelt, weil es (nur hier im Forum) als png ganz schwarz war.
Blau ist der code type title - yaml.
Ich habe meine Screens nicht auf 100% hell, zu starker Kontrast macht Kopf-/Augenweh. Da kann man dunkellila auf schwarz schlecht lesen. Am PC und auch mobil auf deinem Bild.

Die hier von https://github.com/PrismJS/prism-themes/tree/master/themes sind viiiel besser und auch mit wenig Licht gut bis sehr gut (*)zu lesen.:

prism-a11y-dark *

prism-atom-dark *

prism-coldark-dark

prism-laserwave *

prism-material-dark *

prism-night-owl ***

prism-one-dark *

prism-vsc-dark-plus

 

[u5zzug]

ich kann leider nach wie vor yaml nur seeehr schlecht lesen. Nirgendwo sonst habe ich das Problem. Bei git, im HA Forum, ... alles gut lesbar.
Vielleicht könnt ihr doch auf andere Farben wechseln?

 

[Nival]

Die hier von

...sind leider hoffnungslos veraltet und greifen alle nicht mehr.

Wir haben jetzt aber einige Änderungen umgesetzt, gib gerne mal Rückmeldung, ob es so besser zu lesen ist.

 

[u5zzug]

ja, jetzt kann mans lesen, danke!!!!!!!!!!

Und falls ihr optimieren wollt, vielleicht nicht ganz so grell. Grün/gelb ähneln sich ziemlich. Beispiele oben, z. B. Hellblau/pink.

 

[Nival]

Zur Kenntnis genommen, falls hier mal jemandem arg langweilig ist (oder jemand akut Kopfschmerzen wünscht)

Wenn Du dafür ein wenig hilfreich sein möchtest könntest Du mal alle möglichen Arten von Code (verschiedene Sprachen, Attribute, Funktionen, Namen, Variablen, Kommentare, Strings, Zahlen, you know what I mean?) zusammensuchen und hier in einem Post schreiben, das würde zumindest die Dauer verringern, die man sich den Dark Mode antun müsste um das Ergebnis zu beurteilen, und könnte somit die Motivation dezent erhöhen.

 

[u5zzug]

:
  customize:
    sensor.stromleser_zahlerstand_total:
      device_class: energy
      unit_of_measurement: "kWh"
      state_class: total_increasing
      number: 12345

function foo(bar) {
  var a = 42,
         b = "prism";
  return a + bar( b );
}

function foo(bar) {
  var a = 42,
         b = "prism";
  return a + bar( b );
}

<php>
function foo(bar) {
  var a = 42,
         b = "prism";
  return a + bar( b );
}

h2 {
color: red;
background-color: beige;
font-size: 1.5em;
}

p {
color: brown;
}

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Titel</title>
</head>
<body>
<!-- Sichtbarer Dokumentinhalt im body -->
<img src="name.svg" alt="alternative Bildbeschreibung">

</body>
</html>