demo docking: add setup_my_theme

bindings/imgui_bundle/demos_cpp/demos_immapp/demo_docking.cpp

@@ -788,6 +788,29 @@ std::vector<HelloImGui::DockingParams> CreateAlternativeLayouts(AppState& appSta
 }
 
 
+//////////////////////////////////////////////////////////////////////////
+// Define the app initial theme
+//////////////////////////////////////////////////////////////////////////
+void SetupMyTheme()
+{
+    // Example of theme customization at App startup
+    // This function is called in the callback `SetupImGuiStyle` in order to apply a custom theme:
+    //     runnerParams.callbacks.SetupImGuiStyle = SetupMyTheme;
+
+    // Apply default style
+    HelloImGui::ImGuiDefaultSettings::SetupDefaultImGuiStyle();
+    // Create a tweaked theme
+    ImGuiTheme::ImGuiTweakedTheme tweakedTheme;
+    tweakedTheme.Theme = ImGuiTheme::ImGuiTheme_MaterialFlat;
+    tweakedTheme.Tweaks.Rounding = 10.0f;
+    // Apply the tweaked theme
+    ImGuiTheme::ApplyTweakedTheme(tweakedTheme); // Note: you can also push/pop the theme in order to apply it only to a specific part of the Gui: ImGuiTheme::PushTweakedTheme(tweakedTheme) / ImGuiTheme::PopTweakedTheme()
+    // Then apply further modifications to ImGui style
+    ImGui::GetStyle().ItemSpacing = ImVec2(6, 4);  // Reduce spacing between items ((8, 4) by default)
+    ImGui::GetStyle().Colors[ImGuiCol_Text] = ImVec4(0.8, 0.8, 0.85, 1.0);  // Change text color
+}
+
+
 //////////////////////////////////////////////////////////////////////////
 //    main(): here, we simply fill RunnerParams, then run the application
 //////////////////////////////////////////////////////////////////////////
@@ -868,18 +891,8 @@ int main(int, char**)
     runnerParams.callbacks.PostInit = [&appState]   { LoadMyAppSettings(appState);};
     runnerParams.callbacks.BeforeExit = [&appState] { SaveMyAppSettings(appState);};
 
-    //
     // Change style
-    //
-    // 1. Change theme
-    auto& tweakedTheme = runnerParams.imGuiWindowParams.tweakedTheme;
-    tweakedTheme.Theme = ImGuiTheme::ImGuiTheme_MaterialFlat;
-    tweakedTheme.Tweaks.Rounding = 10.f;
-    // 2. Customize ImGui style at startup
-    runnerParams.callbacks.SetupImGuiStyle = []() {
-        // Reduce spacing between items ((8, 4) by default)
-        ImGui::GetStyle().ItemSpacing = ImVec2(6.f, 4.f);
-    };
+    runnerParams.callbacks.SetupImGuiStyle = SetupMyTheme;
 
     //#############################################################################################
     // Part 2: Define the application layout and windows

bindings/imgui_bundle/demos_python/demos_immapp/demo_docking.py

@@ -779,6 +779,27 @@ def create_alternative_layouts(app_state: AppState) -> List[hello_imgui.DockingP
     return [alternative_layout, tabs_layout]
 
 
+##########################################################################
+#    Define the app initial theme
+##########################################################################
+def setup_my_theme():
+    """Example of theme customization at App startup
+    This function is called in the callback `setup_imgui_style` in order to apply a custom theme:
+        runner_params.callbacks.setup_imgui_style = setup_my_theme()
+    """
+    # Apply default style
+    hello_imgui.imgui_default_settings.setup_default_imgui_style()
+    # Create a tweaked theme
+    tweaked_theme = hello_imgui.ImGuiTweakedTheme()
+    tweaked_theme.theme = hello_imgui.ImGuiTheme_.material_flat
+    tweaked_theme.tweaks.rounding = 10.0
+    # Apply the tweaked theme
+    hello_imgui.apply_tweaked_theme(tweaked_theme)  # Note: you can also push/pop the theme in order to apply it only to a specific part of the Gui:  hello_imgui.push_tweaked_theme(tweaked_theme) / hello_imgui.pop_tweaked_theme()
+    # Then apply further modifications to ImGui style
+    imgui.get_style().item_spacing = (6, 4)  # Reduce spacing between items ((8, 4) by default)
+    imgui.get_style().set_color_(imgui.Col_.text, ImVec4(0.8, 0.8, 0.85, 1.0))  # Change text color
+
+
 ##########################################################################
 #    main(): here, we simply fill RunnerParams, then run the application
 ##########################################################################
@@ -861,18 +882,8 @@ def main():
     runner_params.callbacks.post_init = lambda: load_my_app_settings(app_state)
     runner_params.callbacks.before_exit = lambda: save_my_app_settings(app_state)
 
-    #
     # Change style
-    #
-    # 1. Change theme
-    tweaked_theme = runner_params.imgui_window_params.tweaked_theme
-    tweaked_theme.theme = hello_imgui.ImGuiTheme_.material_flat
-    tweaked_theme.tweaks.rounding = 10.0
-    # 2. Customize ImGui style at startup
-    def setup_imgui_style():
-        # Reduce spacing between items ((8, 4) by default)
-        imgui.get_style().item_spacing = (6, 4)
-    runner_params.callbacks.setup_imgui_style = setup_imgui_style
+    runner_params.callbacks.setup_imgui_style = setup_my_theme
 
     #
     # Part 2: Define the application layout and windows