support color-scheme · umputun/remark42#1430

2022-07-22T02:51:20.000Z

- add new option for theme to the config in order to understand if site supports auto switch between light and dart theme - add `color-scheme: light dark` when the param is `true`, add `light` or `dark` when `false` and switch `coloe-scheme` value accordingly - remove this change https://github.com/umputun/remark42/pull/1429 ## Cases ### Auto ```ts var remark_config = { theme: 'auto' } ``` ```css color-scheme: light dark; ``` Add support for auto switch between themes ### Dark ```ts var remark_config = { theme: 'dark' } ``` ```css color-scheme: dark; ``` ### Light ```ts var remark_config = { theme: 'light' } ``` ```css color-scheme: light; ```

(3 commenti) (0 reazioni) (0 assegnatari)Go (432 fork)user submission

frontendgood-first-issuehelp wanted

Metriche repository

Star: (5500 star)
Metriche merge PR: (Merge medio 87g 10h) (18 PR mergiate in 30 g)

Descrizione

add new option for theme to the config in order to understand if site supports auto switch between light and dart theme
add color-scheme: light dark when the param is true, add light or dark when false and switch coloe-scheme value accordingly
remove this change https://github.com/umputun/remark42/pull/1429

Cases

Auto

var remark_config = {
  theme: 'auto'
}

color-scheme: light dark;

Add support for auto switch between themes

Dark

var remark_config = {
  theme: 'dark'
}

color-scheme: dark;

Light

var remark_config = {
  theme: 'light'
}

color-scheme: light;

Guida contributor

Direzione di ricerca: Esamina la configurazione del tema esistente e il CSS nel frontend. Implementa un nuovo meta tag o proprietà CSS 'color scheme' in base al valore del tema ('auto', 'dark', 'light'). Assicurati che il comportamento corrisponda alla descrizione nel problema.
Tech stack: javascripttypescriptcss
Dominio: frontend
Tipo issue: Funzionalità
Difficoltà: 2
Tempo stimato: 1-3 ore
Stato attività: Attiva
Chiarezza: Chiara
Prerequisiti: Gitbasic web development
Adatta ai principianti: 70