我理解你的需求：想给Flet应用的页面设置全局主题/主题模式，同时给某个容器内的组件单独配置不同的主题模式甚至自定义主题，但尝试的代码里容器内的组件没有应用预期的深色模式。问题出在**Container组件本身不负责主题的隔离与传递**，你需要用Flet专门的ft.Theme组件来实现嵌套主题的效果。

先还原你的场景：

• 页面全局设置为浅色模式，主题色为蓝色，深色主题为绿色
• 希望容器内的组件使用深色模式，甚至可以切换为红色主题
• 原代码中直接在Container上设置theme_mode，但子组件没有继承这个设置

原问题代码 #

import flet as ft

def main(page: ft.Page):    
    page.controls.append(ft.ElevatedButton("Click me!"))
    page.controls.append(ft.TextField(hint_text="Enter text"))
    page.controls.append(
        ft.Container(
            content=ft.Column(
                [
                    ft.ElevatedButton("Click me!"),
                    ft.TextField(hint_text="Enter text"),
                ]
            ),            
            theme_mode=ft.ThemeMode.DARK,
            #theme=ft.Theme(color_scheme_seed=ft.colors.RED),
            padding=40,
            border_radius=10,
            border=ft.border.all(3, "red"),
        )
        
    )
    
    page.theme_mode = ft.ThemeMode.LIGHT
    page.theme=ft.Theme(color_scheme_seed=ft.colors.BLUE)
    page.dark_theme=ft.Theme(color_scheme_seed=ft.colors.GREEN)
    page.window_height = 700
    page.window_width = 500
    page.padding=0
    page.scroll="auto"
    page.window_left = 700
    page.horizontal_alignment = ft.CrossAxisAlignment.CENTER
    page.vertical_alignment = ft.MainAxisAlignment.CENTER
    page.update()
ft.app(target=main)

原问题效果 #

解决方案：使用ft.Theme组件实现嵌套主题 #

Flet的ft.Theme组件是专门用来实现主题隔离的核心组件，它会将自身的theme和theme_mode属性传递给所有子组件。你需要把需要隔离主题的子组件用ft.Theme包裹，再放入Container中。

修正后的代码

import flet as ft

def main(page: ft.Page):    
    # 页面级全局组件（使用页面的浅色蓝色主题）
    page.controls.append(ft.ElevatedButton("Click me!"))
    page.controls.append(ft.TextField(hint_text="Enter text"))
    
    # 带独立主题的容器
    page.controls.append(
        ft.Container(
            # 核心修改：用ft.Theme包裹子组件，实现主题隔离
            content=ft.Theme(
                content=ft.Column(
                    [
                        ft.ElevatedButton("Click me!"),
                        ft.TextField(hint_text="Enter text"),
                    ]
                ),            
                theme_mode=ft.ThemeMode.DARK,  # 给子组件设置深色模式
                theme=ft.Theme(color_scheme_seed=ft.colors.RED)  # 可选：设置自定义红色主题
            ),
            padding=40,
            border_radius=10,
            border=ft.border.all(3, "red"),
        )
    )
    
    # 页面全局主题配置
    page.theme_mode = ft.ThemeMode.LIGHT
    page.theme=ft.Theme(color_scheme_seed=ft.colors.BLUE)
    page.dark_theme=ft.Theme(color_scheme_seed=ft.colors.GREEN)
    
    # 页面布局配置
    page.window_height = 700
    page.window_width = 500
    page.padding=0
    page.scroll="auto"
    page.window_left = 700
    page.horizontal_alignment = ft.CrossAxisAlignment.CENTER
    page.vertical_alignment = ft.MainAxisAlignment.CENTER
    page.update()

ft.app(target=main)

关键说明 #

1. ft.Theme的核心作用：它是Flet中实现主题隔离的专属组件，所有被它包裹的子组件都会继承它的theme和theme_mode设置，和全局主题完全隔离。
2. 灵活组合配置：你可以单独设置theme_mode（仅切换深浅模式），也可以同时设置theme（自定义主题色），满足不同的需求。
3. Container的定位：它只负责容器的样式（边框、内边距、圆角等），主题相关的逻辑全部交给ft.Theme处理，职责更清晰。

修正后，容器内的按钮和输入框会自动应用深色模式+红色主题，和页面的浅色蓝色主题形成明显区别，完全符合你的需求。

备注：内容来源于stack exchange，提问作者eljamba