make hover and focus more consistent with one another.

reorganise css.
This commit is contained in:
onyx-and-iris 2026-02-20 17:55:17 +00:00
parent 2075e98c17
commit 086eeba916

View File

@ -53,10 +53,10 @@ Button {
}
Button:hover {
background: #81a1c1;
background: #88c0d0;
color: #2e3440;
text-style: bold;
border: solid #81a1c1;
border: solid #88c0d0;
}
Button:focus {
@ -72,16 +72,17 @@ Button.success {
}
Button.success:hover {
background: #8fbcbb;
background: #88c0d0;
color: #2e3440;
text-style: bold;
border: solid #8fbcbb;
border: solid #88c0d0;
}
Button.success:focus {
background: #88c0d0;
color: #2e3440;
text-style: bold;
border: solid #88c0d0;
}
Button.warning {
@ -91,32 +92,75 @@ Button.warning {
}
Button.warning:hover {
background: #d08770;
color: #eceff4;
background: #88c0d0;
color: #2e3440;
text-style: bold;
border: solid #d08770;
border: solid #88c0d0;
}
Button.warning:focus {
background: #88c0d0;
color: #2e3440;
text-style: bold;
border: solid #88c0d0;
}
Button.error {
background: #bf616a;
border: solid #bf616a;
}
Button.error:hover {
background: #d08770;
color: #eceff4;
background: #88c0d0;
color: #2e3440;
text-style: bold;
border: solid #88c0d0;
}
Button.error:focus {
background: #88c0d0;
color: #2e3440;
text-style: bold;
border: solid #88c0d0;
}
#send {
background: #a3be8c;
border: solid #a3be8c;
}
#send:focus {
background: #88c0d0;
color: #2e3440;
text-style: bold;
border: solid #88c0d0;
}
#send:hover {
background: #88c0d0;
color: #2e3440;
text-style: bold;
border: solid #88c0d0;
}
#config {
background: #ebcb8b;
color: #2e3440;
border: solid #ebcb8b;
}
#config:hover {
background: #88c0d0;
color: #2e3440;
text-style: bold;
border: solid #88c0d0;
}
#config:focus {
background: #88c0d0;
color: #2e3440;
text-style: bold;
border: solid #88c0d0;
}
#quit {
@ -138,45 +182,6 @@ Button.error:focus {
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 */
#config-dialog {
background: #2e3440;