Introducing Olivero - The New Default Front-end Theme for Drupal 10

In a significant step forward, the latest version of Drupal, Drupal 10, has introduced a new default front-end theme called Olivero. This modern and fresh theme replaces Bartik, which had been the default theme for over a decade and was starting to show its age.

The name 'Olivero' is inspired by Rachel Olivero, a passionate accessibility advocate who worked closely with the Drupal Accessibility team and third-party specialists to create a theme that is not only visually appealing but also highly accessible. In fact, Olivero has achieved an AA level of compliance with the WCAG (Web Content Accessibility Guidelines), making it one of the most accessible themes in Drupal's history.

One of the standout features of Olivero is its native support for CSS variables and Post CSS, which enables developers to compile CSS with ease. Additionally, the theme includes RTL (right-to-left) support, making it suitable for websites that cater to a wider range of languages such as Arabic, Hebrew, Urdu, and others.

The design components in Olivero are simple yet elegant, featuring a fresh color palette based on Drupal's brand color, blue. The buttons have a strong contrast and vivid colors, making them easily distinguishable as clickable elements. Forms are also easy to identify thanks to a color bar on the left and clear field labels, checkboxes, and radio buttons.

Olivero has been designed with accessibility in mind, and its creators have worked tirelessly to ensure that it meets the highest standards of accessibility. As a result, it is an ideal choice for anyone looking to create a website that is both visually appealing and usable by everyone.

In this whitepaper, we will explore the new features of Drupal 10 and how they can benefit different users, including content editors, marketers, developers, and general users. Whether you are just starting out with Drupal or have been using it for years, there is something in Drupal 10 that is sure to interest you.

* Native support for CSS variables and Post CSS

* RTL (right-to-left) support for languages such as Arabic, Hebrew, Urdu, and others

* Simple yet elegant design components

* Fresh color palette based on Drupal's brand color, blue

* Strong contrast and vivid colors for buttons

* Easy-to-identify forms with clear field labels and checkboxes

In conclusion, Olivero is a significant step forward in the world of Drupal themes. Its focus on accessibility, modern design, and ease of use make it an ideal choice for anyone looking to create a website that is both visually appealing and usable by everyone. Whether you are a content editor, marketer, developer, or general user, there is something in Olivero that is sure to interest you.

Drupal 10 logo