Install

Works with Drupal: ^10.3 || ^11

Using Composer to manage Drupal site dependencies

Alternative installation files

Download tar.gz 66.74 KB
MD5: 689b1e7b85256f419b0e15b6818a37ca
SHA-1: c586f6e0ef30b7247c0e3025428d95bf2dbb9566
SHA-256: 2d07da2ff02b78d6fcda4f213c2a841fdac5e9761a27af76f06a63bc90352b5e
Download zip 90.55 KB
MD5: fec62f7c93498a43331554a522f2f74d
SHA-1: a5cd4b6c263a55479e52a63f63c7db8bb05a7019
SHA-256: a6d0e453eee8f05430ad6a1c48d8b604e1a2a6146eb2c7639714bed9c547d28a

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 @year and @site_name placeholders (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 search gets 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.

Created by: jamestarleton
Created on: 10 Oct 2026 at 23:53 UTC
Last updated: 10 Oct 2026 at 23:53 UTC
New features

Other releases