bodil / bodil/bodil.github.com

Code highlights in light mode are low contrast

Offen
#10 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
CSS
Sterne
24
Forks
8
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

Screen Shot 2021-11-17 at 10 54 27 AM

When using the light mode of the website, the text of the page is kind of hard to see.

It looks like this might be a problem because the site is currently building with the "inline" option of zola:

https://www.getzola.org/documentation/content/syntax-highlighting/#inline-vs-classed-highlighting

It might be easier to have custom light mode & dark mode syntax highlighting by switching to the "class-based" option instead.

(thanks for the blog posts btw!)

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit der Prüfung der Zola-Build-Konfiguration der Website und der Stile für den hellen Modus, die die Syntaxhervorhebung steuern. Vergleiche die aktuelle Einrichtung der Inline-Hervorhebung mit Zolas Anleitung zur klassenbasierten Hervorhebung und überprüfe anschließend, dass der Code-Text im hellen Modus einen ausreichenden Kontrast aufweist, während der dunkle Modus weiterhin gut nutzbar bleibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
css
Bereich
accessibility, frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.