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