diff --git a/src/pages/oj/views/submission/SubmissionDetails.vue b/src/pages/oj/views/submission/SubmissionDetails.vue
index bc47ac9..ad58aa3 100644
--- a/src/pages/oj/views/submission/SubmissionDetails.vue
+++ b/src/pages/oj/views/submission/SubmissionDetails.vue
@@ -1,7 +1,7 @@
 <template>
   <Row type="flex" justify="space-around">
     <Col :span="20" id="status">
-      <Alert :type="status.type" showIcon>
+      <Alert :type="status.color" showIcon>
         <span class="title">{{$t('m.' + status.statusName.replace(/ /g, "_"))}}</span>
         <div slot="desc" class="content">
           <template v-if="isCE">
diff --git a/src/utils/constants.js b/src/utils/constants.js
index e166339..c28a9aa 100644
--- a/src/utils/constants.js
+++ b/src/utils/constants.js
@@ -2,70 +2,70 @@ export const JUDGE_STATUS = {
   '-2': {
     name: 'Compile Error',
     short: 'CE',
-    color: 'yellow',
+    color: 'warning',
     type: 'warning'
   },
   '-1': {
     name: 'Wrong Answer',
     short: 'WA',
-    color: 'red',
+    color: 'error',
     type: 'error'
   },
   '0': {
     name: 'Accepted',
     short: 'AC',
-    color: 'green',
+    color: 'success',
     type: 'success'
   },
   '1': {
     name: 'Time Limit Exceeded',
     short: 'TLE',
-    color: 'red',
+    color: 'error',
     type: 'error'
   },
   '2': {
     name: 'Time Limit Exceeded',
     short: 'TLE',
-    color: 'red',
+    color: 'error',
     type: 'error'
   },
   '3': {
     name: 'Memory Limit Exceeded',
     short: 'MLE',
-    color: 'red',
+    color: 'error',
     type: 'error'
   },
   '4': {
     name: 'Runtime Error',
     short: 'RE',
-    color: 'red',
+    color: 'error',
     type: 'error'
   },
   '5': {
     name: 'System Error',
     short: 'SE',
-    color: 'red',
+    color: 'error',
     type: 'error'
   },
   '6': {
     name: 'Pending',
-    color: 'yellow',
+    color: 'warning',
     type: 'warning'
   },
   '7': {
     name: 'Judging',
-    color: 'blue',
+    color: 'info',
     type: 'primary'
   },
   '8': {
     name: 'Partial Accepted',
     short: 'PAC',
-    color: 'blue',
+    color: 'info',
     type: 'primary'
   },
   '9': {
     name: 'Submitting',
-    color: 'yellow',
+    color: 'warning',
     type: 'warning'
   }
 }