Don
6. April 2024 um 06:37
51
Nur zur Info: FKB Pro - Social theme enthält benutzerdefinierte Farbvariablen.dark-light-choose()
Hier können Sie dem Muster folgen.
$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
Der einzige Unterschied ist, dass diese mit den Theme-Einstellungen verbunden sind, sodass Sie sie mit den Einstellungen ändern können. Deshalb wird dieses Format #{$setting_name} und nicht HEX-Farbcodes verwendet.
Sie können jedoch in Ihrer Fork neue hinzufügen, die HEX verwenden, wie Sie möchten.
Fügen Sie diese nach Zeile 14 hinzu:
$dark-theme-tags-bg: #3a3b3c;
$light-theme-tags-bg: #f0f2f5;
Nach Zeile 20:
$tags-bg: dark-light-choose($light-theme-tags-bg, $dark-theme-tags-bg);
Nach Zeile 27:
--tags-bg: #{$tags-bg};
usw…
Dann können Sie den aktuellen Hintergrund hier in Ihrer Fork ändern:
zu
background: var(--tags-bg);
3 „Gefällt mir“
