diff --git a/web/src/auth/GiteeLoginButton.js b/web/src/auth/GiteeLoginButton.js
index 72ab2f37..d9c0b6f3 100644
--- a/web/src/auth/GiteeLoginButton.js
+++ b/web/src/auth/GiteeLoginButton.js
@@ -23,8 +23,8 @@ const config = {
text: "Sign in with Gitee",
icon: Icon,
iconFormat: name => `fa fa-${name}`,
- style: {background: "#c71d23"},
- activeStyle: {background: "#f01130"},
+ style: {background: "rgb(199,29,35)"},
+ activeStyle: {background: "rgb(147,22,26)"},
};
const GiteeLoginButton = createButton(config);
diff --git a/web/src/auth/LoginPage.js b/web/src/auth/LoginPage.js
index 7479d0a2..b958006d 100644
--- a/web/src/auth/LoginPage.js
+++ b/web/src/auth/LoginPage.js
@@ -21,9 +21,8 @@ import * as ApplicationBackend from "../backend/ApplicationBackend";
import * as Provider from "./Provider";
import * as Util from "./Util";
import * as Setting from "../Setting";
+import {GithubLoginButton, GoogleLoginButton} from "react-social-login-buttons";
import FacebookLoginButton from "./FacebookLoginButton";
-import GitHubLoginButton from "./GitHubLoginButton";
-import GoogleLoginButton from "./GoogleLoginButton";
import QqLoginButton from "./QqLoginButton";
import DingTalkLoginButton from "./DingTalkLoginButton";
import GiteeLoginButton from "./GiteeLoginButton";
@@ -117,21 +116,21 @@ class LoginPage extends React.Component {
getSigninButton(type) {
const text = i18next.t("login:Sign in with {type}").replace("{type}", type);
if (type === "GitHub") {
- return
+ return
} else if (type === "Google") {
- return
+ return
} else if (type === "QQ") {
- return
+ return
} else if (type === "Facebook") {
- return
+ return
} else if (type === "Weibo") {
- return
+ return
} else if (type === "Gitee") {
- return
+ return
} else if (type === "WeChat") {
- return
+ return
} else if (type === "DingTalk") {
- return
+ return
} else {
return text;
}
diff --git a/web/src/auth/QqLoginButton.js b/web/src/auth/QqLoginButton.js
index 7dae0245..a775c8ac 100644
--- a/web/src/auth/QqLoginButton.js
+++ b/web/src/auth/QqLoginButton.js
@@ -13,10 +13,9 @@
// limitations under the License.
import {createButton} from "react-social-login-buttons";
-import {StaticBaseUrl} from "../Setting";
function Icon({ width = 24, height = 24, color }) {
- return 
;
+ return ;
}
const config = {
diff --git a/web/src/auth/WechatLoginButton.js b/web/src/auth/WechatLoginButton.js
index 175373e5..9b7f76b6 100644
--- a/web/src/auth/WechatLoginButton.js
+++ b/web/src/auth/WechatLoginButton.js
@@ -23,8 +23,8 @@ const config = {
text: "Sign in with Wechat",
icon: Icon,
iconFormat: name => `fa fa-${name}`,
- style: {background: "#06d30a"},
- activeStyle: {background: "#05c109"},
+ style: {background: "rgb(0,194,80)"},
+ activeStyle: {background: "rgb(0,158,64)"},
};
const WechatLoginButton = createButton(config);