Clay

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
* according to Elevenfour License 2.0
Version 5.5.1
- 2022-07-31
- fix: hide user welcome on smaller viewports
Version 5.5.0
- 2022-07-10
- 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
- 2022-04-21
- fix: fade-out syntax
- new: accent-color for inputs & progress
- new: $wcfPageThemeColor
- removed: $messageSidebarOrientation
Version 5.4.0
- 2021-07-18
- compatibility with WoltLab Suite 5.4
- template update: pageHeaderLogo
Version 5.3.1
- 2021-06-01
- 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
- 2021-01-12
- 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.