UI/UX: Use better icon for Cancel/No/etc

Icon style now matches what is used for Confirm/Yes/etc
This commit is contained in:
QwertyChouskie 2023-04-23 01:34:28 -07:00
parent 935c6b2191
commit 275e962de8
16 changed files with 26 additions and 14 deletions

View File

@ -7,7 +7,7 @@
<buttonbar id="buttons" height="30%" width="70%" align="center">
<icon-button id="cancel" width="128" height="128" icon="gui/icons/remove.png"
<icon-button id="cancel" width="128" height="128" icon="gui/icons/red_x.png"
I18N="In a 'are you sure?' dialog" text="Cancel" align="center"/>
<icon-button id="confirm" width="128" height="128" icon="gui/icons/green_check.png"

View File

@ -77,7 +77,7 @@
<buttonbar id="buttons" height="20%" width="90%" align="center">
<icon-button id="reset" width="128" height="128" icon="gui/icons/restart.png"
I18N="In the ui/camera screen" text="Reset" align="center"/>
<icon-button id="cancel" width="128" height="128" icon="gui/icons/main_quit.png"
<icon-button id="cancel" width="128" height="128" icon="gui/icons/red_x.png"
I18N="In the ui/camera screen" text="Cancel" align="center"/>
<icon-button id="apply" width="128" height="128" icon="gui/icons/green_check.png"
I18N="In the ui/camera screen" text="Apply" align="center"/>

View File

@ -174,7 +174,7 @@
<spacer height="4" width="10"/>
<buttonbar id="buttons" height="15%" width="30%" align="center">
<icon-button id="cancel" width="128" height="128" icon="gui/icons/main_quit.png"
<icon-button id="cancel" width="128" height="128" icon="gui/icons/red_x.png"
I18N="Video settings" text="Cancel" align="center"/>
<icon-button id="apply" width="128" height="128" icon="gui/icons/green_check.png"
I18N="Video settings" text="Apply" align="center"/>

View File

@ -11,7 +11,7 @@
<buttonbar id="buttons" height="50%" width="54%" align="center">
<icon-button id="cancel" width="128" height="128" icon="gui/icons/remove.png"
<icon-button id="cancel" width="128" height="128" icon="gui/icons/red_x.png"
I18N="In the enter address dialog" text="Cancel" align="center"/>
<icon-button id="ok" width="128" height="128" icon="gui/icons/green_check.png"

View File

@ -9,7 +9,7 @@
<buttonbar id="buttons" height="36%" width="30%" align="center">
<icon-button id="cancel" width="128" height="128" icon="gui/icons/remove.png"
<icon-button id="cancel" width="128" height="128" icon="gui/icons/red_x.png"
I18N="In the general textfield dialog" text="Cancel" align="center"/>
<icon-button id="ok" width="128" height="128" icon="gui/icons/green_check.png"

View File

@ -17,7 +17,7 @@
</div>
<spacer height="10" width="10"/>
<buttonbar id="buttons" height="20%" width="30%" align="center">
<icon-button id="cancel" width="128" height="128" icon="gui/icons/main_quit.png"
<icon-button id="cancel" width="128" height="128" icon="gui/icons/red_x.png"
I18N="In the kart color slider dialog" text="Cancel" align="center"/>
<icon-button id="apply" width="128" height="128" icon="gui/icons/green_check.png"
I18N="In the kart color slider dialog" text="Apply" align="center"/>

View File

@ -35,7 +35,7 @@
<spacer height="2%" width="50"/>
<buttonbar id="options" width="90%" height="16%" align="center">
<icon-button id="cancel" width="64" height="64" icon="gui/icons/main_quit.png"
<icon-button id="cancel" width="64" height="64" icon="gui/icons/red_x.png"
I18N="In the change password dialog" text="Close" label_location="bottom"/>
<icon-button id="submit" width="64" height="64" icon="gui/icons/green_check.png"
I18N="In the change password dialog" text="Submit" label_location="bottom"/>

View File

@ -34,7 +34,7 @@
<spacer height="2%" width="50"/>
<buttonbar id="options" width="25%" proportion="1" align="center">
<icon-button id="cancel" width="64" height="64" icon="gui/icons/main_quit.png"
<icon-button id="cancel" width="64" height="64" icon="gui/icons/red_x.png"
I18N="In the recovery dialog" text="Cancel" label_location="none"/>
<icon-button id="submit" width="64" height="64" icon="gui/icons/green_check.png"
I18N="In the recovery dialog" text="Submit" label_location="none"/>

View File

@ -23,7 +23,7 @@
<spacer height="2%" width="50"/>
<buttonbar id="options" width="45%" height="14%" align="center">
<icon-button id="cancel" width="64" height="64" icon="gui/icons/main_quit.png"
<icon-button id="cancel" width="64" height="64" icon="gui/icons/red_x.png"
I18N="In the registration dialog" text="Cancel" label_location="bottom"/>
<icon-button id="accept" width="64" height="64" icon="gui/icons/green_check.png"
I18N="In the registration dialog" text="Accept" label_location="bottom"/>

View File

@ -41,7 +41,7 @@
<spacer height="1%" width="20"/>
<buttonbar id="options" x="0" y="0" width="40%" height="18%" align="center">
<icon-button id="cancel" width="64" height="64" icon="gui/icons/main_quit.png"
<icon-button id="cancel" width="64" height="64" icon="gui/icons/red_x.png"
I18N="In the server configuration screen" text="Cancel" label_location="bottom"/>
<icon-button id="ok" width="64" height="64" icon="gui/icons/green_check.png"
I18N="In the server configuration screen" text="OK" label_location="bottom"/>

View File

@ -44,7 +44,7 @@
<spacer proportion="3" width="10"/>
<buttonbar id="options" width="90%" height="20%" align="center">
<icon-button id="cancel" width="64" height="64" icon="gui/icons/main_quit.png"
<icon-button id="cancel" width="64" height="64" icon="gui/icons/red_x.png"
I18N="Splitscreen player in network" text="Cancel" label_location="bottom"/>
<icon-button id="reset" width="64" height="64" icon="gui/icons/remove.png"
I18N="Splitscreen player in network" text="Clear players" label_location="bottom"/>

View File

@ -19,7 +19,7 @@
<spacer height="3%" width="50"/>
<buttonbar id="options" width="90%" height="20%" align="center">
<icon-button id="cancel" width="64" height="64" icon="gui/icons/main_quit.png"
<icon-button id="cancel" width="64" height="64" icon="gui/icons/back.png"
I18N="User info dialog" text="Close" label_location="bottom"/>
<icon-button id="remove" width="64" height="64" icon="gui/icons/package-uninstall.png"
I18N="User info dialog" text="Remove" label_location="bottom"/>
@ -27,7 +27,7 @@
I18N="User info dialog" text="Add Friend" label_location="bottom"/>
<icon-button id="accept" width="64" height="64" icon="gui/icons/green_check.png"
I18N="User info dialog" text="Accept" label_location="bottom"/>
<icon-button id="decline" width="64" height="64" icon="gui/icons/red_mark.png"
<icon-button id="decline" width="64" height="64" icon="gui/icons/red_x.png"
I18N="User info dialog" text="Decline" label_location="bottom"/>
<icon-button id="enter" width="64" height="64" icon="gui/icons/difficulty_medium.png"
I18N="User info dialog" text="View" label_location="bottom"/>

View File

@ -115,3 +115,15 @@ Copyright: Benau
License: CC0
Comment:
source: https://publicdomainvectors.org/en/free-clipart/Outlined-robot-image/74151.html
Files:
green_check.png
Copyright: GNOME Project
License: GPL-2+
Comment: From the Gnome icon set. Source: https://github.com/GNOME/adwaita-icon-theme/blob/gnome-2-30/src/emblem-default.svg License: https://github.com/GNOME/adwaita-icon-theme/blob/gnome-2-30/COPYING
Files:
red_x.png
Copyright: Tango Desktop Project
License: CC0
Comment: An error X symbol icon as emblem. A combination of two icons of project Tango. Source: https://commons.wikimedia.org/wiki/File:Dialog-error-round.svg

BIN
data/gui/icons/red_x.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

View File

@ -61,7 +61,7 @@
</div>
<buttonbar id="options" width="40%" height="15%" align="center">
<icon-button id="cancel" width="50%" height="90%" icon="gui/icons/main_quit.png"
<icon-button id="cancel" width="50%" height="90%" icon="gui/icons/red_x.png"
I18N="In the registration dialog" text="Cancel" label_location="none"/>
<icon-button id="next" width="50%" height="90%" icon="gui/icons/green_check.png"
I18N="In the registration dialog" text="OK" label_location="none"/>

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB