image-compressor.github.io/update-android-theme.js at master · image-compressor/image-compressor.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
#!/usr/bin/env node
import fs from "fs";
import path from "path";
import { fileURLToPath } from "url";

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

// Update Android theme to follow system theme
const androidResDir = path.join(
  __dirname,
  "src-tauri",
  "gen",
  "android",
  "app",
  "src",
  "main",
  "res"
);
const androidSrcDir = path.join(
  __dirname,
  "src-tauri",
  "gen",
  "android",
  "app",
  "src",
  "main",
  "java",
  "com",
  "abueammar",
  "imagecompressor"
);

// Check if the Android project exists
if (!fs.existsSync(androidResDir)) {
  console.log('Android project not found. Run "tauri android init" first.');
  process.exit(1);
}

// Update day theme
const dayThemeFile = path.join(androidResDir, "values", "themes.xml");
const dayThemeContent = `<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="Theme.app" parent="Theme.MaterialComponents.DayNight.NoActionBar">
        <!-- Customize your theme here. -->

        <!-- Status bar color (use default system window background) -->
        <item name="android:statusBarColor">?android:attr/colorBackground</item>

        <!-- Navigation bar color (use default system window background) -->
        <item name="android:navigationBarColor">?android:attr/colorBackground</item>

        <!-- Make status bar icons dark for light theme -->
        <item name="android:windowLightStatusBar" tools:targetApi="M">true</item>

        <!-- Make navigation bar icons dark for light theme -->
        <item name="android:windowLightNavigationBar" tools:targetApi="O">true</item>

        <!-- Window background (use system default) -->
        <item name="android:windowBackground">?android:attr/colorBackground</item>
    </style>
</resources>
`;

// Update night theme
const nightThemeFile = path.join(androidResDir, "values-night", "themes.xml");
const nightThemeContent = `<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="Theme.app" parent="Theme.MaterialComponents.DayNight.NoActionBar">
        <!-- Customize your theme here. -->

        <!-- Status bar color (use default system window background) -->
        <item name="android:statusBarColor">?android:attr/colorBackground</item>

        <!-- Navigation bar color (use default system window background) -->
        <item name="android:navigationBarColor">?android:attr/colorBackground</item>

        <!-- Make status bar icons light for dark theme -->
        <item name="android:windowLightStatusBar" tools:targetApi="M">false</item>

        <!-- Make navigation bar icons light for dark theme -->
        <item name="android:windowLightNavigationBar" tools:targetApi="O">false</item>

        <!-- Window background (use system default) -->
        <item name="android:windowBackground">?android:attr/colorBackground</item>
    </style>
</resources>
`;

// Update MainActivity to handle edge-to-edge properly
const mainActivityFile = path.join(androidSrcDir, "MainActivity.kt");
const mainActivityContent = `package com.abueammar.imagecompressor

import android.os.Bundle
import androidx.core.view.WindowCompat

class MainActivity : TauriActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        // Enable proper system bar handling
        WindowCompat.setDecorFitsSystemWindows(window, true)

        // Ensure the app responds to system theme changes
        window.statusBarColor = resources.getColor(android.R.color.transparent, theme)
        window.navigationBarColor = resources.getColor(android.R.color.transparent, theme)
    }
}
`;

// Write the theme files
fs.writeFileSync(dayThemeFile, dayThemeContent);
fs.writeFileSync(nightThemeFile, nightThemeContent);

// Write the MainActivity
fs.writeFileSync(mainActivityFile, mainActivityContent);

console.log("✅ Android theme updated successfully!");
console.log("📱 Status bar and navigation bar will now follow system theme");
console.log("🌙 Both light and dark themes are configured");
console.log("🔄 Edge-to-edge display enabled");
console.log("📄 MainActivity updated with proper window handling");