From 79a47e034ed738b6939c523a14bbc0cc06236972 Mon Sep 17 00:00:00 2001 From: Ethanfel Date: Wed, 25 Feb 2026 11:33:25 +0100 Subject: [PATCH] Switch to dark theme to match original Streamlit look Co-Authored-By: Claude Opus 4.6 --- main.py | 8 +++----- tab_timeline_ng.py | 4 ++-- 2 files changed, 5 insertions(+), 7 deletions(-) diff --git a/main.py b/main.py index db13bff..994c9f0 100644 --- a/main.py +++ b/main.py @@ -17,14 +17,12 @@ from tab_comfy_ng import render_comfy_monitor @ui.page('/') def index(): - # -- Global styling for readability -- - ui.query('body').classes('bg-grey-2') + # -- Dark theme to match original Streamlit look -- + ui.dark_mode(True) ui.add_css(''' .q-expansion-item__content { padding: 4px 0; } .action-row { flex-wrap: wrap !important; gap: 4px !important; } .q-tab-panels { background: transparent !important; } - .q-textarea .q-field__native { color: #1a1a1a !important; } - .q-input .q-field__native { color: #1a1a1a !important; } ''') config = load_config() @@ -88,7 +86,7 @@ def index(): # ------------------------------------------------------------------ # Sidebar (rendered AFTER helpers are attached) # ------------------------------------------------------------------ - with ui.left_drawer().classes('q-pa-md bg-grey-1').style('width: 350px'): + with ui.left_drawer().classes('q-pa-md').style('width: 350px'): render_sidebar(state) # ------------------------------------------------------------------ diff --git a/tab_timeline_ng.py b/tab_timeline_ng.py index 91c9416..7435d1d 100644 --- a/tab_timeline_ng.py +++ b/tab_timeline_ng.py @@ -92,8 +92,8 @@ def render_timeline_tab(state: AppState): with ui.card().classes( 'w-full q-mb-sm' + - (' bg-amber-2' if is_head else '') + - (' bg-red-2' if is_selected else '') + (' bg-amber-9' if is_head else '') + + (' bg-red-9' if is_selected else '') ): with ui.row().classes('w-full items-center'): if selection_mode.value: