mirror of
https://github.com/PR0M3TH3AN/SeedPass.git
synced 2026-10-27 07:52:03 +00:00
style(tui_v3): apply retro / theme across all remaining TUI v3 screens to align with mockups
This commit is contained in:
1 parent
30b61e76ea
commit
cadfcd78ed
5 files changed
+65
-50
No files matched your search
@@ -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;
|
||||
}
|
||||
"""
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user