diff --git a/web/default/src/components/RedemptionsTable.js b/web/default/src/components/RedemptionsTable.js
index ccea9ff3..0aab4340 100644
--- a/web/default/src/components/RedemptionsTable.js
+++ b/web/default/src/components/RedemptionsTable.js
@@ -274,14 +274,12 @@ const RedemptionsTable = () => {
                     <div>
                       <Button
                         size={'small'}
-                        positive
+                        color='green'
                         onClick={async () => {
                           if (await copy(redemption.key)) {
                             showSuccess('已复制到剪贴板！');
                           } else {
-                            showWarning(
-                              '无法复制到剪贴板，请手动复制，已将兑换码填入搜索框。'
-                            );
+                            showWarning('无法复制到剪贴板，请手动复制');
                             setSearchKeyword(redemption.key);
                           }
                         }}
@@ -290,7 +288,7 @@ const RedemptionsTable = () => {
                       </Button>
                       <Popup
                         trigger={
-                          <Button size='small' negative>
+                          <Button size='small' color='red'>
                             删除
                           </Button>
                         }
@@ -309,7 +307,9 @@ const RedemptionsTable = () => {
                       </Popup>
                       <Button
                         size={'small'}
-                        disabled={redemption.status === 3} // used
+                        color={redemption.status === 1 ? 'grey' : 'green'}
+                        basic={redemption.status === 1}
+                        disabled={redemption.status === 3}
                         onClick={() => {
                           manageRedemption(
                             redemption.id,
@@ -322,6 +322,7 @@ const RedemptionsTable = () => {
                       </Button>
                       <Button
                         size={'small'}
+                        color='grey'
                         as={Link}
                         to={'/redemption/edit/' + redemption.id}
                       >
@@ -339,6 +340,7 @@ const RedemptionsTable = () => {
             <Table.HeaderCell colSpan='8'>
               <Button
                 size='small'
+                color='green'
                 as={Link}
                 to='/redemption/add'
                 loading={loading}
diff --git a/web/default/src/components/TokensTable.js b/web/default/src/components/TokensTable.js
index 4fee9773..5be801dc 100644
--- a/web/default/src/components/TokensTable.js
+++ b/web/default/src/components/TokensTable.js
@@ -442,7 +442,7 @@ const TokensTable = () => {
                       </Button.Group>{' '}
                       <Popup
                         trigger={
-                          <Button size='small' negative>
+                          <Button size='small' color='red'>
                             删除
                           </Button>
                         }
@@ -461,6 +461,8 @@ const TokensTable = () => {
                       </Popup>
                       <Button
                         size={'small'}
+                        color={token.status === 1 ? 'grey' : 'green'}
+                        basic={token.status === 1}
                         onClick={() => {
                           manageToken(
                             token.id,
@@ -473,6 +475,7 @@ const TokensTable = () => {
                       </Button>
                       <Button
                         size={'small'}
+                        color='grey'
                         as={Link}
                         to={'/token/edit/' + token.id}
                       >
@@ -488,10 +491,10 @@ const TokensTable = () => {
         <Table.Footer>
           <Table.Row>
             <Table.HeaderCell colSpan='7'>
-              <Button size='small' as={Link} to='/token/add' loading={loading}>
+              <Button size='small' color='green' as={Link} to='/token/add' loading={loading}>
                 添加新的令牌
               </Button>
-              <Button size='small' onClick={refresh} loading={loading}>
+              <Button size='small' basic onClick={refresh} loading={loading}>
                 刷新
               </Button>
               <Dropdown
diff --git a/web/default/src/components/UsersTable.js b/web/default/src/components/UsersTable.js
index 2e08b715..8a1725ba 100644
--- a/web/default/src/components/UsersTable.js
+++ b/web/default/src/components/UsersTable.js
@@ -287,7 +287,7 @@ const UsersTable = () => {
                     <div>
                       <Button
                         size={'small'}
-                        positive
+                        color='blue'
                         onClick={() => {
                           manageUser(user.username, 'promote', idx);
                         }}
@@ -297,7 +297,7 @@ const UsersTable = () => {
                       </Button>
                       <Button
                         size={'small'}
-                        color={'yellow'}
+                        color='orange'
                         onClick={() => {
                           manageUser(user.username, 'demote', idx);
                         }}
@@ -309,7 +309,7 @@ const UsersTable = () => {
                         trigger={
                           <Button
                             size='small'
-                            negative
+                            color='red'
                             disabled={user.role === 100}
                           >
                             删除
@@ -320,7 +320,7 @@ const UsersTable = () => {
                         hoverable
                       >
                         <Button
-                          negative
+                          color='red'
                           onClick={() => {
                             manageUser(user.username, 'delete', idx);
                           }}
@@ -330,6 +330,8 @@ const UsersTable = () => {
                       </Popup>
                       <Button
                         size={'small'}
+                        color={user.status === 1 ? 'grey' : 'green'}
+                        basic={user.status === 1}
                         onClick={() => {
                           manageUser(
                             user.username,
@@ -343,6 +345,7 @@ const UsersTable = () => {
                       </Button>
                       <Button
                         size={'small'}
+                        color='grey'
                         as={Link}
                         to={'/user/edit/' + user.id}
                       >
@@ -358,7 +361,7 @@ const UsersTable = () => {
         <Table.Footer>
           <Table.Row>
             <Table.HeaderCell colSpan='7'>
-              <Button size='small' as={Link} to='/user/add' loading={loading}>
+              <Button size='small' color='green' as={Link} to='/user/add' loading={loading}>
                 添加新的用户
               </Button>
               <Dropdown