onyx_online/q3rcon-tui
1
0
Fork 0
mirror of https://github.com/onyx-and-iris/q3rcon-tui.git synced 2026-02-26 03:09:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve the hovering and focus effects for the buttons.

Browse Source
This commit is contained in:
onyx-and-iris 2026-02-20 16:18:29 +00:00
parent b3a3a4759a
commit 76483a24b9
1 changed files with 69 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
src/q3rcon_tui/q3rcon_tui.tcss
View File

@ -44,35 +44,63 @@
Button {
width: 100%;
height: 3;
height: 4;
margin: 0 1;
background: #5e81ac;
color: #eceff4;
border: none;
text-style: bold;
border: solid #5e81ac;
}
Button:hover {
background: #81a1c1;
color: #2e3440;
text-style: bold;
border: solid #81a1c1;
}
Button:focus {
background: #88c0d0;
color: #2e3440;
text-style: bold;
border: solid #88c0d0;
}
Button.success {
background: #a3be8c;
border: solid #a3be8c;
}
Button.success:hover {
background: #8fbcbb;
color: #2e3440;
text-style: bold;
border: solid #8fbcbb;
}
Button.success:focus {
background: #88c0d0;
color: #2e3440;
text-style: bold;
}
Button.warning {
background: #ebcb8b;
color: #2e3440;
border: solid #ebcb8b;
}
Button.warning:hover {
background: #d08770;
color: #eceff4;
text-style: bold;
border: solid #d08770;
}
Button.warning:focus {
background: #88c0d0;
color: #2e3440;
text-style: bold;
}
Button.error {
@ -81,6 +109,14 @@ Button.error {
Button.error:hover {
background: #d08770;
color: #eceff4;
text-style: bold;
}
Button.error:focus {
background: #88c0d0;
color: #2e3440;
text-style: bold;
}
#quit {
@ -90,25 +126,55 @@ Button.error:hover {
#quit:hover {
background: #d08770;
border: solid #ebcb8b;
color: #eceff4;
text-style: bold;
border: none;
}
#quit:focus {
background: #d08770;
color: #eceff4;
text-style: bold;
border: none;
}
#send {
background: #a3be8c;
border: solid #a3be8c;
}
#send:focus {
background: #88c0d0;
color: #2e3440;
text-style: bold;
border: solid #88c0d0;
}
#config {
background: #ebcb8b;
color: #2e3440;
border: solid #ebcb8b;
}
#config:hover {
background: #d08770;
color: #eceff4;
text-style: bold;
border: solid #d08770;
}
#config:focus {
background: #88c0d0;
color: #2e3440;
text-style: bold;
border: solid #88c0d0;
}
#send:hover {
background: #8fbcbb;
color: #2e3440;
text-style: bold;
border: solid #8fbcbb;
}
/* Configuration Dialog Styles */