Make the toolbar a little lighter

0031938b · JC Brand · aab957b0 · 0031938b · 0031938b · 0031938b
Commit 0031938b authored Feb 07, 2018 by JC Brand
Hide whitespace changes
Inline Side-by-side

Showing with 9 additions and 21 deletions

css/converse.css css/converse.css +3 -7

css/inverse.css css/inverse.css +3 -7

sass/_chatbox.scss sass/_chatbox.scss +3 -7

No files found.
--- a/css/converse.css
+++ b/css/converse.css
@@ -1756,20 +1756,16 @@
    #conversejs .chatbox .sendXMPPMessage .chat-toolbar {
      box-sizing: border-box;
      margin: 0;
-      padding: 5px;
+      padding: 0.25em;
      height: 25px;
      display: block;
-      background-color: #3AA569; }
+      background-color: #50c282; }
      #converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar a,
      #conversejs .chatbox .sendXMPPMessage .chat-toolbar a {
-        font-size: 14px;
+        font-size: 16px;
        color: white;
        text-decoration: none;
        text-shadow: none; }
-      #converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar .chat-toolbar-text,
-      #conversejs .chatbox .sendXMPPMessage .chat-toolbar .chat-toolbar-text {
-        font-size: 12px;
-        padding-right: 3px; }
      #converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar .unencrypted a,
      #converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar .unencrypted,
      #conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted a,

--- a/css/inverse.css
+++ b/css/inverse.css
@@ -1821,20 +1821,16 @@ body {
    #conversejs .chatbox .sendXMPPMessage .chat-toolbar {
      box-sizing: border-box;
      margin: 0;
-      padding: 5px;
+      padding: 0.25em;
      height: 29px;
      display: block;
-      background-color: #3AA569; }
+      background-color: #50c282; }
      #converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar a,
      #conversejs .chatbox .sendXMPPMessage .chat-toolbar a {
-        font-size: 16px;
+        font-size: 18px;
        color: white;
        text-decoration: none;
        text-shadow: none; }
-      #converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar .chat-toolbar-text,
-      #conversejs .chatbox .sendXMPPMessage .chat-toolbar .chat-toolbar-text {
-        font-size: 12px;
-        padding-right: 3px; }
      #converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar .unencrypted a,
      #converse-embedded-chat .chatbox .sendXMPPMessage .chat-toolbar .unencrypted,
      #conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted a,

--- a/sass/_chatbox.scss
+++ b/sass/_chatbox.scss
@@ -294,20 +294,16 @@
            .chat-toolbar {
                box-sizing: border-box;
                margin: 0;
-                padding: 5px;
+                padding: 0.25em;
                height: $toolbar-height;
                display: block;
-                background-color: $chat-head-color;
+                background-color: lighten($chat-head-color, 10%);
                a {
-                    font-size: $font-size;
+                    font-size: $font-size-large;
                    color: white;
                    text-decoration: none;
                    text-shadow: none;
                }
-                .chat-toolbar-text {
-                    font-size: 12px;
-                    padding-right: 3px;
-                }
                .unencrypted a,
                .unencrypted {
                    color: $text-color;