Don
Abril 6, 2024, 6:37am
51
Apenas para observação, o FKB Pro - Social theme contém variáveis de cores personalizadas.dark-light-choose()
Aqui você pode seguir o padrão.
$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
A única diferença é que estas estão conectadas às configurações do tema, então você pode modificá-las com as configurações. É por isso que usa este formato #{$setting_name} e não códigos de cores HEX.
Mas você pode adicionar novas em seu fork que usam HEX como desejar.
Adicione estas após a linha 14:
$dark-theme-tags-bg: #3a3b3c;
$light-theme-tags-bg: #f0f2f5;
Após a linha 20:
$tags-bg: dark-light-choose($light-theme-tags-bg, $dark-theme-tags-bg);
Após a linha 27:
--tags-bg: #{$tags-bg};
etc…
Então você pode alterar o fundo atual aqui em seu fork:
para
background: var(--tags-bg);
3 curtidas
