From 4d6fb84239344fdcc7f567ff869bd400ff35d9cd Mon Sep 17 00:00:00 2001
From: JC Brand <jc@opkode.com>
Date: Sun, 19 Mar 2017 15:59:48 +0000
Subject: [PATCH] Style the ::placeholder text to make it lighter.

---
 css/converse-muc-embedded.css |  3 +--
 css/converse.css              | 10 ++++++----
 sass/_core.scss               |  4 ++++
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/css/converse-muc-embedded.css b/css/converse-muc-embedded.css
index 037e11eeb..b3bbad9a2 100644
--- a/css/converse-muc-embedded.css
+++ b/css/converse-muc-embedded.css
@@ -1,9 +1,8 @@
-/* 
+/*
     Color scheme helpers:
     https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
     http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ
  */
-/* $font-path: "../fonticons/fonts/" !default; */
 #converse-embedded-chat {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
diff --git a/css/converse.css b/css/converse.css
index 40248e441..a3b197f5e 100644
--- a/css/converse.css
+++ b/css/converse.css
@@ -5,16 +5,15 @@
  * Copyright (c) 2012-2016, JC Brand <jc@opkode.com>
  * Licensed under the Mozilla Public License
  */
-/* 
+/*
     Color scheme helpers:
     https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
     http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ
  */
-/* $font-path: "../fonticons/fonts/" !default; */
 @font-face {
   font-family: 'Converse-js';
-  src: url("/fonticons/fonts/icomoon.eot?wvi0ht");
-  src: url("/fonticons/fonts/icomoon.eot?wvi0ht#iefix") format("embedded-opentype"), url("/fonticons/fonts/icomoon.ttf?wvi0ht") format("truetype"), url("/fonticons/fonts/icomoon.woff?wvi0ht") format("woff"), url("/fonticons/fonts/icomoon.svg?wvi0ht#icomoon") format("svg");
+  src: url("../fonticons/fonts/icomoon.eot?wvi0ht");
+  src: url("../fonticons/fonts/icomoon.eot?wvi0ht#iefix") format("embedded-opentype"), url("../fonticons/fonts/icomoon.ttf?wvi0ht") format("truetype"), url("../fonticons/fonts/icomoon.woff?wvi0ht") format("woff"), url("../fonticons/fonts/icomoon.svg?wvi0ht#icomoon") format("svg");
   font-weight: normal;
   font-style: normal; }
 .icon-conversejs {
@@ -1164,6 +1163,9 @@
     #conversejs {
       width: 100%;
       width: 100vw; } }
+  #converse-embedded-chat ::placeholder,
+  #conversejs ::placeholder {
+    color: #BBB; }
   #converse-embedded-chat .circle,
   #conversejs .circle {
     border-radius: 50%; }
diff --git a/sass/_core.scss b/sass/_core.scss
index 132a19907..1b663e168 100644
--- a/sass/_core.scss
+++ b/sass/_core.scss
@@ -20,6 +20,10 @@
         width: 100vw;
     }
 
+    ::placeholder {
+        color: #BBB;
+    }
+
     .circle {
         border-radius: 50%;
     }