Skip to content

ios26-v9.4.3

Choose a tag to compare

View all tags
@rdlabo rdlabo released this 11 Nov 03:42
· 466 commits to main since this release
ios26-v9.4.3
19a8418

Simpler theme setup

This patch adds an optional shorter setup for Ionic Angular, React and Vue applications. Import the bundled stylesheet and spread the exported ios26ThemeConfig object into your existing Ionic initializer:

@import '@rdlabo/ionic-theme-ios26/styles/system.css';
import { ios26ThemeConfig } from '@rdlabo/ionic-theme-ios26';

const ionicConfig = {
  ...ios26ThemeConfig,
  // animated: false,
};

Choose one of styles/system.css, styles/class.css or styles/always.css for system, class-controlled or always-dark appearance. Each bundles the matching Ionic dark palette, theme variables, component styles, Material Design compatibility styles and theme dark styles. ios26ThemeConfig sets iOS mode and the matching page and popover animations.

Updating existing applications

Existing individual stylesheet paths and animation exports remain supported. Adoption is optional, and the stylesheet and configuration object can be adopted independently. Place application options after the spread to override defaults. Applications that choose modes by platform should select the matching configuration as a whole.

The setup guide covers the high-level integration for each framework. The configuration guide covers individual CSS imports, animation APIs and customization. The migration guide shows the optional changes as diffs.

Additional changes

  • Update shared theme utilities from 0.1.2 to 0.1.5.
  • Run the Ionic 8 demo E2E server with development settings so Angular component inspection remains available.
  • Correct package repository and issue URLs to the current GitHub owner, aligning metadata with npm trusted publishing.
  • Align CI report retention and shard browser tests.

See #370, #372 and #373.

npm install @rdlabo/ionic-theme-ios26@9.4.3

Full changelog

Assets 2
Loading