Tema scuro: invertire colori riquadri di codice, gestire immagini light/dark. #167

Open
opened 2024-07-29 20:29:18 +00:00 by paspo · 10 comments
Owner
immagine

Originally posted by @omarl in #133 (comment)

<img width="935" alt="immagine" src="attachments/6d4ffd53-379e-4935-adbb-582088772aae"> _Originally posted by @omarl in https://git.libreschool.org/BgLUG/bglug.it/issues/133#issuecomment-2122_
Author
Owner

Credo che sta roba dipenda dal tema, prima o poi indagheremo.

Credo che sta roba dipenda dal tema, prima o poi indagheremo.
paspo added this to the eventually milestone 2024-07-29 20:29:49 +00:00
omarl added this to the Nuovo sito: CODICE HUGO project 2024-07-29 21:30:51 +00:00
paspo referenced this issue from a commit 2024-07-30 21:57:25 +00:00
Member

#169

Bella la numerazione delle righe.

Bisognerà ricontrollare i post e inserire qualcosa dopo i tre backticks altrimenti crea il pulsante ma non il riquadro nero con le righe numerate.

Non funziona più il singolo backtick comando per codice inline.

Questo non è urgente e poi è una mia opinione: preferirei uno sfondo chiaro come su stackoverflow o come qui.

immagine
#169 Bella la numerazione delle righe. Bisognerà ricontrollare i post e inserire qualcosa dopo i tre backticks altrimenti crea il pulsante ma non il riquadro nero con le righe numerate. Non funziona più il singolo backtick `comando` per codice inline. Questo non è urgente e poi è una mia opinione: preferirei uno sfondo chiaro come su stackoverflow o come qui. <img width="649" alt="immagine" src="attachments/e47b2dc3-7ec3-49f7-905f-7a6cb6fbffaf">
Author
Owner

Bisognerà ricontrollare i post e inserire qualcosa dopo i tre backticks altrimenti crea il pulsante ma non il riquadro nero con le righe numerate.

#184

Non funziona più il singolo backtick comando per codice inline.

questo lo devo controllare

Questo non è urgente e poi è una mia opinione: preferirei uno sfondo chiaro come su stackoverflow o come qui.

immagine
> Bisognerà ricontrollare i post e inserire qualcosa dopo i tre backticks altrimenti crea il pulsante ma non il riquadro nero con le righe numerate. https://git.libreschool.org/BgLUG/bglug.it/pulls/184 > Non funziona più il singolo backtick `comando` per codice inline. questo lo devo controllare > Questo non è urgente e poi è una mia opinione: preferirei uno sfondo chiaro come su stackoverflow o come qui. > > <img width="649" alt="immagine" src="attachments/e47b2dc3-7ec3-49f7-905f-7a6cb6fbffaf">
Author
Owner

Dovremmo entrare nel merito del tema chiaro/scuro.

I dark-aficionados come me fanno fatica a guardare lo schermo anche solo con le immagini qui sopra. In modalità dark deve esserci lo sfondo scuro, mentre in modalità accecamento lo sfondo può anche essere chiaro.

Il vero problema è che al momento il sito non supporta il dark-mode.

Dovremmo entrare nel merito del tema chiaro/scuro. I dark-aficionados come me fanno fatica a guardare lo schermo anche solo con le immagini qui sopra. In modalità dark deve esserci lo sfondo scuro, mentre in modalità accecamento lo sfondo può anche essere chiaro. Il vero problema è che al momento il sito non supporta il dark-mode.
Member

Cioè? Se un articolo contiene screenshot bisogna fare la doppia versione con sfondo chiaro e sfondo scuro? Mi sembra giusto anche perchè altrimenti è molto fastidioso. Intendi aggiungere il pulsante per scegliere la modalità?
Attualmente il tema è un mix di chiaro (contenuto) e scuro (codice). Non mi piace molto ma non è un problema urgente da risolvere.

Cioè? Se un articolo contiene screenshot bisogna fare la doppia versione con sfondo chiaro e sfondo scuro? Mi sembra giusto anche perchè altrimenti è molto fastidioso. Intendi aggiungere il pulsante per scegliere la modalità? Attualmente il tema è un mix di chiaro (contenuto) e scuro (codice). Non mi piace molto ma non è un problema urgente da risolvere.
Author
Owner

Per forza di cose avremo una sola versione delle immagini del post.

Sullo stylesheet dei blocchi di codice ci possiamo lavorare. Prima o poi.

Per forza di cose avremo una sola versione delle immagini del post. Sullo stylesheet dei blocchi di codice ci possiamo lavorare. Prima o poi.
Member

Qualche spiraglio di luce o di scurezza https://stenbrinke.nl/blog/adding-support-for-dark-and-light-images-to-hugo-figure-shortcode/
Non dico che si debba fare, ho cercato giusto per curiosità... Non male, che ne pensi?

Qualche spiraglio di luce o di scurezza https://stenbrinke.nl/blog/adding-support-for-dark-and-light-images-to-hugo-figure-shortcode/ Non dico che si debba fare, ho cercato giusto per curiosità... Non male, che ne pensi?
Member

Questo sembra fare meglio utilizzando markdown standard e CSS.
https://tomfran.github.io/posts/hugo-images/

![img](./dark.png#gh-dark-mode-only)
![img](./light.png#gh-light-mode-only)

Come vedi aggiunge un hashtag per gestire la cosa.

Questo sembra fare meglio utilizzando markdown standard e CSS. https://tomfran.github.io/posts/hugo-images/ ``` ![img](./dark.png#gh-dark-mode-only) ![img](./light.png#gh-light-mode-only) ``` Come vedi aggiunge un hashtag per gestire la cosa.
Author
Owner

sono entrambe delle belle soluzioni, ma onestamente è una battaglia che non vorrei affrontare adesso

sono entrambe delle belle soluzioni, ma onestamente è una battaglia che non vorrei affrontare adesso
omarl changed title from Rendere più leggibili i riquadri di codice. Se possibile far comparire il pulsante per la copia. to Tema scuro: invertire colori riquadri di codice, gestire immagini light/dark. 2024-08-11 18:42:38 +00:00
Member

Sì, non c'è fretta.

Sì, non c'è fretta.
Sign in to join this conversation.
No Milestone
No Assignees
2 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: BgLUG/bglug.it#167
No description provided.