Skip to content

enhance(android): use Theme.Material3.DayNight.NoActionBar #15730

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Legend-Master merged 5 commits into from
Jul 16, 2026
Merged

enhance(android): use Theme.Material3.DayNight.NoActionBar #15730

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
bc8f921
Use `Theme.Material3.DayNight.NoActionBar` by default
Legend-Master Jul 16, 2026
11eb97b
Fix insets on Android
Legend-Master Jul 16, 2026
7917031
Add change file
Legend-Master Jul 16, 2026
070381f
Revert back to margin-top: 0.5rem
Legend-Master Jul 16, 2026
a239585
Align content start
Legend-Master Jul 16, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions .changes/android-material3.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
---
"tauri-cli": patch:enhance
"@tauri-apps/cli": patch:enhance
---

Use `Theme.Material3.DayNight.NoActionBar` instead of `Theme.MaterialComponents.DayNight.NoActionBar` when running `tauri android init`
2 changes: 1 addition & 1 deletion crates/tauri-cli/templates/mobile/android/app/src/main/res/values-night/themes.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<resources xmlns:tools="http://schemas.android.com/tools">
<!-- Base application theme. -->
<style name="Theme.{{snake-case app.name}}" parent="Theme.MaterialComponents.DayNight.NoActionBar">
<style name="Theme.{{snake-case app.name}}" parent="Theme.Material3.DayNight.NoActionBar">
<!-- Customize your theme here. -->
</style>
</resources>
2 changes: 1 addition & 1 deletion crates/tauri-cli/templates/mobile/android/app/src/main/res/values/themes.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<resources xmlns:tools="http://schemas.android.com/tools">
<!-- Base application theme. -->
<style name="Theme.{{snake-case app.name}}" parent="Theme.MaterialComponents.DayNight.NoActionBar">
<style name="Theme.{{snake-case app.name}}" parent="Theme.Material3.DayNight.NoActionBar">
<!-- Customize your theme here. -->
</style>
</resources>
6 changes: 3 additions & 3 deletions examples/api/src/App.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -239,7 +239,7 @@
<div
id="sidebarToggle"
bind:this={sidebarToggle}
class="z-2000 hidden lt-sm:flex justify-center items-center absolute top-2 left-2 w-8 h-8 rd-8
class="z-2000 hidden lt-sm:flex justify-center absolute items-center w-8 h-8 rd-8
bg-accent dark:bg-darkAccent active:bg-accentDark dark:active:bg-darkAccentDark"
>
{#if isSideBarOpen}
Expand All @@ -250,13 +250,13 @@
</div>

<div
class="flex h-screen w-screen overflow-hidden children-pt4 children-pb-2 text-primaryText dark:text-darkPrimaryText"
class="flex h-screen w-screen overflow-hidden text-primaryText dark:text-darkPrimaryText"
>
<aside
id="sidebar"
bind:this={sidebar}
class="lt-sm:h-screen lt-sm:shadow-lg lt-sm:shadow lt-sm:transition-transform lt-sm:absolute lt-sm:z-1999
bg-darkPrimaryLighter transition-colors-250 overflow-hidden grid grid-rows-[min-content_auto] select-none px-2"
bg-darkPrimaryLighter transition-colors-250 overflow-hidden grid grid-rows-[min-content_auto] content-start select-none px-2"
>
<img
class="self-center p-7 cursor-pointer"
Expand Down
25 changes: 24 additions & 1 deletion examples/api/src/app.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,9 +42,32 @@ code.code-block {
width: 18.75rem;
}

@media screen and (max-width: 640px) {
@media screen and (width < 640px) {
#sidebar {
--translate-x: -18.75rem;
transform: translateX(var(--translate-x));
}
}

#sidebar,
main {
padding-top: calc(env(safe-area-inset-top) + 1rem);
}

#sidebar {
padding-left: calc(env(safe-area-inset-left) + 0.5rem);
}

main {
padding-right: env(safe-area-inset-right);
}

#sidebarToggle {
margin-top: calc(env(safe-area-inset-top) + 0.5rem);
margin-left: calc(env(safe-area-inset-left) + 0.5rem);
}

#sidebar,
#console {
padding-bottom: calc(env(safe-area-inset-bottom) + 1.5rem);
}
Loading