Clay

Clay by Elevenfour

Take Your WoltLab Suite 5.3
To a new design level

Clay creates a dark, yet colorful look - free of charge

Install Clay For Free

Version 5.3.0

  • new color variant: Orange
  • support for WoltLab Suite 5.3
  • removed legacy code for IE 10/11
  • removed variable $baseAccentColorFour since it was not in use anymore

Version 5.2.0

  • optimized filesize of images
  • added color for $wcfEditorTableBorder
  • redesigned logo
  • improved style options
  • new font stack
  • removed icons from the main menu
  • removed code to replace board icons
  • added optional icons for status boxes
  • changed color of code boxes in Redactor (WYSIWYG editor)
  • removed table design fixes that were necessary for WoltLab Suite 3.x
  • new color variant: Pink

Key Features

  • multilingual

  • Clay's font is Cuprum. The fallback font is Geneva.

  • compatible with WoltLab apps

  • HiDPi-ready and responsive

  • modern code

  • 2-3 variants*

  • Style options: Easily customize the style to your liking.**

* WoltLab Suite 5.2: 2 variants, WoltLab Suite 5.3: 3 variants

** according to Elevenfour License 2.0

Description

Clay is a dark style family for WoltLab Suite 5 of 3 different color variants (2 if you're using WoltLab Suite 5.2). The available color options are: Turquoise, pink or orange. The style has modern background effects that resemble Microsoft’s Fluent Design.

With version 5.2 this style comes with style options making it easier for you to customize the style without having to tinker with code.

As always: Well structured and clean modern modular SCSS code help to make this style a beauty at the backend too. Although you now might not need to look there. Clay is build to work with all apps currently available by WoltLab: Core (of course), Forum, Filebase, Blog, Calendar and Gallery. If third party developers stuck with WoltLab Suite's standards this style will also be compatible with their plugins or apps out of the box.

If you're running this style in a multilingual system: There are language variables available for Clay in German, English, French and Spanish. You can add more language variables.

Screenshots

Download Information

This style is available from Elevenfour's package server right from your ACP. There's no need to download. To learn more about this read the article about the installion process.

Package Information

Package identifier: net.elevenfour.style.clay | net.elevenfour.wcf.style.clay.pink | net.elevenfour.wcf.style.clay.orange
License: Elevenfour License 2.0
Package dependencies: com.woltlab.wcf | net.elevenfour.languagepack.styles | net.elevenfour.wcf.claycompanion

Support

Do you need support? You'll get it for free in Elevenfour's Support Forum. You need an account for that. Sign up here - it's free and you can cancel anytime.

Built using theseModern Apps and Web Technologies

  • Sketch

  • Visual Studio Code

  • CSS level 3+

  • HTML 5

  • PHP 7

Made with ❤️ in Neukölln, Berlin.