diff --git a/web/default/src/components/Footer.js b/web/default/src/components/Footer.js
index 334ee379..edeeaa50 100644
--- a/web/default/src/components/Footer.js
+++ b/web/default/src/components/Footer.js
@@ -29,7 +29,7 @@ const Footer = () => {
 
   return (
     <Segment vertical>
-      <Container textAlign='center'>
+      <Container textAlign='center' style={{ color: '#666666' }}>
         {footer ? (
           <div
             className='custom-footer'
@@ -37,10 +37,7 @@ const Footer = () => {
           ></div>
         ) : (
           <div className='custom-footer'>
-            <a
-              href='https://github.com/songquanpeng/one-api'
-              target='_blank'
-            >
+            <a href='https://github.com/songquanpeng/one-api' target='_blank'>
               {systemName} {process.env.REACT_APP_VERSION}{' '}
             </a>
             由{' '}
diff --git a/web/default/src/components/Header.js b/web/default/src/components/Header.js
index 86fd0867..dd2a5fdd 100644
--- a/web/default/src/components/Header.js
+++ b/web/default/src/components/Header.js
@@ -177,7 +177,9 @@ const Header = () => {
               {renderButtons(true)}
               <Menu.Item>
                 {userState.user ? (
-                  <Button onClick={logout}>注销</Button>
+                  <Button onClick={logout} style={{ color: '#666666' }}>
+                    注销
+                  </Button>
                 ) : (
                   <>
                     <Button
@@ -250,6 +252,7 @@ const Header = () => {
                     style={{
                       fontSize: '15px',
                       fontWeight: '400',
+                      color: '#666',
                     }}
                   >
                     注销