From f3c2d8a88aa4dc3dadec223129113ff74249ffae Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jose=CC=81=20Rio?= Date: Tue, 14 Apr 2026 16:05:07 +0100 Subject: [PATCH 1/3] feat(TabBar): Adding Ionic Theme customization. --- core/src/components/tab-bar/tab-bar.ionic.scss | 16 ++++++++++++++++ .../components/tab-bar/tab-bar.ionic.vars.scss | 13 +++++++++++++ 2 files changed, 29 insertions(+) create mode 100644 core/src/components/tab-bar/tab-bar.ionic.vars.scss diff --git a/core/src/components/tab-bar/tab-bar.ionic.scss b/core/src/components/tab-bar/tab-bar.ionic.scss index 4fbece0a2d9..70f45567125 100644 --- a/core/src/components/tab-bar/tab-bar.ionic.scss +++ b/core/src/components/tab-bar/tab-bar.ionic.scss @@ -1,4 +1,5 @@ @use "../../themes/ionic/ionic.globals.scss" as globals; +@use "./tab-bar.ionic.vars" as vars; @use "./tab-bar.common"; :host { @@ -85,6 +86,21 @@ bottom: calc(globals.$ion-space-400 + var(--ion-safe-area-bottom, 0)); } +// Tab Bar Translucent +// -------------------------------------------------- + +@supports (backdrop-filter: blur(0)) { + :host(.tab-bar-translucent) { + --background: #{vars.$tab-bar-ionic-translucent-background-color}; + + backdrop-filter: var(--backdrop-filter, #{vars.$tab-bar-ionic-translucent-filter}); + } + + :host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused) { + --background: transparent; + } +} + // Tab Bar Shapes // -------------------------------------------------- diff --git a/core/src/components/tab-bar/tab-bar.ionic.vars.scss b/core/src/components/tab-bar/tab-bar.ionic.vars.scss new file mode 100644 index 00000000000..e8a5a1be671 --- /dev/null +++ b/core/src/components/tab-bar/tab-bar.ionic.vars.scss @@ -0,0 +1,13 @@ +// Tab Bar Ionic +// -------------------------------------------------- +/// @prop - Alpha of translucent tab bar background color +$tab-bar-ionic-translucent-background-color-alpha: 0.6; + +/// @prop - Translucent tab bar background color +$tab-bar-ionic-translucent-background-color: var( + --translucent-background, + rgba(255, 255, 255, $tab-bar-ionic-translucent-background-color-alpha) +); + +/// @prop - Filter of the translucent tab bar background color +$tab-bar-ionic-translucent-filter: blur(12px); From 323ffe2484f44c62636a1742624dc1426ae5979a Mon Sep 17 00:00:00 2001 From: ionitron Date: Tue, 14 Apr 2026 16:30:40 +0000 Subject: [PATCH 2/3] chore(): add updated snapshots --- ...onic-md-rtl-light-Mobile-Firefox-linux.png | Bin 8096 -> 8183 bytes 1 file changed, 0 insertions(+), 0 deletions(-) diff --git a/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-rtl-light-Mobile-Firefox-linux.png b/core/src/components/tab-bar/test/basic/tab-bar.e2e.ts-snapshots/tab-bar-default-ionic-md-rtl-light-Mobile-Firefox-linux.png index dd68e3fc46e73a378822d2ce75a56b27cd0c2e56..25508f2990f0034b522888763563e99177161cad 100644 GIT binary patch literal 8183 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 Date: Wed, 15 Apr 2026 11:20:29 +0100 Subject: [PATCH 3/3] fix(tab-bar): removed ionic theme variables. --- core/src/components/tab-bar/tab-bar.ionic.scss | 5 ++--- core/src/components/tab-bar/tab-bar.ionic.vars.scss | 13 ------------- 2 files changed, 2 insertions(+), 16 deletions(-) delete mode 100644 core/src/components/tab-bar/tab-bar.ionic.vars.scss diff --git a/core/src/components/tab-bar/tab-bar.ionic.scss b/core/src/components/tab-bar/tab-bar.ionic.scss index 70f45567125..1253e49c334 100644 --- a/core/src/components/tab-bar/tab-bar.ionic.scss +++ b/core/src/components/tab-bar/tab-bar.ionic.scss @@ -1,5 +1,4 @@ @use "../../themes/ionic/ionic.globals.scss" as globals; -@use "./tab-bar.ionic.vars" as vars; @use "./tab-bar.common"; :host { @@ -91,9 +90,9 @@ @supports (backdrop-filter: blur(0)) { :host(.tab-bar-translucent) { - --background: #{vars.$tab-bar-ionic-translucent-background-color}; + --background: rgba(255, 255, 255, 0.6); - backdrop-filter: var(--backdrop-filter, #{vars.$tab-bar-ionic-translucent-filter}); + backdrop-filter: var(--tab-bar-backdrop-filter, blur(12px)); } :host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused) { diff --git a/core/src/components/tab-bar/tab-bar.ionic.vars.scss b/core/src/components/tab-bar/tab-bar.ionic.vars.scss deleted file mode 100644 index e8a5a1be671..00000000000 --- a/core/src/components/tab-bar/tab-bar.ionic.vars.scss +++ /dev/null @@ -1,13 +0,0 @@ -// Tab Bar Ionic -// -------------------------------------------------- -/// @prop - Alpha of translucent tab bar background color -$tab-bar-ionic-translucent-background-color-alpha: 0.6; - -/// @prop - Translucent tab bar background color -$tab-bar-ionic-translucent-background-color: var( - --translucent-background, - rgba(255, 255, 255, $tab-bar-ionic-translucent-background-color-alpha) -); - -/// @prop - Filter of the translucent tab bar background color -$tab-bar-ionic-translucent-filter: blur(12px);