View source for User:Theremind Lover/Icon redesign

<div style="display:inline-table; float:left; border-radius:10px 10px 0 0; margin-right:2px; padding:5px; width:100px; background:gold; border:2px solid black; border-bottom:none; text-align:center">'''[[User:Theremind Lover/Table redesign|Table]]'''</div><div style="display:inline-table; float:left; border-radius:10px 10px 0 0; margin-right:2px; padding:5px; width:100px; background:gold; border:2px solid black; border-bottom:none; text-align:center">'''[[User:Theremind Lover/Notice redesign|Notice]]'''</div><div style="display:inline-table; float:left; border-radius:10px 10px 0 0; margin-right:2px; padding:5px; width:100px; color:black; background:#fab630; border:2px solid black; border-bottom:none; text-align:center">'''Icon'''</div>
<div style="clear:both; width:99%; padding:5px; border-top:2px solid black"></div>
<tabber>
|-|Overview=
{{DiscussionBoxBegin}}
*[[File:Green vote base.png|15px|link=]]&nbsp;'''Current''' - This is how voting icons look now.
*[[File:Gray vote base.png|15px|link=]]&nbsp;'''Current''' - This is how voting icons look now.
*[[File:Red vote base.png|15px|link=]]&nbsp;'''Current''' - This is how voting icons look now.
{{DiscussionBoxEnd}}

{{DiscussionBoxBegin}}
*[[File:Test Base Green.png|15px|link=]]&nbsp;'''Proposed''' – This is how voting icons will look.
*[[File:Test Base Gray.png|15px|link=]]&nbsp;'''Proposed''' – This is how voting icons will look.
*[[File:Test Base Red.png|15px|link=]]&nbsp;'''Proposed''' – This is how voting icons will look.
{{DiscussionBoxEnd}}
==Explanation==
As nice as the shaded button-style icons look, they do not fit with FANDOM's newer minimalist interface.

==Changes==
{|style="border-spacing:0"
!Before
!After
|-
|{{Hex|4d9905}}
|{{Hex|008c2f}}
|-
|{{Hex|555753}}
|{{Hex|72777d}}
|-
|{{Hex|a40000}}
|{{Hex|e81a3f}}
|}
'''FANDOM colors'''<br />The icons are reduced to two colors each, with the icon colors matching FANDOM's recent changes colors.

'''Visual representation of leaning votes'''<br />Neutral votes that lean toward the green vote gain a green tint, and neutral votes that lean toward the red vote gain a red tint.
__NOEDITSECTION__
|-|General=
{{DiscussionBoxBegin}}
*[[File:Test Support.png|15px|link=]]&nbsp;'''Support''' – Explanation and signature
*[[File:Test Oppose.png|15px|link=]]&nbsp;'''Oppose''' – Explanation and signature
{{DiscussionBoxEnd}}

{{DiscussionBoxBegin}}
*[[File:Test Neutral LT Green.png|15px|link=]]&nbsp;'''Neutral leaning toward Green Vote''' – Explanation and signature
*[[File:Test Neutral.png|15px|link=]]&nbsp;'''Neutral''' – Explanation and signature
*[[File:Test Neutral LT Red.png|15px|link=]]&nbsp;'''Neutral leaning toward Red Vote''' – Explanation and signature
{{DiscussionBoxEnd}}
|-|URR=
{{DiscussionBoxBegin}}
*[[File:Test Keep.png|15px|link=]]&nbsp;'''Keep''' – Explanation and signature
*[[File:Test Suspend.png|15px|link=]]&nbsp;'''Suspend''' – Explanation and signature
*[[File:Test Remove.png|15px|link=]]&nbsp;'''Remove''' – Explanation and signature
{{DiscussionBoxEnd}}
|-|RFR=
{{DiscussionBoxBegin}}
*[[File:Test Restore.png|15px|link=]]&nbsp;'''Restore''' – Explanation and signature
*[[File:Test Keep Deleted.png|15px|link=]]&nbsp;'''Keep Deleted''' – Explanation and signature
{{DiscussionBoxEnd}}
|-|RFM=
{{DiscussionBoxBegin}}
*[[File:Test Merge.png|15px|link=]]&nbsp;'''Merge''' – Explanation and signature
*[[File:Test Keep Separate.png|15px|link=]]&nbsp;'''Keep Separate''' – Explanation and signature
{{DiscussionBoxEnd}}
|-|RFS=
{{DiscussionBoxBegin}}
*[[File:Test Separate.png|15px|link=]]&nbsp;'''Separate''' – Explanation and signature
*[[File:Test Keep Combined.png|15px|link=]]&nbsp;'''Keep Combined''' – Explanation and signature
{{DiscussionBoxEnd}}
|-|RFP=
{{DiscussionBoxBegin}}
*[[File:Test Protect.png|15px|link=]]&nbsp;'''Protect''' – Explanation and signature
*[[File:Test Keep Unprotected.png|15px|link=]]&nbsp;'''Keep Unprotected''' – Explanation and signature
{{DiscussionBoxEnd}}
|-|RFU=
{{DiscussionBoxBegin}}
*[[File:Test Unprotect.png|15px|link=]]&nbsp;'''Unprotect''' – Explanation and signature
*[[File:Test Keep Protected.png|15px|link=]]&nbsp;'''Keep Protected''' – Explanation and signature
{{DiscussionBoxEnd}}
|-|Contest=
{{DiscussionBoxBegin}}
*[[File:Test Like.png|15px|link=]]&nbsp;'''Like''' – Explanation and signature
*[[File:Test Dislike.png|15px|link=]]&nbsp;'''Dislike''' – Explanation and signature
{{DiscussionBoxEnd}}
|-|Commentary=
{{DiscussionBoxBegin}}
*[[File:Test Comment.png|15px|link=]]&nbsp;'''Comment''' – Explanation and signature
*[[File:Test Question.png|15px|link=]]&nbsp;'''Question''' – Explanation and signature
*[[File:Test Reply.png|15px|link=]]&nbsp;'''Reply''' – Explanation and signature
*[[File:Test Change.png|15px|link=]]&nbsp;'''Change''' – Explanation and signature
{{DiscussionBoxEnd}}
|-|Miscellaneous=
{{DiscussionBoxBegin}}
*[[File:Test Closed.png|15px|link=]]&nbsp;'''Closed''' – Explanation and signature
*[[File:Test Other.png|15px|link=]]&nbsp;'''Other''' – Explanation and signature
{{DiscussionBoxEnd}}
|-|Manual=
*[[File:Test Remove.png|15px|link=]]&nbsp;'''Incorrect:''' Overtime<font color="#e81a3f"><u>!!!!</u></font>!
*[[File:Test Remove.png|15px|link=]]&nbsp;'''Incorrect:''' O<font color="#e81a3f"><u>VERTIME</u></font>!
*[[File:Test Keep.png|15px|link=]]&nbsp;'''Correct:''' O<font color="#008c2f"><u>vertime</u></font>!
</tabber>