Theming¶

from pathlib import Path
from fxgui import fxconstants

# The default style.yaml location
default_file = fxconstants.STYLES_FILE
print(f"Default file: {default_file}")

# Copy it to your preferred location
import shutil
custom_file = Path.home() / ".fxgui" / "my_theme.yaml"
custom_file.parent.mkdir(parents=True, exist_ok=True)
shutil.copy(default_file, custom_file)

from fxgui import fxstyle, fxwidgets

# Set your custom color file BEFORE creating any widgets
fxstyle.set_color_file("/path/to/my_theme.yaml")

# Check available themes (includes your custom ones)
print(fxstyle.get_available_themes())  # ['dark', 'light', 'monokai']

# Create your application
app = fxwidgets.FXApplication()
window = fxwidgets.FXMainWindow(title="Custom Theme Demo")
window.show()

# Apply your custom theme
fxstyle.apply_theme(window, "monokai")

app.exec_()

from fxgui import fxstyle

# Toggle between themes
current = fxstyle.get_theme()
if current == "dark":
    fxstyle.apply_theme(window, "monokai")
else:
    fxstyle.apply_theme(window, "dark")

from qtpy.QtWidgets import QWidget, QLabel, QVBoxLayout
from fxgui import fxstyle


class MyCustomWidget(fxstyle.FXThemeAware, QWidget):
    """A simple theme-aware widget."""

    def __init__(self, parent=None):
        super().__init__(parent)

        layout = QVBoxLayout(self)
        self.label = QLabel("Hello, World!")
        layout.addWidget(self.label)

    def _apply_theme_styles(self):
        """Called automatically when theme changes."""
        colors = fxstyle.get_theme_colors()

        self.setStyleSheet(f"""
            QWidget {{
                background-color: {colors['surface']};
                border: 1px solid {colors['border']};
                border-radius: 4px;
            }}
            QLabel {{
                color: {colors['text']};
            }}
        """)

def _apply_theme_styles(self):
    colors = fxstyle.get_theme_colors()
    accents = fxstyle.get_accent_colors()

    self.button.setStyleSheet(f"""
        QPushButton {{
            background-color: {accents['primary']};
            color: white;
            border: none;
            padding: 8px 16px;
            border-radius: 4px;
        }}
        QPushButton:hover {{
            background-color: {accents['secondary']};
        }}
    """)

from qtpy.QtWidgets import QWidget
from qtpy.QtGui import QPainter, QColor
from fxgui import fxstyle


class MyPaintedWidget(fxstyle.FXThemeAware, QWidget):
    """A custom-painted theme-aware widget."""

    def paintEvent(self, event):
        painter = QPainter(self)

        # Fetch colors dynamically each paint
        colors = fxstyle.get_theme_colors()
        accents = fxstyle.get_accent_colors()

        # Use the colors
        painter.fillRect(self.rect(), QColor(colors['surface']))
        painter.setPen(QColor(accents['primary']))
        painter.drawRect(self.rect().adjusted(0, 0, -1, -1))

colors = fxstyle.get_theme_colors()

# Surface colors
colors['surface']        # Main window/dialog background
colors['surface_alt']    # Alternate/secondary panels
colors['surface_sunken'] # Input fields, code blocks
colors['tooltip']        # Tooltip background

# Border colors
colors['border']         # Primary borders
colors['border_light']   # Subtle separators, dividers
colors['border_strong']  # Emphasized borders, focus rings

# Text colors
colors['text']           # Primary text
colors['text_muted']     # Secondary/hint text
colors['text_disabled']  # Disabled elements

# Interactive states
colors['state_hover']    # Hover state background
colors['state_pressed']  # Pressed/checked background

# Component-specific
colors['scrollbar_track']       # Scrollbar track
colors['scrollbar_thumb']       # Scrollbar handle
colors['scrollbar_thumb_hover'] # Scrollbar handle on hover
colors['slider_thumb']          # Slider handle
colors['slider_thumb_hover']    # Slider handle on hover
colors['grid']                  # Table/tree gridlines
colors['separator']             # Menu/toolbar separators
colors['icon']                  # Icon tint color

accents = fxstyle.get_accent_colors()
accents['primary']       # Primary accent (buttons, links)
accents['secondary']     # Secondary accent (hover states)

from qtpy.QtWidgets import QWidget, QLabel, QPushButton, QVBoxLayout
from fxgui import fxstyle, fxwidgets


class FXInfoCard(fxstyle.FXThemeAware, QWidget):
    """A themed info card with title and action button."""

    def __init__(self, title="Info", parent=None):
        super().__init__(parent)

        layout = QVBoxLayout(self)
        layout.setContentsMargins(16, 16, 16, 16)

        self.title_label = QLabel(title)
        self.action_btn = QPushButton("Learn More")

        layout.addWidget(self.title_label)
        layout.addStretch()
        layout.addWidget(self.action_btn)

    def _apply_theme_styles(self):
        colors = fxstyle.get_theme_colors()
        accents = fxstyle.get_accent_colors()

        # Card container
        self.setStyleSheet(f"""
            FXInfoCard {{
                background-color: {colors['surface']};
                border: 1px solid {colors['border']};
                border-radius: 8px;
            }}
        """)

        # Title
        self.title_label.setStyleSheet(f"""
            QLabel {{
                color: {colors['text']};
                font-size: 16px;
                font-weight: bold;
            }}
        """)

        # Button
        self.action_btn.setStyleSheet(f"""
            QPushButton {{
                background-color: {accents['primary']};
                color: white;
                border: none;
                padding: 8px 16px;
                border-radius: 4px;
            }}
            QPushButton:hover {{
                background-color: {accents['secondary']};
            }}
        """)


# Usage
if __name__ == "__main__":
    app = fxwidgets.FXApplication()

    card = FXInfoCard("Welcome to fxgui")
    card.resize(300, 200)
    card.show()

    # Theme changes automatically update the card
    fxstyle.apply_theme(card, "dark")

    app.exec_()