The SVG format is used for both static and animated graphics. SVG is based on the XML markup language, and was developed as an open standard by the World Wide Wide Consortium. Both fonts are freely distributed under the Open Fonts License and display well on mobile devices.The SVG extension (Scalable Vector Graphics) is used primarily for vector graphics and is an open format. Lora is the primary font for text, while Metropolis is used for headings. Typography: The main font size of 18px provides a stable and rhythmic design, with all other text-related UI elements adjusted accordingly. Post CSS is used to compile CSS, offering better browser support and more options for developers. Olivero is compatible with all modern browsers supported by Drupal core and uses modern front-end web technologies, such as CSS Grid and Intersection Observer. It also displays right-to-left (RTL) languages such as Urdu, Arabic, Hebrew, etc., accurately, which is crucial for Drupal's multilingual capabilities. The new front-end theme supports Drupal's commonly used functionality, including recent additions like Layout Builder and Media. The old front-end theme no longer reflected Drupal's modern backend, so creating a theme that showcased Drupal's backend strengths was a goal of the new theme's creation. The team has continuously tested the design for accessibility, making adjustments to every detail, including color contrast ratio, typography, buttons, forms, messages, ARIA attributes, and more, all with the goal of creating top-notch accessible websites. The creators of Olivero worked closely with accessibility experts and the Drupal Accessibility team to ensure that the theme meets the Web Content Accessibility Guidelines (WCAG) at the AA level. In response to this, the new front-end theme, Olivero, has been specifically designed with accessibility in mind. ![]() The Olivero theme is also highly customizable, allowing users to modify the layout, color scheme, and typography to suit their needs.ĭesign teams are increasingly being tasked with improving website accessibility, making it a top priority in the 21st century. It also has a clean and modern design, making it easy to navigate and use. It is designed to be responsive, which means it can adapt to different screen sizes and devices. The developers of Olivero focused on key elements such as color selection, readability, content prioritization, and adherence to design accessibility principles, all with the aim of enhancing the user experience. Let's now shift our focus to the advantages of the new theme, which is designed to build upon the strengths of its predecessor Bartik while addressing its weaknesses and aligning with the needs of modern Drupal developers. Comply with the design accessibility guidelines laid out in WCAG AA.Ensure the Drupal theme's design felt modern and timeless.The development of the new default front-end theme included defining three essential requirements, which were: As a result, graphical elements, gradients, and drop shadows added to the CMS since Drupal 7 in Bartik had become outdated. Although the old Bartik theme was acknowledged, it was noted that it no longer adhered to contemporary web design trends nor supported Drupal's advancements, such as Layout Builder, embedded media, and secondary dropdown menus. The development of the Olivero theme was community-driven, with contributions from designers and developers from around the world.Īfter 11 years of using the good old Bartik theme, the front-end theme in Drupal core has received an update known as Olivero, which was unveiled during DrupalCon Amsterdam 2019. ![]() It was developed to be the new default theme in Drupal 9 but was delayed and eventually released as the default theme in Drupal 10. The Olivero theme was first introduced in Drupal 8 as an experimental theme. Our article will delve into the philosophy behind Olivero and how it enhances the appeal of Drupal.Īfter reading our post, those who have decided against migrating their websites to Drupal 10 may want to reconsider their plans. The latest version of Drupal now comes with a new default front-end theme, which was first introduced as an experiment in Drupal 9.1 and has now been made a permanent and stable feature. For those who develop user interfaces in Drupal, we have exciting news.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |