From cadfcd78edadbc4a012bf85fef590eabc52217ec Mon Sep 17 00:00:00 2001 From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com> Date: Tue, 3 Mar 2026 08:56:25 -0500 Subject: [PATCH] style(tui_v3): apply retro / theme across all remaining TUI v3 screens to align with mockups --- src/seedpass/tui_v3/screens/add.py | 24 ++++++++++----- src/seedpass/tui_v3/screens/edit.py | 17 ++++++----- src/seedpass/tui_v3/screens/inspector.py | 18 ++++++----- src/seedpass/tui_v3/screens/relays.py | 38 +++++++++++++----------- src/seedpass/tui_v3/screens/settings.py | 18 ++++++----- 5 files changed, 65 insertions(+), 50 deletions(-) diff --git a/src/seedpass/tui_v3/screens/add.py b/src/seedpass/tui_v3/screens/add.py index 31dc1a51..05ce996a 100644 --- a/src/seedpass/tui_v3/screens/add.py +++ b/src/seedpass/tui_v3/screens/add.py @@ -20,24 +20,25 @@ class AddEntryScreen(Screen): CSS = """ AddEntryScreen { - background: #0d1114; + background: #999999; } #add-container { padding: 1 2; - border: heavy #2abf75; + border: solid black; + background: #000000; margin: 1 2; height: auto; min-height: 20; } .field-label { - color: #58f29d; + color: #ffffff; text-style: bold; margin-top: 1; } Input, Select, TextArea { - background: #11191f; - color: #e4fff2; - border: solid #1a3024; + background: #ffffff; + color: #000000; + border: solid black; } #kind-select { margin-bottom: 1; @@ -51,8 +52,15 @@ class AddEntryScreen(Screen): content-align: right middle; } #btn-save { - background: #2abf75; - color: #0b0f13; + background: #ffffff; + color: #000000; + border: solid black; + text-style: bold; + } + #btn-cancel { + background: #000000; + color: #ffffff; + border: solid #ffffff; text-style: bold; } """ diff --git a/src/seedpass/tui_v3/screens/edit.py b/src/seedpass/tui_v3/screens/edit.py index 6fa9866a..f9eeb6cb 100644 --- a/src/seedpass/tui_v3/screens/edit.py +++ b/src/seedpass/tui_v3/screens/edit.py @@ -19,24 +19,25 @@ class EditEntryScreen(Screen): CSS = """ EditEntryScreen { - background: #0d1114; + background: #999999; } #editor-container { padding: 1 2; - border: heavy #2abf75; + border: solid black; + background: #000000; margin: 1 2; height: auto; min-height: 20; } .field-label { - color: #58f29d; + color: #ffffff; text-style: bold; margin-top: 1; } Input, TextArea { - background: #11191f; - color: #e4fff2; - border: solid #1a3024; + background: #ffffff; + color: #000000; + border: solid #999999; } .hidden { display: none; @@ -47,8 +48,8 @@ class EditEntryScreen(Screen): content-align: right middle; } #btn-save { - background: #2abf75; - color: #0b0f13; + background: #ffffff; + color: #000000; text-style: bold; } #doc-content, #entry-notes { diff --git a/src/seedpass/tui_v3/screens/inspector.py b/src/seedpass/tui_v3/screens/inspector.py index bc6c2b84..87a28561 100644 --- a/src/seedpass/tui_v3/screens/inspector.py +++ b/src/seedpass/tui_v3/screens/inspector.py @@ -24,31 +24,33 @@ class MaximizedInspectorScreen(Screen): DEFAULT_CSS = """ MaximizedInspectorScreen { - background: #080a0c; + background: #999999; } #max-inspector-title { - background: #0b0f13; - color: #58f29d; + background: #000000; + color: #ffffff; text-style: bold; text-align: center; height: 3; - border: double #2abf75; + border: solid #000000; padding: 0 1; margin: 1 2; } #max-inspector-container { height: 1fr; margin: 0 2; - border: solid #1a3024; + border: solid #000000; + background: #ffffff; + color: #000000; padding: 1; overflow: auto; } #max-inspector-footer { height: 3; - background: #11191f; - color: #daf2e5; + background: #000000; + color: #ffffff; text-align: center; - border: double #2abf75; + border: solid #000000; padding: 0 1; margin: 1 2; } diff --git a/src/seedpass/tui_v3/screens/relays.py b/src/seedpass/tui_v3/screens/relays.py index 66ced303..10954af7 100644 --- a/src/seedpass/tui_v3/screens/relays.py +++ b/src/seedpass/tui_v3/screens/relays.py @@ -19,28 +19,30 @@ class RelaysScreen(Screen): DEFAULT_CSS = """ RelaysScreen { - background: #080a0c; + background: #999999; } #relays-title { - background: #0b0f13; - color: #58f29d; + background: #000000; + color: #ffffff; text-style: bold; text-align: center; height: 3; - border: double #2abf75; + border: solid #000000; padding: 0 1; margin: 1 2; } #relays-container { height: 1fr; margin: 0 2; - border: solid #1a3024; + border: solid #000000; padding: 1; + background: #999999; } #relays-table { height: 1fr; - border: solid #2abf75; - background: #0d1114; + border: solid #000000; + background: #ffffff; + color: #000000; } #relays-controls { height: 3; @@ -49,26 +51,26 @@ class RelaysScreen(Screen): } #relay-input { width: 1fr; - border: solid #3ce79c; - background: #11191f; - color: #daf2e5; + border: solid black; + background: #ffffff; + color: #000000; } #add-button { - background: #1a3024; - color: #58f29d; - border: none; + background: #000000; + color: #ffffff; + border: solid black; margin-left: 1; } #add-button:hover { - background: #2abf75; - color: #080a0c; + background: #ffffff; + color: #000000; } #relays-footer { height: 3; - background: #11191f; - color: #daf2e5; + background: #000000; + color: #ffffff; text-align: center; - border: double #2abf75; + border: solid #000000; padding: 0 1; margin: 1 2; } diff --git a/src/seedpass/tui_v3/screens/settings.py b/src/seedpass/tui_v3/screens/settings.py index 761e5a87..85aee258 100644 --- a/src/seedpass/tui_v3/screens/settings.py +++ b/src/seedpass/tui_v3/screens/settings.py @@ -18,31 +18,33 @@ class SettingsScreen(Screen): DEFAULT_CSS = """ SettingsScreen { - background: #080a0c; + background: #999999; } #settings-title { - background: #0b0f13; - color: #58f29d; + background: #000000; + color: #ffffff; text-style: bold; text-align: center; height: 3; - border: double #2abf75; + border: solid #000000; padding: 0 1; margin: 1 2; } #settings-container { height: 1fr; margin: 0 2; - border: solid #1a3024; + border: solid #000000; + background: #ffffff; + color: #000000; padding: 1; overflow: auto; } #settings-footer { height: 3; - background: #11191f; - color: #daf2e5; + background: #000000; + color: #ffffff; text-align: center; - border: double #2abf75; + border: solid #000000; padding: 0 1; margin: 1 2; }