Skip to main content
Open

Light mode (clear background) for code block

  • February 1, 2023
  • 0 replies
  • 433 views
Robert Johnson
+132
  • Robert Johnson
    Robert Johnson
  • simonmaxhill
  • Volker
  • Marcel LaPlante
  • TRS
  • Ian Ragsdale
  • Simon.Harris
    Simon.Harris
  • Paul Buntman
    Paul Buntman
  • Emanuel Sandu
    Emanuel Sandu
  • AJTS
  • James Intriligator
  • Will Leingang
  • Jon Smart
  • Zenas Lee
  • Anton Haikov
  • Asher Graham
  • Floor Verschure
    Floor Verschure
  • imangi_RyanG
  • PeterM
  • Vlad Goldman
  • Volkmar C.
  • LucaV
  • Soumyadeep Mandal
    Soumyadeep Mandal
  • Sanne van Tongelen
  • Kaśka cordial
  • Amy Jo Lindner
  • Abigail Shofner
  • growingsparks
  • James Gray
  • Nicole Harlos
  • doodledee
  • RTU
  • Ben Furneaux
  • Colleen Curtis
    Colleen Curtis
  • James Lashmar
  • Vesa-Matti
  • Chroma Studios
  • Caroline Hummels
  • Roberto Bonino
  • RGKD
    RGKD
  • Huang
  • Jonathan Berg
  • businessmanager
  • joao.faraco-memed
    joao.faraco-memed
  • Norro
  • Wiktor Czajkowski
  • Seismo
  • Bru.BooH
  • Ingrid Jakobsson
  • Krista Lewis
  • Dmitry Lushin
  • Francois Perrin
  • Ade
  • Franco Lanfur
  • Jennifer Luberda
  • Gabriel Garcia
  • Anj Bourgeois
  • Juanfra
  • Michiel Van Gompel
    Michiel Van Gompel
  • noddy
  • Maik Haehnel
  • ArashZamani
  • TORLEY
    TORLEY
  • krasnovpro
    krasnovpro
  • Vlad Nicula
  • TO55
  • Angelica Guzman
  • Emily Gray
  • Miss Alot
  • trksnoos
  • Rafhael Rosa Silva
  • Alexandru
  • f_lagrant
  • Ethan Parrish
  • Dima Pro
  • Kostya Kostyushko
  • bhackenberger
  • Seb Wrobel
  • Mike Patton
  • Laur3ntini
  • Artyom Kukhtinskiy
  • Mircea Braescu
  • Jonathan Haney
  • Anna B
  • Haley Waller
  • Mike Mulev
  • Arty Dzis
  • Rabbit
  • Matthias Lampe
  • Ruben Langeweg
  • Khalid H
  • Rainer Mörwald
  • glennm
  • Kacper M
  • Takeda Keiji
  • jdlenard
  • SVL
  • Florin Sanda
  • Matt Allen
  • Annekathrin Böck
  • Katzelschnurr
  • Rodolfo Rubens
  • Eric Lugo
  • Alex Harvey
  • Jesse R
  • Rodolfo Rubens Alves Bezerra
  • Staci
  • katrinneh
  • eeeeee
  • Marina Oleynik
  • ender
  • Tobias Paice
  • Sebastian Staack
  • Holly Sommers
  • janicetacobell
  • satyanath
  • Marilyn Pruitt
  • Scott Wertel
  • Nikki Lucas
  • JasonC
  • Davidge
  • Aleksey Zaripov
  • Antoine Plissonneau Duquène
  • Binwa
  • Markus Sjökvist
  • Andrew Mckerrow
  • JJ_Davis
  • Christian Goebel
  • Ian Sullivan
  • Shivily Vinayan
  • PaVy
  • Jen Harness
  • Lucky Bee
  • Guillaume Alarie
  • H.B
  • MorG
  • Naomi Ingleby

Code blocks are perfect to teach programming (my activity) but light/dark background color should be a choice in the options of the code block context menu. I understand that dark modes are in high demand nowadays and that bright shiny code upon deep blue looks so cool, but it is not compatible with anyone’s needs and nervous systems :

  • Visually, in terms of contrast, it can be annoying to have an arrow/connector starting from a piece of code on dark background and going outside to a figure/explanation/diagram that’s on the default light background. It requires careful choice of connector’s color to keep good contrast on both background, and I personally find the change of background too much for comfort of gazing back and forth code/explanations (see next point).
  • Some people find dark modes easier on the eyes, this is not my case, after years working code in dark mode I simply can’t take it anymore, bright lines of code impress my retina and leave trails whenever I move my gaze. I don’t know how many people suffer this conditions but this makes reading clear text on dark background extremely uncomfortable, even impossible for long texts. I installed a plugin in my browser for such situations that inverts all colors, it works with miro in web page : the code block does become light mode but then the rest of the boards goes dark ! If a global (board-wide) dark-mode were implemented then maybe that could be a solution for me (provided the code blocks wasn’t inverted in such a global dark mode !)

Of course the syntax highlighting should be adapted to the background light/dark as to keep good contrast.

Was it helpful?

0 replies

No replies yet...

Reply