Install
Works with Drupal: ^11.4Using Composer to manage Drupal site dependencies
Alternative installation files
Download tar.gz
265.11 KB
MD5: a3ac9df45f0c92ddd4b77862a15ac536
SHA-1: 25ed77eff6748cb25d634b9127a1ff2e4e475e9c
SHA-256: aa01a9d5f2792272d6abad2dbc1144aa05253753c6f41cf69265ec9f1e1dd846
Download zip
352.11 KB
MD5: e61500fa8be6dfaaa5a28acc6b951c01
SHA-1: 4ba0e0fc48c13d8443eafb0f84faa6afa16f9a00
SHA-256: 57a3e06a6cc2cfd25ea3367874a7d10ab9880d96396e043d43ed5d01c792b1da
Release notes
Touch, right-to-left languages and robustness: every pointer target is at least 24px, checkboxes and radios are the theme's own, the theme mirrors for right-to-left languages, and the page type is cached correctly for anonymous and signed-in users. This version requires Drupal 11.4 or later. The demo site runs this version: demo.lcars-ng.org.
New features
- Pointer targets of at least 24px (WCAG 2.2, 2.5.8): checkboxes and radios are 24px, with the line of the fields; checked, they take the color of the buttons with a black mark. In high contrast modes the browser draws its own boxes again. Links that stand on their own (breadcrumb, menus of the footer and the panels, lists, table cells, status line) and buttons drawn as links get padding up to 24px and an equal negative margin, so no line moves. The eye of View Password is 24px high, the arrow of the CKEditor list buttons 24px wide. New property:
--lcars-target. - Right-to-left languages: with
dir="rtl"the frame, the menu, the panels and the dashboard cards mirror: the elbow with its inner curve and the edge on the right, the titles at the left end of their ceilings, the eye of View Password inside the field. The Klaro panel keeps its corner on the left. - Elbow rule as properties: panels, dashboard cards and the Klaro panel compute their curves from the height of their ceiling with
--lcars-elbow-corner-ratio(1.16) and--lcars-elbow-inner-ratio(0.8). A place with another ceiling sets only the ceiling.
Changes
- Requirements: Drupal 11.4 or later (was 11.3); 11.4 is the version the theme is tested on.
- Login panel: the texts of the cards, the slogan and the date of the status line take the blue of the site name. The login pages show no footer region;
/user/loginhides its title bar visually, as the login panel of the front page, and keeps the heading for screen readers. - Elbows of 18px panels: the panels of the right sidebar and the Klaro panel use the elbow of their ceiling: 21px outside, 18px end, 14px inside (were 29, 25 and 20px). The menus in the sidebar panels are 2px more open, so their 24px targets do not overlap.
- Dashboard cards on phones: the titles are 18px high with 14px capitals, as the title bar of the page; the ceiling follows the height of the title.
- Red alert: on error pages the links are red and the hover of buttons and links is a lighter red (4.97:1 and 7.24:1 on the page background); the links were blue and the hover light blue.
- Drupical: "Load more events" looks like the buttons in the content.
- Module list: the requirements take the colors of the messages.
- Box corners:
js/box-radius.jsno longer depends oncore/drupalandcore/once; pages without other JavaScript of Drupal load none for it. - README: a note on the deliberately lower contrast of
--lcars-sidebar(3.11:1) and how a sub-theme raises it.
Bug fixes
- Caching of the page type: the login panel, the two-part screen and the plain page were cached by permissions only; where anonymous and authenticated users share their permissions, the first request decided the front page for both. The page now varies by
user.roles:authenticatedandurl.path.is_front. - Status line: on sites that show profiles to anonymous visitors, the status line showed "Anonymous", and the page cache kept its time. It is shown to signed-in users only.
- Login panel: the descriptions of the fields were hidden in every form of the panel, also in the register form; only the login form hides them now. The front page for anonymous visitors had no
<h1>; it has the heading of/user/login, visually hidden as there. - Button component:
hrefbecomes a link only without a scheme or with http, https, mailto or tel; other values, such asjavascript:, give a plain label. This concerns sites that build pages with the component, for example in Canvas. - Icons: the close button of dialogs and the arrows of the token browser took their icons from core through a fixed relative path, which failed for themes under
sites/and for Drupal in a subdirectory. The theme ships copies of the three icons. - Image widget: SVG previews drawn in
currentColor, such as the default user picture of Drupal CMS, were black on the dark background; they take the link color.
Deprecations
- The components button, heading and text are deprecated and will be removed in 2.0.0. No template of the theme uses them. The panel component stays.