<table><tr><td style="">bodoeggert added a comment.
</td><a style="text-decoration: none; padding: 4px 8px; margin: 0 8px 8px; float: right; color: #464C5C; font-weight: bold; border-radius: 3px; background-color: #F7F7F9; background-image: linear-gradient(to bottom,#fff,#f1f0f1); display: inline-block; border: 1px solid rgba(71,87,120,.2);" href="https://phabricator.kde.org/D24706">View Revision</a></tr></table><br /><div><div><p>The confusing thing about focus / hover colors is having to move away the mouse in order to see weather it's focused or toggled.</p>

<p>I need to know: This button is pressed or not, that button will be interacted when I press space/enter. Highlighting the button under the mouse is an extra, it should not be too similar to the previously mentioned effects, and especially it should not be exactly like already having pressed the button. (If there is no toggle button, I need to have remembered the look of a toggled button.)</p>

<p><a href="https://phabricator.kde.org/p/ngraham/" style="
              border-color: #f1f7ff;
              color: #19558d;
              background-color: #f1f7ff;
                border: 1px solid transparent;
                border-radius: 3px;
                font-weight: bold;
                padding: 0 4px;">@ngraham</a>: If I'll interact with the selected button (not sure about the correct words here), this button should be marked most obviously, since I'll NOT interact with the default button by pressing enter. Otherwise (e.g. while having tabbed to a different input element), the default button should be the most obvious one.</p>

<p>Maybe I'll describe it in HTML: <input type=text name=t><textarea name=ta></textarea><input type=button name=foo><input type=submit name=submit><br />
If I tab to t, the default button should be the most obvious, even if I hover the mouse above foo.<br />
If I tab to ta, maybe the default button should be less obvious since enter will not press it?<br />
If I tab to foo, foo should be the most obvious button, even if I mouse-hover submit, since enter/space will push foo.<br />
If I tab to submit, it should have the same effect as foo just had.</p>

<p>Hover effects will just duplicate "mouse is in clickable area", and with decent designs, you should already know that without the effect:<br />
<input type=togglebutton name=tb ><input type=submit name=submit> (I just invented a HTML toggle button)<br />
I get distracted, come back to my desk and see the dialog. Disregarding the mouse cursor, I should see weather tb is pressed. When I move away the mouse, it should not optically un-toggle itself: "Ah that was the focus color, not the pressed-down-color!"</p>

<p>One more thing, I don't know weather it's a theme issue at all (probably not): Some applications will start an action on clicking a button. I remember these buttons to optically do nothing or just be pressed as long as the mouse button is, then  … invisible background action ... then a modal dialog pops up. I'd prefer these buttons to remain pressed down until the modal dialog closes.</p>

<p>(Also you should not use toggle buttons outside toolbars, use checkboxes with clickable labels instead, ¢¢)</p></div></div><br /><div><strong>REPOSITORY</strong><div><div>R31 Breeze</div></div></div><br /><div><strong>REVISION DETAIL</strong><div><a href="https://phabricator.kde.org/D24706">https://phabricator.kde.org/D24706</a></div></div><br /><div><strong>To: </strong>ndavis, VDG, Breeze<br /><strong>Cc: </strong>bodoeggert, ngraham, plasma-devel, LeGast00n, The-Feren-OS-Dev, cblack, konkinartem, ian, jguidon, hannahk, Ghost6, jraleigh, MrPepe, fbampaloukas, squeakypancakes, alexde, IohannesPetros, GB_2, trickyricky26, ragreen, mglb, crozbo, ndavis, ZrenBot, firef, alexeymin, skadinna, himcesjf, lesliezhai, ali-mohamed, jensreuterberg, aaronhoneycutt, abetts, sebas, apol, ahiemstra, mbohlender, mart<br /></div>