A dark style with yellow color accents for your WoltLab Suite.

macBook presenting preview of Makani style

A dark style with yellow color accents for your WoltLab Suite.

  • Released


  • Version

    5.2.0 (changelog)

  • System requirements

    • WS 5.2.9
    • WS 3.1.8

  • Downloads


You install this package directly from your ACP. There's no download. Add Elevenfour package server:    Tutorial Installation via plugin


  • Improved Accessibility

    This style comes with some improvements to make your site more accessible compared to the default style of WoltLab Suite. #accessibility

  • High Contrast

    The colors used within this style were chosen to provide high contrast so it's also easy to use by people with low vision.

  • System fonts

    The style uses system fonts, so the style feels native and is GDPR-friendly.

  • Multilingual

    The style supports Multilingualism - german, english, french and spanish are included. You can add more languages.

  • Compatible

    The style was written in CSS 3, supports all modern browsers and works with all WoltLab applications for WoltLab Suite 3.1

  • HiDPi ready and responsive

    The style is out of the box suitable for high resolution monitors and makes uses of the responsive features of WoltLab Suite


Makani is a dark style that features yellow color accents and focuses on improving the accessibility of your WoltLab Suite™ Installation:

  • The color palette of Makani was chosen to meet WCAG 2.1 and scoring AAA. This means that people with low vision have easier access to your site compared to some other styles.
  • The default font size of the style was set to a rem value which makes the font-size respond to the browsers settings. So if a user did set a higher/lower value than modern browsers' default value the style will respond to that (WoltLab's Default Style doesn't do that).
  • Links are colored with a shade of blue and underlined throughout messages, which makes it easier to identify them as links.

Makani was built using the latest techniques of modern web design and adapts to any display. The design adapts seamlessly to WoltLab Suite and offers a unique user experience.

The CMS page on the first screenshot was build using the plugin WS 3.0 Layout Extension Kit from cls-design. You’ll get example codes or support for this plugin there, if needed.

  • Package information

    available via Elevenfour's package server

    Package identifier :
    License: Elevenfour License 2.0
    Package dependencies : com.woltlab.wcf | net.elevenfour.languagepack.styles

  • Support

    you can ask for further support in the support forum (account required)

  • Matching FAQs

    How Can I Download and Use a Style/ Plugin by Elevenfour?
    Classic downloads of styles and plugins are no longer available. the installation is handled via the ACP. read more