style: Change color scheme to blue/white (#18)

wdlsvnit · Feb 24, 2018 · 65542aa · 65542aa
1 parent 042458e
commit 65542aa
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/public/css/styles.css b/public/css/styles.css
@@ -1,5 +1,5 @@
 .chat-body {
-  background-color: #B5CC18;
+  background-color: #ffffff;
 }
 
 .toast-top-center{
@@ -16,7 +16,7 @@
 }
 
 .white-text {
-  color: white;
+  color: #ffffff;
 }
 
 .full {
@@ -86,7 +86,7 @@
   right: 5px;
   font-size: 0.7em;
   bottom: 5px;
-  color: black;
+  color: #ffffff;
 }
 
 .msg_div {
@@ -131,4 +131,4 @@
     height: auto;
     align-self: auto
   }
-}
+}
diff --git a/public/js/chat.js b/public/js/chat.js
@@ -57,9 +57,9 @@
     let template;
     decryptedMessage = autolinker.link(decryptedMessage);
     if (socket.id == data.senderId) {
-      template = `<div class="one column row msg"><div class="right floated purple seven wide column msg_div">${decryptedMessage}<span class="times_css">${data.timeStamp}</span></div></div><br>`;
+      template = `<div class="one column row msg"><div class="right floated blue seven wide column msg_div">${decryptedMessage}<span class="times_css">${data.timeStamp}</span></div></div><br>`;
     } else {
-      template = `<div class="one column row msg"><div class="left floated pink seven wide column msg_div">${decryptedMessage}<span class="times_css">${data.timeStamp}</span></div></div><br>`;
+      template = `<div class="one column row msg"><div class="left floated blue seven wide column msg_div">${decryptedMessage}<span class="times_css">${data.timeStamp}</span></div></div><br>`;
     }
     msgs.insertAdjacentHTML('beforeend', template);
     let height = msgs.offsetHeight;

diff --git a/views/index.hbs b/views/index.hbs
@@ -38,7 +38,7 @@
         </div>
         <div class="eight wide computer eight wide tablet sixteen wide mobile column center aligned">
             <a href="/chat">
-                <div class="ui button animated fade massive green inverted top_clear">
+                <div class="ui button animated fade massive blue inverted top_clear">
                     <div class="visible content">
                         <span class="sty">Chat with Stranger</span>
                     </div>
@@ -63,4 +63,4 @@
 <script src="/bower_components/jquery/dist/jquery.min.js"></script>
 <script src="/bower_components/semantic/dist/semantic.min.js"></script>
 
-</html>
+</html>