Webtheme

Webtheme is the theme of the Webship.co portal. It is generated from UI Suite UIkit, so it uses the same UIkit components and is ready for Display Builder, with the Webship colors and design.

Like UI Suite UIkit, it follows the UI Suite initiative: Single Directory Components, UI Patterns, UI Skins, UI Styles and UI Icons.

Features

• UIkit components as Single Directory Components, ready for Display Builder page layouts, entity displays and views.
• Design tokens as UI Skins variables with light and dark values, and a color mode setting: light, dark, or follow the operating system.
• Its own names for every token, color mode and icon pack, so it never clashes with UIkit Admin or UI Suite UIkit on the same site.
• HTMX navigation that loads the page without a full reload.
• WCAG 2.2 Level AAA in light and dark mode, checked by webship-js tests.
• The Webship.co colors and design.

Coming in 12.0.4

• Fonts hosted in the theme instead of Google Fonts.
• Sign-in screens with a choice of layouts, header and footer.
• Page, Header and Footer components, and a Display Builder profile.
• A theme settings page grouped in sections, with visual pickers.

Used by

• The Webship Portal site template.
• Pairs with UIkit Admin for the back office.

Webtheme design system in Figma