diff --git a/src/assets/doudizhu.scss b/src/assets/doudizhu.scss
index 3e8143d..70d2d59 100644
--- a/src/assets/doudizhu.scss
+++ b/src/assets/doudizhu.scss
@@ -3,7 +3,7 @@
 .doudizhu-wrapper {
     width: 100%;
     height: 100%;
-    background-color: #FEF9E7;
+    background-color: #C3CDFF;
     background-image: url("./images/table.png");
     background-repeat: no-repeat;
     background-size: 100% 70%;
diff --git a/src/view/DoudizhuGameView.js b/src/view/DoudizhuGameView.js
index eb8bfeb..678463b 100644
--- a/src/view/DoudizhuGameView.js
+++ b/src/view/DoudizhuGameView.js
@@ -272,7 +272,7 @@ class DoudizhuGameView extends React.Component {
     computeProbabilityItem(idx){
         if(this.state.gameInfo.gameStatus !== "ready" && this.state.gameInfo.turn < this.moveHistory.length){
             let style = {};
-            style["backgroundColor"] = this.moveHistory[this.state.gameInfo.turn].probabilities.length > idx ? `rgba(245, 176, 65 , ${this.moveHistory[this.state.gameInfo.turn].probabilities[idx].probability})` : "#bdbdbd";
+            style["backgroundColor"] = this.moveHistory[this.state.gameInfo.turn].probabilities.length > idx ? `rgba(130, 151, 255 , ${this.moveHistory[this.state.gameInfo.turn].probabilities[idx].probability})` : "#bdbdbd";
             return (
                 <div className={"playing"} style={style}>
                     <div className="probability-move">