Style NiceGUI to closely match Streamlit dark theme

Exact Streamlit colors: #0E1117 background, #262730 secondary,
#FF4B4B primary accent, #FAFAFA text, rgba borders. Match input
styling, border-radius, sidebar width, tab indicators, and
separator colors.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-25 14:09:00 +01:00
parent f48098c646
commit b6f31786c6
2 changed files with 87 additions and 25 deletions

View File

@@ -90,11 +90,12 @@ def render_timeline_tab(state: AppState):
is_head = n['id'] == htree.head_id
is_selected = n['id'] in selected_nodes
with ui.card().classes(
'w-full q-mb-sm' +
(' bg-amber-9' if is_head else '') +
(' bg-red-9' if is_selected else '')
):
card_style = ''
if is_selected:
card_style = 'background: #3d1f1f !important;'
elif is_head:
card_style = 'background: #1a2332 !important;'
with ui.card().classes('w-full q-mb-sm').style(card_style):
with ui.row().classes('w-full items-center'):
if selection_mode.value:
ui.checkbox(