Ui Suite Olivero

A site-builder friendly Olivero theme. Use Material parts (components, theming utilities and layouts) directly from Drupal backoffice (layout builder, manage display, views, blocks, flags...) in a low-code way.

This theme is built with UI Suite

UI Suite Initiative provides a cohesive set of modules to implement full design systems while preserving and improving the Drupal site building experience.

37 CSS variables with UI Skins

Customize the components and styles with custom properties. Examples: color palettes, grid settings, shapes.... Those variables can be overriden from the theme settings page: /admin/appearance/settings/ui_suite_olivero

1 component with UI Patterns

Olivero brings little to no patterns design patterns for content but instead Figma designs. The plan is to develop nice Olivero style components over time, on demand, based on the Figma designs. Another starting point could be Olivero's node-related twigs and css.

For now there's just a simple button component in this theme which is still in development.

Thanks to a large ecosystem, patterns are automatically available for site buidling as: layout, views row, field formatter, views styles...

3 theming utilities with UI Styles

Examples: Typography, Colors, Backgrounds... You can browse the styles libraries directly inside Drupal: /styles

The styles are automatically available for site building inside layout builder's blocks & layouts, as views plugins, and from ckeditor.