style(tui_v3): apply retro / theme across all remaining TUI v3 screens to align with mockups

This commit is contained in:
thePR0M3TH3AN committed 2026-03-03 08:56:25 -05:00
1 parent 30b61e76ea
commit cadfcd78ed
5 files changed
+65 -50

No files matched your search

+16 -8
View File
@@ -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;
}
"""
+9 -8
View File
@@ -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 {
+10 -8
View File
@@ -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;
}
+20 -18
View File
@@ -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;
}
+10 -8
View File
@@ -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;
}