Components Hub 3

Welcome!

Like said on the main page, this page is meant for components that work exclusively on Black Highlighter. This page details how to include the component on your page and how to properly use it. As well, it also links to pages where the component is used or points to its use on this page.


Table of Contents

Components



This component centres the image on the page it is used on. It is highly recommended you use this Toggle Sidebar or Collapsible Sidebar. Paste the following somewhere on your page:

[[include :scp-wiki:component:centered-header-bhl]]

You can see this component in action in SCP-6000.


This component hides the sidebar behind a button on desktop, similar to how it is on the mobile version. To use it, paste the following somewhere on your page:

[[include :scp-wiki:component:toggle-sidebar-bhl]]

If you want, you can also style the button so it matches any custom themes you may be using. If so, paste the following after the [[include]]:

[[module CSS]]
:root {
--toggle-button-bg: hex/rgb/hsl color;
--toggle-border-color: hex/rgb/hsl color;
--toggle-border-width: px/rem/em;
--toggle-icon-color: hex/rgb/hsl color;
--toggle-roundness: percentage;
}
[[/module]]

You can see this component in action on this very page!


This component reverts the BHL sidebar to the very first one, giving it a darker tone. To use it, paste the following somewhere on your page:

[[include :scp-wiki:component:bhl-dark-sidebar]]

Please make sure to put this only after the [[include]] for BHL.

You can see this component in use in the Swirling Ashes Theme.


Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License