diff --git a/public/images/HoriLogo.jpg b/public/images/HoriLogo.jpg
deleted file mode 100644
index b9a47da..0000000
Binary files a/public/images/HoriLogo.jpg and /dev/null differ
diff --git a/public/images/squareLogo.jpg b/public/images/squareLogo.jpg
deleted file mode 100644
index a705a51..0000000
Binary files a/public/images/squareLogo.jpg and /dev/null differ
diff --git "a/public/images/\346\210\221\345\234\260\345\270\202\346\255\243Logo-01.png" "b/public/images/\346\210\221\345\234\260\345\270\202\346\255\243Logo-01.png"
new file mode 100644
index 0000000..beddfe7
Binary files /dev/null and "b/public/images/\346\210\221\345\234\260\345\270\202\346\255\243Logo-01.png" differ
diff --git "a/public/images/\346\210\221\345\234\260\345\270\202\346\255\243Logo-02.png" "b/public/images/\346\210\221\345\234\260\345\270\202\346\255\243Logo-02.png"
new file mode 100644
index 0000000..f77bb07
Binary files /dev/null and "b/public/images/\346\210\221\345\234\260\345\270\202\346\255\243Logo-02.png" differ
diff --git a/src/AboutDialog.js b/src/AboutDialog.js
index bf6ba8b..78ff79b 100644
--- a/src/AboutDialog.js
+++ b/src/AboutDialog.js
@@ -15,6 +15,7 @@ const Transition = props => {
 const styles = {
   appBar: {
     position: 'relative',
+    background: 'linear-gradient(to bottom, #006fbf  50%, #014880 50%)',
   },
   flex: {
     flex: 1,
diff --git a/src/EventListDialog.js b/src/EventListDialog.js
index 6e0b7c6..08796dd 100644
--- a/src/EventListDialog.js
+++ b/src/EventListDialog.js
@@ -26,6 +26,7 @@ function Transition(props) {
 const styles = {
     appBar: {
       position: 'relative',
+      background: 'linear-gradient(to bottom, #006fbf  50%, #014880 50%)',
     },
     flex: {
       flex: 1,
diff --git a/src/Header.js b/src/Header.js
index 7cfb7d6..642a2aa 100644
--- a/src/Header.js
+++ b/src/Header.js
@@ -24,7 +24,7 @@ const styles = theme => ({
     height: 64,
   },
   dialogTitle: {
-    background: 'linear-gradient(to bottom, #00aed9  50%, #003e89 50%)',
+    background: 'linear-gradient(to bottom, #006fbf  50%, #014880 50%)',
   },
   flex: {  
     
@@ -56,7 +56,7 @@ class Header extends Component {
     let homeUrl = window.location.protocol + "//" + window.location.hostname;
     return (<AppBar className={classes.dialogTitle}>
               <Toolbar>
-                <CardMedia className={classes.cover}  image={"/images/squareLogo.jpg"} onClick={() => {window.location.href = homeUrl}}/>
+                <CardMedia className={classes.cover}  image={"/images/我地市正Logo-01.png"} onClick={() => {window.location.href = homeUrl}}/>
                 <SignInButton/>
                 <TextField id={constant.searchLabel} className={classes.searchInput} variant="outlined"  fullWidth margin="normal" value={constant.searchLabel} endAdornment={<InputAdornment position="end"><SearchIcon/></InputAdornment>} onClick={() => this.props.toggleSearchEventDialog(true)}/>
               </Toolbar>
diff --git a/src/LocationButton.js b/src/LocationButton.js
index 97280e4..eefca7b 100644
--- a/src/LocationButton.js
+++ b/src/LocationButton.js
@@ -34,7 +34,7 @@ const styles = theme => ({
     flex: 1,
   },
   dialogTitle: {
-    background: 'linear-gradient(to bottom, #00aed9  50%, #003e89 50%)',
+    background: 'linear-gradient(to bottom, #006fbf  50%, #014880 50%)',
   },
   showMapBtn: {
     width: '100%'
diff --git a/src/MessageDialog.js b/src/MessageDialog.js
index 5e2acba..8a29484 100644
--- a/src/MessageDialog.js
+++ b/src/MessageDialog.js
@@ -38,7 +38,7 @@ const styles = theme => ({
   },
   dialogTitle: {
     position: 'relative',
-    background: 'linear-gradient(to bottom, #00aed9  50%, #003e89 50%)',
+    background: 'linear-gradient(to bottom, #006fbf  50%, #014880 50%)',
   },
   root: {
      paddingRight: 0
diff --git a/src/MessageView.js b/src/MessageView.js
index 7d23c10..54cc6ec 100644
--- a/src/MessageView.js
+++ b/src/MessageView.js
@@ -95,8 +95,7 @@ const styles = theme => ({
     color: theme.palette.primary.light,
   },
   titleBar: {
-    background:
-      'linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%)',
+    background: 'linear-gradient(to bottom, #006fbf  50%, #014880 50%)',
   },  
 });
 
diff --git a/src/PostMessageView.js b/src/PostMessageView.js
index 332475f..160df6f 100644
--- a/src/PostMessageView.js
+++ b/src/PostMessageView.js
@@ -62,7 +62,7 @@ const styles = theme => ({
     padding: '0.5rem'
   },
   dialogTitle: {
-    background: 'linear-gradient(to bottom, #00aed9  50%, #003e89 50%)',
+    background: 'linear-gradient(to bottom, #006fbf  50%, #014880 50%)',
   },
   signButton: {
     fontWeight: 'bold',
diff --git a/src/SearchEventDialog.js b/src/SearchEventDialog.js
index c3f3715..1759f35 100644
--- a/src/SearchEventDialog.js
+++ b/src/SearchEventDialog.js
@@ -34,7 +34,7 @@ function Transition(props) {
 const styles = theme =>  ({
     appBar: {
       position: 'relative',
-      background: 'linear-gradient(to bottom, #00aed9  50%, #003e89 50%)',
+      background: 'linear-gradient(to bottom, #006fbf  50%, #014880 50%)',
     },
     flex: {
       flex: 1,
@@ -100,7 +100,7 @@ const styles = theme =>  ({
       flex: 1,
     }, 
     dialogTitle: {
-      background: 'linear-gradient(to bottom, #00aed9  50%, #003e89 50%)',
+      background: 'linear-gradient(to bottom, #006fbf  50%, #014880 50%)',
     }
   });
 
diff --git a/src/UploadImageButton.js b/src/UploadImageButton.js
index 3977ada..c5f3579 100644
--- a/src/UploadImageButton.js
+++ b/src/UploadImageButton.js
@@ -18,7 +18,7 @@ const styles = theme => ({
       display: 'none',
     },
     dialogTitle: {
-      background: 'linear-gradient(to bottom, #00aed9  50%, #003e89 50%)',
+      background: 'linear-gradient(to bottom, #006fbf  50%, #014880 50%)',
     },
     previewThumbnail: {
       width: '128px',
diff --git a/src/UserProfileView.js b/src/UserProfileView.js
index d9325b1..4470697 100644
--- a/src/UserProfileView.js
+++ b/src/UserProfileView.js
@@ -40,6 +40,7 @@ const homeLocationLabel = "屋企位置";
 const styles = {
   appBar: {
     position: 'relative',
+    background: 'linear-gradient(to bottom, #006fbf  50%, #014880 50%)',
   },
   flex: {
     flex: 1,
diff --git a/src/address/AddressDialog.js b/src/address/AddressDialog.js
index 0dbd147..447d355 100644
--- a/src/address/AddressDialog.js
+++ b/src/address/AddressDialog.js
@@ -23,6 +23,7 @@ function Transition(props) {
 const styles = {
   appBar: {
     position: 'relative',
+    background: 'linear-gradient(to bottom, #006fbf  50%, #014880 50%)',
   },
   flex: {
     flex: 1,
diff --git a/src/bookmark/BookmarkBoard.js b/src/bookmark/BookmarkBoard.js
index f523919..53a7fde 100644
--- a/src/bookmark/BookmarkBoard.js
+++ b/src/bookmark/BookmarkBoard.js
@@ -29,9 +29,6 @@ function Transition(props) {
 }
 
 const styles = {
-    appBar: {
-      position: 'relative',
-    },
     flex: {
       flex: 1,
     },
@@ -48,7 +45,11 @@ const styles = {
       bottom:'0',
       right:'0',
       fontSize:'0.5rem',
-    }
+    },
+    dialogTitle: {
+      position: 'relative',
+      background: 'linear-gradient(to bottom, #006fbf  50%, #014880 50%)',
+    },    
   };
 
 function Transition(props) {
@@ -137,7 +138,7 @@ class BookmarkBoard extends React.Component {
           </ListItem>
         </div>
         <Dialog fullScreen open={this.state.open} onRequestClose={this.handleRequestClose} transition={Transition} unmountOnExit>
-          <AppBar className={classes.appBar}>
+          <AppBar className={classes.dialogTitle}>
             <Toolbar>
               <IconButton color="contrast" onClick={this.handleRequestClose} aria-label="Close">
                   <CloseIcon />
diff --git a/src/bookmark/BookmarkView.js b/src/bookmark/BookmarkView.js
index 4126a7c..fbaf19c 100644
--- a/src/bookmark/BookmarkView.js
+++ b/src/bookmark/BookmarkView.js
@@ -52,7 +52,7 @@ const styles = theme => ({
         flex: 1,
     },
     dialogTitle: {
-        background: 'linear-gradient(to bottom, #00aed9  50%, #003e89 50%)',
+        background: 'linear-gradient(to bottom, #006fbf  50%, #014880 50%)',
     },
     summaryGrid: {
         display: 'inline-grid',
diff --git a/src/comment/PostCommentView.js b/src/comment/PostCommentView.js
index 0296e35..9942a42 100644
--- a/src/comment/PostCommentView.js
+++ b/src/comment/PostCommentView.js
@@ -63,7 +63,7 @@ const styles = theme => ({
     padding: '0.5rem'
   },
   dialogTitle: {
-    background: 'linear-gradient(to bottom, #00aed9  50%, #003e89 50%)',
+    background: 'linear-gradient(to bottom, #006fbf  50%, #014880 50%)',
   }
 });
 
diff --git a/src/mission/MissionView.js b/src/mission/MissionView.js
index 54a1856..fc639b2 100644
--- a/src/mission/MissionView.js
+++ b/src/mission/MissionView.js
@@ -31,6 +31,7 @@ const styles = theme => ({
   paper: {},
   appBar: {
     position: 'relative',
+    background: 'linear-gradient(to bottom, #006fbf  50%, #014880 50%)',
   },
   flex: {
     flex: 1,