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:
@@ -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(
|
||||
|
||||
Reference in New Issue
Block a user