theme_manager.h

Go to the documentation of this file.

#ifndef YAZE_APP_GUI_THEME_MANAGER_H
#define YAZE_APP_GUI_THEME_MANAGER_H
 
#include <map>
#include <string>
#include <vector>
 
#include "absl/status/status.h"
#include "absl/status/statusor.h"
#include "app/gui/core/color.h"
#include "imgui/imgui.h"
 
namespace yaze {
namespace gui {
 
enum class DensityPreset {
  kCompact,     // 0.75x - Dense UI, more content visible
  kNormal,      // 1.0x - Default balanced spacing
  kComfortable  // 1.25x - Spacious, easier to click
};
 
struct Theme {
  std::string name;
  std::string description;
  std::string author;
 
  // Primary colors
  Color primary;
  Color secondary;
  Color accent;
  Color background;
  Color surface;
  Color error;
  Color warning;
  Color success;
  Color info;
 
  // Text colors
  Color text_primary;
  Color text_secondary;
  Color text_disabled;
 
  // Window colors
  Color window_bg;
  Color child_bg;
  Color popup_bg;
  Color modal_bg;
 
  // Interactive elements
  Color button;
  Color button_hovered;
  Color button_active;
  Color frame_bg;
  Color frame_bg_hovered;
  Color frame_bg_active;
 
  // Navigation and selection
  Color header;
  Color header_hovered;
  Color header_active;
  Color tab;
  Color tab_hovered;
  Color tab_active;
  Color menu_bar_bg;
  Color title_bg;
  Color title_bg_active;
  Color title_bg_collapsed;
 
  // Borders and separators
  Color border;
  Color border_shadow;
  Color separator;
  Color separator_hovered;
  Color separator_active;
 
  // Scrollbars and controls
  Color scrollbar_bg;
  Color scrollbar_grab;
  Color scrollbar_grab_hovered;
  Color scrollbar_grab_active;
 
  // Special elements
  Color resize_grip;
  Color resize_grip_hovered;
  Color resize_grip_active;
  Color docking_preview;
  Color docking_empty_bg;
 
  // Complete ImGui color support
  Color check_mark;
  Color slider_grab;
  Color slider_grab_active;
  Color input_text_cursor;
  Color nav_cursor;
  Color nav_windowing_highlight;
  Color nav_windowing_dim_bg;
  Color modal_window_dim_bg;
  Color text_selected_bg;
  Color drag_drop_target;
  Color table_header_bg;
  Color table_border_strong;
  Color table_border_light;
  Color table_row_bg;
  Color table_row_bg_alt;
  Color text_link;
  Color plot_lines;
  Color plot_lines_hovered;
  Color plot_histogram;
  Color plot_histogram_hovered;
  Color tree_lines;
 
  // Additional ImGui colors for complete coverage
  Color tab_unfocused;
  Color tab_unfocused_active;
  Color tab_dimmed;
  Color tab_dimmed_selected;
  Color tab_dimmed_selected_overline;
  Color tab_selected_overline;
 
  // Enhanced theme system - semantic colors
  Color text_highlight;   // For selected text, highlighted items
  Color link_hover;       // For hover state of links
  Color code_background;  // For code blocks, monospace text backgrounds
  Color success_light;    // Lighter variant of success color
  Color warning_light;    // Lighter variant of warning color
  Color error_light;      // Lighter variant of error color
  Color info_light;       // Lighter variant of info color
 
  // UI state colors
  Color active_selection;  // For active/selected UI elements
  Color hover_highlight;   // General hover state
  Color focus_border;      // For focused input elements
  Color disabled_overlay;  // Semi-transparent overlay for disabled elements
 
  // Editor-specific colors
  Color editor_background;  // Main editor canvas background
  Color editor_grid;        // Grid lines in editors
  Color editor_cursor;      // Cursor/selection in editors
  Color editor_selection;   // Selected area in editors
 
  // Unified selection and interaction colors (replacing hardcoded values)
  Color selection_primary;      // Primary selection (typically gold/yellow)
  Color selection_secondary;    // Secondary selection (typically cyan/blue)
  Color selection_hover;        // Hover highlight color
  Color selection_pulsing;      // Pulsing animation color
  Color selection_handle;       // Corner handles for resizing/moving
  Color drag_preview;           // Ghost preview when dragging
  Color drag_preview_outline;   // Outline for drag preview
 
  // Common entity colors
  Color entrance_color;
  Color hole_color;
  Color exit_color;
  Color item_color;
  Color sprite_color;
  Color transport_color;
  Color music_zone_color;
 
  // Nested struct for dungeon editor colors
  struct DungeonColors {
    Color selection_primary;       // Yellow selection
    Color selection_secondary;     // Cyan selection
    Color selection_pulsing;       // Animated pulse
    Color selection_handle;        // Corner handles
    Color drag_preview;            // Semi-transparent drag
    Color drag_preview_outline;    // Drag preview outline
    Color object_wall;
    Color object_floor;
    Color object_chest;            // Gold
    Color object_door;
    Color object_pot;
    Color object_stairs;
    Color object_decoration;
    Color object_default;
    Color grid_cell_highlight;
    Color grid_cell_selected;
    Color grid_cell_border;
    Color grid_text;
    Color room_border;
    Color room_border_dark;
    Color sprite_layer0;           // Green
    Color sprite_layer1;           // Blue
    Color sprite_layer2;
    Color outline_layer0;          // Red
    Color outline_layer1;          // Green
    Color outline_layer2;          // Blue
  } dungeon;
 
  // Nested struct for chat/agent colors
  struct AgentTheme {
    Color user_message;
    Color agent_message;
    Color system_message;
    Color text_secondary;
 
    Color json_text;
    Color command_text;
    Color code_background;
 
    Color panel_bg;
    Color panel_bg_darker;
    Color panel_border;
    Color accent;
 
    Color status_active;
    Color status_inactive;
    Color status_success;
    Color status_warning;
    Color status_error;
 
    Color provider_ollama;
    Color provider_gemini;
    Color provider_mock;
    Color provider_openai;
 
    Color collaboration_active;
    Color collaboration_inactive;
 
    Color proposal_panel_bg;
    Color proposal_accent;
 
    Color button_copy;
    Color button_copy_hover;
 
    Color gradient_top;
    Color gradient_bottom;
  } agent;
 
  // Style parameters
  float window_rounding = 0.0f;
  float frame_rounding = 5.0f;
  float scrollbar_rounding = 5.0f;
  float grab_rounding = 3.0f;
  float tab_rounding = 0.0f;
  float window_border_size = 0.0f;
  float frame_border_size = 0.0f;
 
  // Animation and effects
  bool enable_animations = true;
  float animation_speed = 1.0f;
  bool enable_glow_effects = false;
 
  // Theme-aware sizing system (relative to font size)
  // compact_factor: 0.8 = very compact, 1.0 = normal, 1.2 = spacious
  float compact_factor = 1.0f;
  DensityPreset density_preset = DensityPreset::kNormal;
 
  // Semantic sizing multipliers (applied on top of compact_factor)
  float widget_height_multiplier = 1.0f;     // Standard widget height
  float spacing_multiplier = 1.0f;           // Padding/margins between elements
  float toolbar_height_multiplier = 0.8f;    // Compact toolbars
  float panel_padding_multiplier = 1.0f;     // Panel interior padding
  float input_width_multiplier = 1.0f;       // Standard input field width
  float button_padding_multiplier = 1.0f;    // Button interior padding
  float table_row_height_multiplier = 1.0f;  // Table row height
  float canvas_toolbar_multiplier = 0.75f;   // Canvas overlay toolbars
 
  // Helper methods
  void ApplyToImGui() const;
  void ApplyDensityPreset(DensityPreset preset);
};
 
class ThemeManager {
 public:
  static ThemeManager& Get();
 
  // Theme management
  absl::Status LoadTheme(const std::string& theme_name);
  absl::Status SaveTheme(const Theme& theme,
                         const std::string& filename);
  absl::Status LoadThemeFromFile(const std::string& filepath);
  absl::Status SaveThemeToFile(const Theme& theme,
                               const std::string& filepath) const;
 
  // Dynamic theme discovery - replaces hardcoded theme lists with automatic
  // discovery This works across development builds, macOS app bundles, and
  // other deployment scenarios
  std::vector<std::string> DiscoverAvailableThemeFiles() const;
  absl::Status LoadAllAvailableThemes();
  absl::Status RefreshAvailableThemes();  // Public method to refresh at runtime
 
