Don
6 Aprile 2024, 6:37am
51
Solo per informazione FKB Pro - Social theme contiene variabili di colore personalizzate.dark-light-choose()
Qui puoi seguire lo schema.
$dark-theme-fkb-bg: #{$dark_bg};
$light-theme-fkb-bg: #{$light_bg};
$dark-theme-fkb-header-btn: #{$dark_header_btn};
$light-theme-fkb-header-btn: #{$light_header_btn};
$dark-theme-fkb-header-btn-hover: #{$dark_header_btn_hover};
$light-theme-fkb-header-btn-hover: #{$light_header_btn_hover};
$dark-theme-fkb-btn: #{$dark_btn};
$light-theme-fkb-btn: #{$light_btn};
$dark-theme-fkb-btn-hover: #{$dark_btn_hover};
$light-theme-fkb-btn-hover: #{$light_btn_hover};
$fkb-bg: dark-light-choose($light-theme-fkb-bg, $dark-theme-fkb-bg);
$fkb-header-btn: dark-light-choose($light-theme-fkb-header-btn, $dark-theme-fkb-header-btn);
$fkb-header-btn-hover: dark-light-choose($light-theme-fkb-header-btn-hover, $dark-theme-fkb-header-btn-hover);
$fkb-btn: dark-light-choose($light-theme-fkb-btn, $dark-theme-fkb-btn);
$fkb-btn-hover: dark-light-choose($light-theme-fkb-btn-hover, $dark-theme-fkb-btn-hover);
show original
Le uniche differenze sono che queste sono collegate alle impostazioni del tema, quindi puoi modificarle con le impostazioni. Questo è il motivo per cui utilizza questo formato #{$setting_name} e non codici colore HEX.
Ma puoi aggiungerne di nuove nel tuo fork che utilizzano HEX come desideri.
Aggiungi queste dopo la riga 14:
$dark-theme-tags-bg: #3a3b3c;
$light-theme-tags-bg: #f0f2f5;
Dopo la riga 20:
$tags-bg: dark-light-choose($light-theme-tags-bg, $dark-theme-tags-bg);
Dopo la riga 27:
--tags-bg: #{$tags-bg};
ecc…
Quindi puoi cambiare lo sfondo attuale qui nel tuo fork:
in
background: var(--tags-bg);
3 Mi Piace
