310 lines
8.8 KiB
Python
310 lines
8.8 KiB
Python
# top_bar_widget.py
|
|
|
|
from PySide6.QtWidgets import QFrame, QHBoxLayout, QLabel, QPushButton
|
|
from PySide6.QtCore import Qt, QTimer, Signal
|
|
from PySide6.QtGui import QFont
|
|
from datetime import datetime
|
|
|
|
|
|
THEMES = [
|
|
# Dark themes
|
|
{
|
|
'name': 'GREEN',
|
|
'accent': '#00ff41',
|
|
'accent_dim': '#00aa2a',
|
|
'bg': '#0d0d0d',
|
|
'bg2': '#111111',
|
|
'border': '#1a3a1a',
|
|
'text': '#cccccc',
|
|
'is_light': False,
|
|
},
|
|
{
|
|
'name': 'AMBER',
|
|
'accent': '#ffaa00',
|
|
'accent_dim': '#cc8800',
|
|
'bg': '#0d0d00',
|
|
'bg2': '#111100',
|
|
'border': '#3a3000',
|
|
'text': '#ddddcc',
|
|
'is_light': False,
|
|
},
|
|
{
|
|
'name': 'BLUE',
|
|
'accent': '#00aaff',
|
|
'accent_dim': '#0077cc',
|
|
'bg': '#00080d',
|
|
'bg2': '#001122',
|
|
'border': '#001a3a',
|
|
'text': '#ccd8dd',
|
|
'is_light': False,
|
|
},
|
|
{
|
|
'name': 'RED',
|
|
'accent': '#ff4444',
|
|
'accent_dim': '#cc2222',
|
|
'bg': '#0d0000',
|
|
'bg2': '#110000',
|
|
'border': '#3a0000',
|
|
'text': '#ddcccc',
|
|
'is_light': False,
|
|
},
|
|
{
|
|
'name': 'PURPLE',
|
|
'accent': '#cc00ff',
|
|
'accent_dim': '#9900cc',
|
|
'bg': '#0d000d',
|
|
'bg2': '#1a001a',
|
|
'border': '#3a003a',
|
|
'text': '#ddccdd',
|
|
'is_light': False,
|
|
},
|
|
{
|
|
'name': 'CYAN',
|
|
'accent': '#00ffff',
|
|
'accent_dim': '#00cccc',
|
|
'bg': '#000d0d',
|
|
'bg2': '#001a1a',
|
|
'border': '#003a3a',
|
|
'text': '#ccdddd',
|
|
'is_light': False,
|
|
},
|
|
{
|
|
'name': 'ORANGE',
|
|
'accent': '#ff8800',
|
|
'accent_dim': '#cc6600',
|
|
'bg': '#0d0700',
|
|
'bg2': '#1a1100',
|
|
'border': '#3a2200',
|
|
'text': '#ddccbb',
|
|
'is_light': False,
|
|
},
|
|
{
|
|
'name': 'PINK',
|
|
'accent': '#ff1493',
|
|
'accent_dim': '#cc0066',
|
|
'bg': '#0d0005',
|
|
'bg2': '#1a000a',
|
|
'border': '#3a0015',
|
|
'text': '#ddccdd',
|
|
'is_light': False,
|
|
},
|
|
{
|
|
'name': 'LIME',
|
|
'accent': '#ccff00',
|
|
'accent_dim': '#99cc00',
|
|
'bg': '#0a0d00',
|
|
'bg2': '#111a00',
|
|
'border': '#223a00',
|
|
'text': '#ddddcc',
|
|
'is_light': False,
|
|
},
|
|
{
|
|
'name': 'GOLD',
|
|
'accent': '#ffd700',
|
|
'accent_dim': '#ccaa00',
|
|
'bg': '#0d0d05',
|
|
'bg2': '#1a1a0a',
|
|
'border': '#3a3a15',
|
|
'text': '#ddddbb',
|
|
'is_light': False,
|
|
},
|
|
{
|
|
'name': 'VIOLET',
|
|
'accent': '#8a2be2',
|
|
'accent_dim': '#6600cc',
|
|
'bg': '#05000d',
|
|
'bg2': '#0a0015',
|
|
'border': '#15002a',
|
|
'text': '#ccbbdd',
|
|
'is_light': False,
|
|
},
|
|
{
|
|
'name': 'TURQUOISE',
|
|
'accent': '#40e0d0',
|
|
'accent_dim': '#20b0a0',
|
|
'bg': '#000d0a',
|
|
'bg2': '#001a15',
|
|
'border': '#00382d',
|
|
'text': '#ccddda',
|
|
'is_light': False,
|
|
},
|
|
{
|
|
'name': 'CRIMSON',
|
|
'accent': '#dc143c',
|
|
'accent_dim': '#aa0022',
|
|
'bg': '#0d0002',
|
|
'bg2': '#1a0005',
|
|
'border': '#3a000a',
|
|
'text': '#ddcccc',
|
|
'is_light': False,
|
|
},
|
|
{
|
|
'name': 'CHARTREUSE',
|
|
'accent': '#7fff00',
|
|
'accent_dim': '#5fcc00',
|
|
'bg': '#050d00',
|
|
'bg2': '#0a1a00',
|
|
'border': '#153a00',
|
|
'text': '#ddddcc',
|
|
'is_light': False,
|
|
},
|
|
# Light themes
|
|
{
|
|
'name': 'LIGHT BLUE',
|
|
'accent': '#0066cc',
|
|
'accent_dim': '#0044aa',
|
|
'bg': '#f5f5f5',
|
|
'bg2': '#e8e8e8',
|
|
'border': '#bbbbbb',
|
|
'text': '#222222',
|
|
'is_light': True,
|
|
},
|
|
{
|
|
'name': 'LIGHT GREEN',
|
|
'accent': '#00aa44',
|
|
'accent_dim': '#008833',
|
|
'bg': '#f0f5f0',
|
|
'bg2': '#e0e8e0',
|
|
'border': '#aaccaa',
|
|
'text': '#112211',
|
|
'is_light': True,
|
|
},
|
|
{
|
|
'name': 'LIGHT AMBER',
|
|
'accent': '#cc8800',
|
|
'accent_dim': '#aa6600',
|
|
'bg': '#f5f3f0',
|
|
'bg2': '#e8e5e0',
|
|
'border': '#ccbb99',
|
|
'text': '#221100',
|
|
'is_light': True,
|
|
},
|
|
{
|
|
'name': 'LIGHT PURPLE',
|
|
'accent': '#8844cc',
|
|
'accent_dim': '#6622aa',
|
|
'bg': '#f3f0f5',
|
|
'bg2': '#e5e0e8',
|
|
'border': '#ccbbdd',
|
|
'text': '#221122',
|
|
'is_light': True,
|
|
},
|
|
]
|
|
|
|
|
|
class TopBarWidget(QFrame):
|
|
theme_changed = Signal(dict)
|
|
|
|
def __init__(self, parent=None):
|
|
super().__init__(parent)
|
|
|
|
self._theme_index = 0
|
|
|
|
self.setFrameStyle(QFrame.Box | QFrame.Raised)
|
|
self.setFixedHeight(80)
|
|
self._apply_bar_style()
|
|
|
|
self._build_ui()
|
|
|
|
self.timer = QTimer(self)
|
|
self.timer.setInterval(1000)
|
|
self.timer.timeout.connect(self._update)
|
|
self.timer.start()
|
|
|
|
self._update()
|
|
|
|
def _apply_bar_style(self):
|
|
theme = THEMES[self._theme_index]
|
|
self.setStyleSheet(f"""
|
|
QFrame {{
|
|
background-color: {theme['bg2']};
|
|
border: 2px solid {theme['border']};
|
|
border-radius: 6px;
|
|
}}
|
|
""")
|
|
|
|
def _build_ui(self):
|
|
layout = QHBoxLayout(self)
|
|
layout.setContentsMargins(20, 8, 20, 8)
|
|
layout.setSpacing(12)
|
|
|
|
# Theme cycle button
|
|
self.theme_btn = QPushButton("◈")
|
|
self.theme_btn.setFixedSize(40, 40)
|
|
self.theme_btn.setFont(QFont("Arial", 16, QFont.Bold))
|
|
self.theme_btn.setToolTip("Cycle colour theme")
|
|
self.theme_btn.clicked.connect(self._cycle_theme)
|
|
self._style_theme_btn()
|
|
layout.addWidget(self.theme_btn)
|
|
|
|
# Station name
|
|
self.station_label = QLabel("RADIO PANEL")
|
|
self.station_label.setFont(QFont("Arial", 16, QFont.Bold))
|
|
self.station_label.setStyleSheet(
|
|
"color: #444444; background: transparent; border: none;"
|
|
)
|
|
self.station_label.setAlignment(Qt.AlignLeft | Qt.AlignVCenter)
|
|
layout.addWidget(self.station_label)
|
|
|
|
layout.addStretch()
|
|
|
|
# Date
|
|
self.date_label = QLabel("")
|
|
self.date_label.setFont(QFont("Arial", 20, QFont.Bold))
|
|
self.date_label.setAlignment(Qt.AlignCenter | Qt.AlignVCenter)
|
|
layout.addWidget(self.date_label)
|
|
|
|
layout.addStretch()
|
|
|
|
# Clock
|
|
self.clock_label = QLabel("")
|
|
self.clock_label.setFont(QFont("Courier New", 42, QFont.Bold))
|
|
self.clock_label.setAlignment(Qt.AlignRight | Qt.AlignVCenter)
|
|
self.clock_label.setMinimumWidth(220)
|
|
self._style_clock_and_date()
|
|
layout.addWidget(self.clock_label)
|
|
|
|
def _style_theme_btn(self):
|
|
theme = THEMES[self._theme_index]
|
|
self.theme_btn.setStyleSheet(f"""
|
|
QPushButton {{
|
|
background-color: transparent;
|
|
color: {theme['accent']};
|
|
border: 2px solid {theme['accent']};
|
|
border-radius: 20px;
|
|
}}
|
|
QPushButton:hover {{
|
|
background-color: {theme['accent']};
|
|
color: {'#ffffff' if not theme['is_light'] else '#000000'};
|
|
}}
|
|
QPushButton:pressed {{
|
|
background-color: {theme['accent_dim']};
|
|
}}
|
|
""")
|
|
|
|
def _style_clock_and_date(self):
|
|
theme = THEMES[self._theme_index]
|
|
self.clock_label.setStyleSheet(
|
|
f"color: {theme['accent']}; background: transparent; border: none;"
|
|
)
|
|
# Date color adapts to light/dark
|
|
date_color = '#555555' if theme['is_light'] else '#aaaaaa'
|
|
self.date_label.setStyleSheet(
|
|
f"color: {date_color}; background: transparent; border: none;"
|
|
)
|
|
|
|
def _cycle_theme(self):
|
|
self._theme_index = (self._theme_index + 1) % len(THEMES)
|
|
self._apply_bar_style()
|
|
self._style_theme_btn()
|
|
self._style_clock_and_date()
|
|
self.theme_changed.emit(THEMES[self._theme_index])
|
|
|
|
def _update(self):
|
|
now = datetime.now()
|
|
self.clock_label.setText(now.strftime("%H:%M:%S"))
|
|
self.date_label.setText(now.strftime("%A %d %B %Y"))
|
|
|
|
@property
|
|
def current_theme(self) -> dict:
|
|
return THEMES[self._theme_index] |