-
Changing vanilla default icons
This feature is a part of our Enterprise-level service. Default vanilla icons (all icons aligned on a 24x24 grid or 16x16 grid if compact) now can be updated with any custom icon. For that, new icons should be registered in theme entry file forum.tsx like this: import { iconRegistry } from "@vanilla/icons";…
-
Customizing Button Styles
Your site's buttons are often an important part of your brand. Because of this, we offer a lot of control over the look of your buttons. Types Of Buttons There are two types of buttons you'll normally theme: primary and standard. Primary buttons are used as the primary action on most forms. Usually they use your brand…
-
Applying a Custom Font
Having trouble with your custom font? Check the troubleshooting section. Configuring the font Set Body font family global.fonts.families.body This will apply globally, however it might still be possible to apply different font to some sections if we want to. E. g. banner.title.font.family Note that this is an array. Set…
-
Customizing Title Bar Navigation Menu Links
Translations Default translations are done automatically. To bypass translations add an `@` at the being of the string. What are the navigation links? The title bar is the navigation toolbar at the top of knowledge base and Foundation based themes. It contains menu items that represent the global navigation of your site.…
-
Customizing the Master Template
See the documentation on Twig.
-
Theming the Forums with Foundation
The forum was not built from the ground up with this system. However, we’ve made a theme (Foundation) to benefit from the new theming system. This theme has an extra layer of compatibility built on top of it to apply the new styles with our legacy system. These styles layer over top of the exiting styles, so we can get…
-
Theme Hooks
Themes can be imbued with the power of plugins via a special themehooks php file. Using the themehooks file, you can override existing functions in Vanilla, plug in to existing Vanilla events, and set data for your views. Naming To use event hooks in a theme, the theme must have a plugin with a classname ending…