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