From 5e92cf33c53efcba6dd3fa8ed950098c237d651f Mon Sep 17 00:00:00 2001
From: Bas Brands <bas@moodle.com>
Date: Thu, 3 May 2018 09:34:40 +0200
Subject: [PATCH 1/1] MDL-62151 Theme boost: mod_chat styles

---
 mod/chat/styles.css               |  4 ++--
 theme/boost/scss/moodle/chat.scss | 30 ++++++++++++++++++------------
 2 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/mod/chat/styles.css b/mod/chat/styles.css
index 154a7f5bca9..b90e99c34f4 100644
--- a/mod/chat/styles.css
+++ b/mod/chat/styles.css
@@ -93,11 +93,11 @@
 }
 
 .path-mod-chat .yui-layout-unit-right {
-    background: #ffd46b;
+    background: #fff;
 }
 
 .path-mod-chat .yui-layout-unit-bottom {
-    background: #ffcb44;
+    background: #fff;
 }
 
 .path-mod-chat .yui-layout .yui-layout-hd {
diff --git a/theme/boost/scss/moodle/chat.scss b/theme/boost/scss/moodle/chat.scss
index 3d4ea5adb4e..988b6e82a0e 100644
--- a/theme/boost/scss/moodle/chat.scss
+++ b/theme/boost/scss/moodle/chat.scss
@@ -13,32 +13,37 @@
 
     .yui-layout-unit-right,
     .yui-layout-unit-bottom {
-        @extend .card;
-        @extend .card-block;
         border-radius: 0;
     }
 
     .yui-layout-unit div.yui-layout-bd {
         background-color: transparent;
     }
-
+    .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
+        background-color: $gray-100;
+    }
+    // Override the default padding added by function $OUTPUT->box();
+    #chat-input-area.py-3 {
+        @extend .p-0;
+    }
     #chat-input-area table.generaltable,
     #chat-input-area table.generaltable td.cell {
         border: 0;
         padding: 3px 15px;
         white-space: nowrap;
+        margin-bottom: 0;
     }
 
     #chat-userlist {
         padding: 10px 5px;
 
         #users-list {
-            border-top: 1px solid #ddd;
+            border-top: 1px solid $gray-300;
             border-bottom: 1px solid $body-bg;
 
             li {
                 border-top: 1px solid $body-bg;
-                border-bottom: 1px solid #ddd;
+                border-bottom: 1px solid $gray-300;
                 padding: 5px 10px;
             }
 
@@ -58,23 +63,24 @@
             text-align: center;
             margin: 10px 0;
             font-size: $font-size-sm;
-            color: #777;
+            color: $gray-700;
         }
 
         .chat-message.course-theme {
-            @extend .card;
-            @extend .card-block;
-            background-color: $card-bg !important; /* stylelint-disable declaration-no-important */
+            margin-bottom: $card-spacer-y;
+            @include border-radius($card-border-radius);
+            border: $card-border-width solid $card-border-color;
+            padding: $card-spacer-x;
 
             .time {
                 float: right;
                 font-size: 11px;
-                color: #777;
+                color: $gray-700;
             }
         }
 
-        .mdl-chat-my-entry .chat-message.course-theme {
-            background-color: #f6f6f6;
+        .chat-message.course-theme {
+            background-color: $white;
 
             .user {
                 font-weight: bold;
-- 
2.17.1