  // Built-in themes
  void InitializeBuiltInThemes();
  std::vector<std::string> GetAvailableThemes() const;
  const Theme* GetTheme(const std::string& name) const;
  const Theme& GetCurrentTheme() const { return current_theme_; }
  const std::string& GetCurrentThemeName() const { return current_theme_name_; }
 
  // Theme application
  void ApplyTheme(const std::string& theme_name);
  void ApplyTheme(const Theme& theme);
  void ApplyClassicYazeTheme();  // Apply original ColorsYaze() function
 
  // Theme preview (for hover preview in selector)
  void StartPreview(const std::string& theme_name);
  void EndPreview();
  bool IsPreviewActive() const;
 
  // Smooth theme transitions
  void UpdateTransition();
  bool IsTransitioning() const { return transitioning_; }
 
  // Theme creation and editing
  Theme CreateCustomTheme(const std::string& name);
  void ShowThemeEditor(bool* p_open);
  void ShowThemeSelector(bool* p_open);
  void ShowSimpleThemeEditor(bool* p_open);
 
  // Accent color derivation - generate harmonious theme from single color
  Theme GenerateThemeFromAccent(const Color& accent, bool dark_mode = true);
  void ApplyAccentColor(const Color& accent, bool dark_mode = true);
 
  // Integration with welcome screen
  Color GetWelcomeScreenBackground() const;
  Color GetWelcomeScreenBorder() const;
  Color GetWelcomeScreenAccent() const;
 
  // Export current theme as JSON string for Web/WASM sync
  std::string ExportCurrentThemeJson() const;
 
  // Convenient theme color access interface
  Color GetThemeColor(const std::string& color_name) const;
  ImVec4 GetThemeColorVec4(const std::string& color_name) const;
 
  // Material Design color accessors
  Color GetPrimary() const { return current_theme_.primary; }
  Color GetPrimaryHover() const { return current_theme_.button_hovered; }
  Color GetPrimaryActive() const { return current_theme_.button_active; }
  Color GetSecondary() const { return current_theme_.secondary; }
  Color GetSurface() const { return current_theme_.surface; }
  Color GetSurfaceVariant() const { return current_theme_.child_bg; }
  Color GetSurfaceContainer() const { return current_theme_.popup_bg; }
  Color GetSurfaceContainerHigh() const { return current_theme_.header; }
  Color GetSurfaceContainerHighest() const {
    return current_theme_.header_hovered;
  }
  Color GetOnSurface() const { return current_theme_.text_primary; }
  Color GetOnSurfaceVariant() const { return current_theme_.text_secondary; }
  Color GetOnPrimary() const { return current_theme_.text_primary; }
  Color GetOutline() const { return current_theme_.border; }
  Color GetTextSecondary() const { return current_theme_.text_secondary; }
  Color GetTextDisabled() const { return current_theme_.text_disabled; }
  Color GetShadow() const { return current_theme_.border_shadow; }
 
 private:
  ThemeManager() { InitializeBuiltInThemes(); }
 
  std::map<std::string, Theme> themes_;
  Theme current_theme_;
  std::string current_theme_name_ = "Classic YAZE";
 
  // Preview state for hover preview in theme selector
  bool preview_active_ = false;
  Theme preview_original_theme_;
  std::string preview_original_name_;
 
  // Smooth transition state (lerps ImGui colors per-frame)
  bool transitioning_ = false;
  float transition_progress_ = 0.0f;
  ImVec4 transition_from_[ImGuiCol_COUNT] = {};
  ImVec4 transition_to_[ImGuiCol_COUNT] = {};
 
  void CreateFallbackYazeClassic();
  absl::Status ParseThemeFile(const std::string& content, Theme& theme);
  void ApplySmartDefaults(Theme& theme);  // Fill missing properties from primary colors
  Color ParseColorFromString(const std::string& color_str) const;
  std::string SerializeTheme(const Theme& theme) const;
 
  // Helper methods for path resolution
  std::vector<std::string> GetThemeSearchPaths() const;
  std::string GetThemesDirectory() const;
  std::string GetUserThemesDirectory() const;  // Returns ~/.yaze/themes/
  std::string GetCurrentThemeFilePath() const;
};
 
// Global convenience functions for easy theme color access
// Material Design color accessors - global convenience functions
inline Color GetThemeColor(const std::string& color_name) {
  return ThemeManager::Get().GetThemeColor(color_name);
}
 
inline ImVec4 GetThemeColorVec4(const std::string& color_name) {
  return ThemeManager::Get().GetThemeColorVec4(color_name);
}
 
// Material Design color accessors
inline Color GetPrimary() {
  return ThemeManager::Get().GetPrimary();
}
inline Color GetPrimaryHover() {
  return ThemeManager::Get().GetPrimaryHover();
}
inline Color GetPrimaryActive() {
  return ThemeManager::Get().GetPrimaryActive();
}
inline Color GetSecondary() {
  return ThemeManager::Get().GetSecondary();
}
inline Color GetSurface() {
  return ThemeManager::Get().GetSurface();
}
inline Color GetSurfaceVariant() {
  return ThemeManager::Get().GetSurfaceVariant();
}
inline Color GetSurfaceContainer() {
  return ThemeManager::Get().GetSurfaceContainer();
}
inline Color GetSurfaceContainerHigh() {
  return ThemeManager::Get().GetSurfaceContainerHigh();
}
inline Color GetSurfaceContainerHighest() {
  return ThemeManager::Get().GetSurfaceContainerHighest();
}
inline Color GetOnSurface() {
  return ThemeManager::Get().GetOnSurface();
}
inline Color GetOnSurfaceVariant() {
  return ThemeManager::Get().GetOnSurfaceVariant();
}
inline Color GetOnPrimary() {
  return ThemeManager::Get().GetOnPrimary();
}
inline Color GetOutline() {
  return ThemeManager::Get().GetOutline();
}
inline Color GetTextSecondary() {
  return ThemeManager::Get().GetTextSecondary();
}
inline Color GetTextDisabled() {
  return ThemeManager::Get().GetTextDisabled();
}
inline Color GetShadow() {
  return ThemeManager::Get().GetShadow();
}
 
// ImVec4 versions for direct ImGui usage
inline ImVec4 GetPrimaryVec4() {
  return ConvertColorToImVec4(GetPrimary());
}
inline ImVec4 GetPrimaryHoverVec4() {
  return ConvertColorToImVec4(GetPrimaryHover());
}
inline ImVec4 GetPrimaryActiveVec4() {
  return ConvertColorToImVec4(GetPrimaryActive());
}
inline ImVec4 GetSurfaceVec4() {
  return ConvertColorToImVec4(GetSurface());
}
inline ImVec4 GetSurfaceVariantVec4() {
  return ConvertColorToImVec4(GetSurfaceVariant());
}
inline ImVec4 GetSurfaceContainerVec4() {
  return ConvertColorToImVec4(GetSurfaceContainer());
}
inline ImVec4 GetSurfaceContainerHighVec4() {
  return ConvertColorToImVec4(GetSurfaceContainerHigh());
}
inline ImVec4 GetSurfaceContainerHighestVec4() {
  return ConvertColorToImVec4(GetSurfaceContainerHighest());
}
inline ImVec4 GetOnSurfaceVec4() {
  return ConvertColorToImVec4(GetOnSurface());
}
inline ImVec4 GetOnSurfaceVariantVec4() {
  return ConvertColorToImVec4(GetOnSurfaceVariant());
}
inline ImVec4 GetOnPrimaryVec4() {
  return ConvertColorToImVec4(GetOnPrimary());
}
inline ImVec4 GetOutlineVec4() {
  return ConvertColorToImVec4(GetOutline());
}
inline ImVec4 GetTextSecondaryVec4() {
  return ConvertColorToImVec4(GetTextSecondary());
}
inline ImVec4 GetTextDisabledVec4() {
  return ConvertColorToImVec4(GetTextDisabled());
}
inline ImVec4 GetShadowVec4() {
  return ConvertColorToImVec4(GetShadow());
}
}  // namespace gui
 
}  // namespace yaze
 
#endif  // YAZE_APP_GUI_THEME_MANAGER_H