styles.py

# styles.py
from __future__ import annotations

"""Application-wide style constants and helpers."""

C_BG = "#101012"  # Primary window background for the dark theme.
C_PANEL = "#262626"  # Generic panel background blocks.
C_ELEMENT_BORDER = "#242426"  # Shared subtle 1px element border color.
C_LINE = C_ELEMENT_BORDER  # Standard control border lines in global styles.
C_TEXT = "#D6D6D6"  # Default foreground text color.
C_MUTED = "#8A8A8A"  # Muted label text such as `#GroupTitle`.
C_MUTED2 = "#9B9B9B"  # Secondary muted text, e.g. `#SmallMuted` labels.
C_LINE_NUM = "#555555"  # Dim text for line numbers.
C_TOP_TEXT = "#6a6a72"  # Foreground text for top panel controls.
C_TOP_SEPARATOR = C_ELEMENT_BORDER  # Borders within the top panel controls.
C_TOP_PANEL_LINE = C_ELEMENT_BORDER  # Subtle 1px top panel separators.

C_GREEN = "#00FA36"  # High-quality rhyme highlight color.
C_YELLOW = "#C9A44C"  # Medium-quality rhyme highlight color.
C_RED = "#CC49F6"  # Low-quality rhyme highlight color.
C_SEPARATOR = "#4A90E2"  # Accent separator color used across the UI.
TOP_PANEL_SEPARATOR_STYLESHEET = f"background-color: {C_TOP_PANEL_LINE};"


def color_for_level(level: str) -> str:
    """Return a hex color code for the given quality level."""
    if level == "good":
        return C_GREEN
    if level == "mid":
        return C_YELLOW
    return C_RED


def build_app_styles(reading_mode: bool) -> str:
    """Construct the global application stylesheet."""
    if reading_mode:
        edit_bg = "transparent"
        edit_border = "none"
        edit_pad = "0px"
    else:
        edit_bg = "#1A1A1C"
        edit_border = "none"
        edit_pad = "6px 10px"

    return f"""
    QMainWindow {{
        background: {C_BG};
        color: {C_TEXT};
    }}
    QWidget {{
        background: {C_BG};
        color: {C_TEXT};
    }}
    QLabel {{
        background: transparent;
        color: {C_TEXT};
    }}
    QLabel#GroupTitle {{
        color: {C_MUTED};
        background: transparent;
    }}
    QLabel#SmallMuted {{
        color: {C_MUTED2};
        background: transparent;
    }}
    QLabel#LineNumber {{
        color: {C_LINE_NUM};
        background: transparent;
    }}

    QListWidget {{
        background: {C_PANEL};
        border: 1px solid {C_LINE};
        padding: 6px;
    }}
    QListWidget::item {{
    }}
    QListWidget::item:selected {{
        background: #2F2F2F;
    }}
    QComboBox {{
        background: #202020;
        border: 1px solid {C_LINE};
        border-radius: 0px;
        font: 10pt "Segoe UI";
        padding: 5px 34px 5px 8px;
        min-height: 24px;
        selection-background-color: #333333;
    }}
    QComboBox:hover {{
        background: #202020;
    }}
    QComboBox:focus {{
        border: 1px solid {C_LINE};
    }}
    QComboBox::drop-down {{
        subcontrol-origin: padding;
        subcontrol-position: top right;
        width: 28px;
        border-left: 1px solid {C_LINE};
        background: #202020;
    }}
    QComboBox::drop-down:hover {{
        background: #202020;
    }}
    QComboBox::down-arrow {{
        image: url(img/chevron-down.svg);
        width: 16px;
        height: 16px;
    }}
    QComboBox QAbstractItemView {{
        background: #202020;
        color: {C_TEXT};
        border: none;
        border-radius: 0px;
        padding: 4px 0px;
        outline: 0px;
        selection-background-color: #333333;
        selection-color: {C_TEXT};
    }}
    QComboBox QAbstractItemView::item {{
        min-height: 28px;
        padding: 5px 10px;
        border: none;
    }}
    QComboBox QAbstractItemView::item:hover {{
        background: #5B3A8C;
    }}
    QComboBox QAbstractItemView::item:selected {{
        background: #333333;
    }}
    QComboBoxPrivateContainer {{
        background: #202020;
        border: none;
        border-radius: 0px;
    }}
    QComboBoxPrivateContainer QAbstractItemView {{
        border: none;
        border-radius: 0px;
    }}
    QComboBoxPrivateContainer QScrollBar:vertical,
    QComboBoxPrivateContainer QScrollBar:horizontal,
    QComboBox QAbstractItemView QScrollBar:vertical,
    QComboBox QAbstractItemView QScrollBar:horizontal {{
        width: 0px;
        height: 0px;
        border: none;
        background: transparent;
    }}
    QAbstractItemView {{
        border-radius: 0px;
    }}
    QSpinBox {{
        background: #2B2B2B;
        border: none;
        padding: 4px 6px;
        border-radius: 0px;
    }}
    QCheckBox {{
        spacing: 8px;
        background: transparent;
    }}

    QMenuBar {{
        background: {C_BG};
        border: none;
        border-radius: 0px;
        padding: 2px 0px;
    }}
    QMenuBar::item {{
        background: transparent;
        padding: 6px 12px;
        border: none;
        border-radius: 0px;
        color: {C_TEXT};
    }}
    QMenuBar::item:selected {{
        background: #242426;
    }}
    QMenu {{
        background-color: #202020;
        color: {C_TEXT};
        border: 1px solid {C_LINE};
        border-radius: 0px;
        outline: 0px;
        padding: 4px 0px;
        font: 10pt "Segoe UI";
    }}
    QMenu::item {{
        background-color: transparent;
        min-height: 28px;
        padding: 0px 10px;
        border: none;
        border-radius: 0px;
        color: {C_TEXT};
    }}
    QMenu::item:selected {{
        background-color: #242426;
        color: {C_TEXT};
    }}
    QMenu::item:pressed {{
        background-color: #2B2B2B;
    }}
    QMenu::separator {{
        height: 1px;
        background-color: {C_LINE};
        margin: 4px 8px;
    }}
    QMenu QWidget {{
        background-color: #202020;
    }}

    QPushButton, QToolButton {{
        background: #2B2B2B;
        border: 1px solid {C_LINE};
        padding: 6px 10px;
        border-radius: 8px;
    }}
    QPushButton:hover, QToolButton:hover {{
    }}
    QPushButton:pressed, QToolButton:pressed {{
        background: #262626;
    }}
    QToolButton#BlockAddButton {{
        background: transparent;
        border: 1px solid {C_LINE};
        padding: 6px 10px;
        border-radius: 8px;
    }}
    QToolButton#BlockAddButton:hover,
    QToolButton#BlockAddButton:pressed {{
        background: transparent;
    }}
    QToolButton#BlockIconButton {{
        background: transparent;
        border: none;
        padding: 0px;
        border-radius: 0px;
    }}
    QToolButton#BlockIconButton:hover,
    QToolButton#BlockIconButton:pressed {{
        background: transparent;
        border: none;
    }}

    QLineEdit, QPlainTextEdit {{
        background: {edit_bg};
        border: {edit_border};
        padding: {edit_pad};
        border-radius: 0px;
        selection-background-color: #3A3A3A;
    }}
    QPlainTextEdit {{
        color: {C_TEXT};
        background: {edit_bg};
        background-color: {edit_bg};
    }}
    """


