Install
Works with Drupal: ^10.3 || ^11Using Composer to manage Drupal site dependencies
Alternative installation files
Release notes
First release of Knowles, a warm, old-world blog theme for Drupal 10.3 and 11 built on Pico CSS v2. It has dark wood and light parchment color schemes, brass, hunter green and oxblood accents, and
Fraunces and Lora type. It suits personal blogs, journals and small editorial sites on any subject.
Requirements
- Drupal core
^10.3 || ^11. No contributed modules are required. - Base theme: core's Stable 9.
Features
- Color scheme: follow the visitor's device (the default), always dark, or always light. "Follow the device" is resolved in CSS with
prefers-color-scheme, so there is no cache variation and no flash of
the wrong scheme. - Custom colors: replace the accent, secondary and contrast colors from the theme settings. Shades are derived with CSS
color-mix(), so the new palette reaches every component. - Typography: Fraunces headings and Lora text from Google Fonts. You can turn web fonts off (no third-party requests) and choose a sans-serif or serif main content font.
- Logo: two styles. "Roundel" crops square marks to a circle in a brass ring; "plain" suits wide wordmarks. You can add an optional second logo, by path or upload, for the light scheme.
- Search: an optional header search button with a configurable label and path. It can open a modal dialog holding the Search modal region, and any link with the class
js-search-modal-trigger
opens the dialog too. - Footer: copyright text with
@yearand@site_nameplaceholders (basic HTML allowed, leave blank to hide), plus an optional theme credit. - Regions: header, primary menu, breadcrumb, highlighted, help, content top, content, an optional sidebar, a footer brand column, three footer link columns, footer legal, and the search modal.
- Blocks placed on install: branding, main and account menus, breadcrumbs, messages, help, page title, tabs, actions and main content. A core Search form goes into the search modal when the Search module is
enabled. - Components: buttons, cards (blotter, book and note), pull quotes and callouts, media frames, a navigation grid, and parchment or dark "surfaces" for any element. You can preview them all in the bundled
styleguide/index.html. - Sub-theming: all colors are
--kn-*CSS custom properties. - Translation: the text settings can be translated with Configuration Translation.
Optional integrations
- HTML Mail: a branded email template that uses the theme's colors.
- Search API: a view with the ID
searchgets the same styling as core Search, and autocomplete lists open inside the search modal. - Magic Login and OpenID Connect: login form styling.
Third-party assets
Pico CSS 2.1.1 (MIT) loads from jsDelivr, pinned with Subresource Integrity. Knowles uses Pico's conditional build, which is scoped to .pico, so the admin toolbar and dialogs keep their core styling. Fraunces and Lora (SIL
OFL 1.1) load from Google Fonts unless you turn web fonts off. A sub-theme can serve these assets locally with libraries-override.
Installation
composer require drupal/knowles drush theme:enable knowles drush config:set system.theme default knowles -y
Then configure it at Appearance » Settings » Knowles.