UI: Update theme for duplicate chip to green

Duplicate tasks don't signify a failure, so change their color to
match successful tasks. Also, change the order of chips to show
duplicate chips at the end.

Change-Id: I079491efe0b3ed94a1bd7881ad19c26a27765f39

gr-task-plugin/gr-task-chip_html.js

diff --git a/gr-task-plugin/gr-task-chip_html.js b/gr-task-plugin/gr-task-chip_html.js
index 695e6a4..27cee0f 100644
--- a/gr-task-plugin/gr-task-chip_html.js
+++ b/gr-task-plugin/gr-task-chip_html.js
@@ -92,16 +92,16 @@
       background: var(--error-background-focus);
     }
     .taskSummaryChip.duplicate {
-      color: var(--error-foreground);
-      border-color: var(--error-foreground);
-      background: var(--error-background);
+      color: var(--success-foreground);
+      border-color: var(--success-foreground);
+      background: var(--success-background);
     }
     .taskSummaryChip.duplicate:hover {
-      background: var(--error-background-hover);
+      background: var(--success-background-hover);
       box-shadow: var(--elevation-level-1);
     }
     .taskSummaryChip.duplicate:focus-within {
-      background: var(--error-background-focus);
+      background: var(--success-background-focus);
     }
     .taskSummaryChip.fail {
       color: var(--error-foreground);

gr-task-plugin/gr-task-summary_html.js

diff --git a/gr-task-plugin/gr-task-summary_html.js b/gr-task-plugin/gr-task-summary_html.js
index 9da3c7c..4667060 100644
--- a/gr-task-plugin/gr-task-summary_html.js
+++ b/gr-task-plugin/gr-task-summary_html.js
@@ -75,10 +75,10 @@
             <gr-task-chip chip_style="loading" hidden$="[[!is_loading]]">loading...</gr-task-chip>
             <gr-task-chip chip_style="fail" hidden$="[[!fail_count]]">[[fail_count]] blocked</gr-task-chip>
             <gr-task-chip chip_style="invalid" hidden$="[[!invalid_count]]">[[invalid_count]] invalid</gr-task-chip>
-            <gr-task-chip chip_style="duplicate" hidden$="[[!duplicate_count]]">[[duplicate_count]] duplicate</gr-task-chip>
-            <gr-task-chip chip_style="ready" hidden$="[[!ready_count]]">[[ready_count]] needed</gr-task-chip>
             <gr-task-chip chip_style="waiting" hidden$="[[!waiting_count]]">[[waiting_count]] waiting</gr-task-chip>
+            <gr-task-chip chip_style="ready" hidden$="[[!ready_count]]">[[ready_count]] needed</gr-task-chip>
             <gr-task-chip chip_style="success" hidden$="[[!pass_count]]">[[pass_count]] passed</gr-task-chip>
+            <gr-task-chip chip_style="duplicate" hidden$="[[!duplicate_count]]">[[duplicate_count]] duplicate</gr-task-chip>
         </template>
         </td>
       </tr>