Clay

Take Your WoltLab Suite 5
To a new design level

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

Install Clay For Free

Version

5.5.1

  • WS 5.5.3
  • WS 5.4.20

Downloads

270+

modern code

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

compatible with WoltLab apps

HiDPi-ready and responsive

multilingual

3 variants

 

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

for a list of changes please read the changelog

* according to Elevenfour License 2.0

Version 5.5.1

  • fix: hide user welcome on smaller viewports

Version 5.5.0

  • compatibility with WS 5.5
  • added userMenu design
  • fix webkit scrollbar-track color
  • removed font-weight: 100
  • updated $wcfFontSizeDefault in SCSS
  • design for filebase file cards
  • designed the new global create thread dialog
  • improved contentItemMeta design
  • new pageHeader design on mobile

Version 5.4.1

  • fix: fade-out syntax
  • new: accent-color for inputs & progress
  • new: $wcfPageThemeColor
  • removed: $messageSidebarOrientation

Version 5.4.0

  • compatibility with WoltLab Suite 5.4
  • template update: pageHeaderLogo

Version 5.3.1

  • new option: Show background image for container heads
  • Clay & Clay Pink: darker background-color for container head to meet accessibility standard if there's no background-image
  • Clay Orange: darker text color for container head to meet accessibility standard
  • Clay Orange: brightened the background image for container headlines to meet accessibility standard

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

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.