def build_top_panel_styles() -> str:
    """Construct stylesheet fragment used by the top control panel."""

    return f"""
    QWidget#TopPanel, QWidget#TopPanel QLabel,
    QWidget#BottomPanel, QWidget#BottomPanel QLabel, QRadioButton {{
        color: {C_TOP_TEXT};
        background-color: transparent;
    }}
    QWidget#TopPanel QSpinBox, QWidget#TopPanel QLineEdit,
    QWidget#BottomPanel QSpinBox, QWidget#BottomPanel QLineEdit {{
        color: {C_TOP_TEXT};
        background-color: #1A1A1C;
        border: none;
        padding: 4px 6px;
        border-radius: 0px;
    }}
    QWidget#TopPanel QComboBox, QWidget#BottomPanel QComboBox {{
        color: {C_TEXT};
        background-color: #202020;
        border: 1px solid {C_TOP_SEPARATOR};
        border-radius: 0px;
        font: 10pt "Segoe UI";
        padding: 5px 34px 5px 8px;
        min-height: 24px;
    }}
    QWidget#TopPanel QComboBox:hover, QWidget#BottomPanel QComboBox:hover {{
        background-color: #202020;
    }}
    QWidget#TopPanel QComboBox:focus, QWidget#BottomPanel QComboBox:focus {{
        border: 1px solid {C_TOP_SEPARATOR};
    }}
    QWidget#TopPanel QComboBox::drop-down, QWidget#BottomPanel QComboBox::drop-down {{
        subcontrol-origin: padding;
        subcontrol-position: top right;
        width: 28px;
        border-left: 1px solid {C_TOP_SEPARATOR};
        background: #202020;
    }}
    QWidget#TopPanel QComboBox::drop-down:hover, QWidget#BottomPanel QComboBox::drop-down:hover {{
        background-color: #202020;
    }}
    QWidget#TopPanel QComboBox::down-arrow, QWidget#BottomPanel QComboBox::down-arrow {{
        image: url(img/chevron-down.svg);
        width: 16px;
        height: 16px;
    }}
    QWidget#TopPanel QComboBox QAbstractItemView,
    QWidget#BottomPanel QComboBox QAbstractItemView {{
        background: #202020;
        color: {C_TEXT};
        border: none;
        border-radius: 0px;
        padding: 4px 0px;
        outline: 0px;
        selection-background-color: #333333;
        selection-color: {C_TEXT};
    }}
    QWidget#TopPanel QComboBox QAbstractItemView::item,
    QWidget#BottomPanel QComboBox QAbstractItemView::item {{
        min-height: 28px;
        padding: 5px 10px;
        border: none;
        border-radius: 0px;
    }}
    QWidget#TopPanel QComboBox QAbstractItemView::item:selected,
    QWidget#BottomPanel QComboBox QAbstractItemView::item:selected {{
        background: #333333;
    }}
    QWidget#TopPanel QComboBox QAbstractItemView::item:hover,
    QWidget#BottomPanel QComboBox QAbstractItemView::item:hover {{
        background: #5B3A8C;
    }}
    QWidget#TopPanel QComboBoxPrivateContainer,
    QWidget#BottomPanel QComboBoxPrivateContainer {{
        background: #202020;
        border: none;
        border-radius: 0px;
    }}
    QWidget#TopPanel QComboBoxPrivateContainer QScrollBar:vertical,
    QWidget#TopPanel QComboBoxPrivateContainer QScrollBar:horizontal,
    QWidget#BottomPanel QComboBoxPrivateContainer QScrollBar:vertical,
    QWidget#BottomPanel QComboBoxPrivateContainer QScrollBar:horizontal {{
        width: 0px;
        height: 0px;
        border: none;
        background: transparent;
    }}
    QWidget#TopPanel QPushButton, QWidget#BottomPanel QPushButton {{
        color: {C_TOP_TEXT};
        background-color: rgba(255, 255, 255, 0.05);
        border: 1px solid {C_TOP_SEPARATOR};
        padding: 4px 12px;
        border-radius: 6px;
    }}
    QWidget#TopPanel QPushButton:hover, QWidget#BottomPanel QPushButton:hover {{
        background-color: rgba(255, 255, 255, 0.1);
    }}
    QWidget#TopPanel QRadioButton::indicator, QWidget#BottomPanel QRadioButton::indicator {{
        width: 12px;
        height: 12px;
        border-radius: 6px;
        border: 1px solid {C_TOP_SEPARATOR};
    }}
    QWidget#TopPanel QRadioButton::indicator:checked,
    QWidget#BottomPanel QRadioButton::indicator:checked {{
        background-color: {C_TOP_TEXT};
        border: 1px solid {C_TOP_SEPARATOR};
    }}
    QWidget#TopPanel QSpinBox:disabled, QWidget#BottomPanel QSpinBox:disabled {{
        background-color: rgba(255, 255, 255, 0.04);
    }}
    QWidget#TopPanel QToolButton, QWidget#BottomPanel QToolButton {{
        border: none;
        background: transparent;
    }}
    QWidget#TopPanel QToolButton:checked, QWidget#BottomPanel QToolButton:checked {{
        background: rgba(255, 255, 255, 0.05);
        border-radius: 6px;
    }}
    QWidget#TopPanel QToolButton#ReadingModeButton {{
        border: none;
        background: transparent;
        padding: 0px;
        margin: 0px;
        min-width: 34px;
        max-width: 34px;
        min-height: 34px;
        max-height: 34px;
    }}
    QWidget#TopPanel QToolButton#ReadingModeButton:hover,
    QWidget#TopPanel QToolButton#ReadingModeButton:pressed,
    QWidget#TopPanel QToolButton#ReadingModeButton:checked {{
        border: none;
        background: transparent;
    }}
    """