Ionic Theme iOS26v9.4.3
@rdlabo/ionic-theme-ios26
IonicアプリにiOS 26デザインを取り入れる
IonicコンポーネントへiOS 26のCSS、トランジション、Liquid Glassインタラクションを適用し、ダークモードと段階的な移行にも対応します。
ブラウザーデモではテーマの見た目とWeb側の操作を確認できます。ネイティブコントロールとAndroid端末の配色は、対応端末のネイティブアプリで確認してください。
テーマの機能
iOS 26のCSSとデザイン
Ionicコンポーネントを最新のiOS 26デザイン言語に合わせて再スタイルします。
トランジションとLiquid Glass
iOS向けのナビゲーションアニメーションとLiquid Glassのインタラクション効果を利用します。
ダークモードと段階的移行
必要に応じてダークモードスタイルを導入し、コンポーネント単位で移行できます。