Don
6 Abril, 2024 06:37
51
Solo como nota FKB Pro - Social theme contiene variables de color personalizadas.dark-light-choose()
Aquí puedes seguir el patrón.
$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
La única diferencia es que estas están conectadas con la configuración del tema, por lo que puedes modificarlo con la configuración. Es por eso que usa este formato #{$setting_name} y no códigos de color HEX.
Pero puedes agregar nuevos en tu fork que usen HEX como desees.
Agrega esto después de la línea 14:
$dark-theme-tags-bg: #3a3b3c;
$light-theme-tags-bg: #f0f2f5;
Después de la línea 20:
$tags-bg: dark-light-choose($light-theme-tags-bg, $dark-theme-tags-bg);
Después de la línea 27:
--tags-bg: #{$tags-bg};
etc…
Luego puedes cambiar el fondo actual aquí en tu fork:
a
background: var(--tags-bg);
3 Me gusta
