Flavius

Flavius by Elevenfour

Transform Your WoltLab Suite 5.2
Into Your Virtual Living Room

Flavius brings elegant design to WoltLab Suite - free of charge

Install Flavius For Free

Version 5.2.0

  • full WoltLab Suite 5.2 compatibility
  • new color variant: White (WoltLab Suite 5.2 only)
  • support for new color variable: $wcfEditorTableBorder
  • optimized image file size of background images and logos
  • new Feature: style options
  • new styles for message sidebar and members list
  • removed code for menu icons
  • new optional font stack, unset Google Fonts variable (might not work on update, so you better check)
  • removed styles for different board icons
  • removed register/login call to action from header and footer - similar features are included as default boxes
  • new SCSS variable $baseDefaultBoxShadow
  • fixed: borders on boardList (again)
  • some basic improvements for RTL-languages (there's a lot of stuff that WoltLab Suite needs to fix, this style can only offer some minor improvements)
  • change: Recent activity box on Dashboard now uses header title styling
  • logo is now shown to everyone - ads in the header can only be shown to guests (users who are not logged in)
  • Flavius Orange: changed buttonPrimary text color & text color of title bars to #fff

Version 3.1.5

  • removed exclusion of WoltLab Suite 5.2

Version 3.1.4

  • fixed: positioning of trophies in messageSidebar when using legacy sidebar mode
  • harmonized font-sizes

Version 3.1.3 - Flavius Orange only

  • fixed: icon in filter button has wrong color (Flavius Orange)
  • harmonized font-sizes

Version 3.1.2

  • fixed: wrong color on submit buttons in Flavius Orange
  • fixed: missing file Fira Sans.ttf (template removed now)
  • Redactor now uses same font-size as messages
  • fixed: missing colors for selected text
  • fixed: vertical scrollbar whenever .message was loaded
  • fixed: missing logo on mobile screens
  • implemented: decrease padding between messages

Version 3.1.1

  • use $baseAccentColorOne for newMessageBadge
  • fixed: searchInput doesn't show on mobile
  • fixed: contents of interactiveDropdown fade out too slow

Version 3.1.0 pl 1 (only Flavius Orange)

  • fixed: possible installation issue in package.xml

Version 3.1.0

  • compatible with WoltLab Suite 3.1
  • new color variant: Orange
  • new color for inactive/ not selected buttons
  • userPanel fixed to top
  • restored navigation icons
  • restructured SCSS
  • new colors for spinners
  • changed behavior of background changes on hover
  • improved view of reduced messages
  • fixed: colors of breadcrumbs on mobile
  • fixed: userRank image on wrong position
  • improved: popOver colors
  • fixed: Gallery Box to small
  • fixed: wrong colors in Calendar
  • fixed: position of filter button
  • fixed: button list in comments too dark
  • fixed: tooltip too far away
  • fixed: popover hides thread link

Key Features

  • 10yr+
    style legacy

  • system fonts used to ensure GDPR compatibility*

  • compatible with WoltLab apps

  • HiDPi-ready and responsive

  • multilingual

  • modern code

  • 4-5 variants

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

* only WoltLab Suite 5.2

** only WoltLab Suite 5.2, according to Elevenfour License 2.0

Description

Flavius is a dark style family of 5 different color variants (4 if you're using WoltLab Suite 3.1) with more than 10 years legacy (it's built from the X-Style from 2008). The available color options are: Blue, Green, Pink, Orange and White (the latter only for WoltLab Suite 5.2).

With version 5.2 this style - for the first time on Elevenfour ever - this style comes with style options making it easier for you to customize the style without having to tinker with code. This version also sees a redesigned message sidebar and a redesigned members list - which you could turn off if that wasn't your style of design (pun intended).

For GDPR-reasons all versions from 5.2.0 on will no longer use Google Fonts but a system font stack instead. But it's still checking for Fira Sans - so if you load this form your server, you'll still have the exact same look. Should you wish to change the font that's possible, too. Just turn off the Font Stack option and then head to the style editor and select the font you like.

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. Flavius 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 Flavius in German and English. You can add more language variables.

Version 5.2 does show ads in the header section to not logged in users (Guests) only. Version 3.1 doesn't show the logo to guests and no ads in the header section at all.

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.flaviuspink | net.elevenfour.style.flaviusblue | net.elevenfour.style.flaviusgreen | net.elevenfour.style.flaviusorange | WoltLab Suite 5.2 only: net.elevenfour.style.flaviuswhite
License: Elevenfour License 2.0
Package dependencies: com.woltlab.wcf | net.elevenfour.languagepack.styles

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.

Comments 1