Style the ::placeholder text to make it lighter.

This commit is contained in:
JC Brand 2017-03-19 15:59:48 +00:00
parent c976f3f079
commit 4d6fb84239
3 changed files with 11 additions and 6 deletions

View File

@ -1,9 +1,8 @@
/* /*
Color scheme helpers: Color scheme helpers:
https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51 https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ
*/ */
/* $font-path: "../fonticons/fonts/" !default; */
#converse-embedded-chat { #converse-embedded-chat {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;

View File

@ -5,16 +5,15 @@
* Copyright (c) 2012-2016, JC Brand <jc@opkode.com> * Copyright (c) 2012-2016, JC Brand <jc@opkode.com>
* Licensed under the Mozilla Public License * Licensed under the Mozilla Public License
*/ */
/* /*
Color scheme helpers: Color scheme helpers:
https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51 https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ
*/ */
/* $font-path: "../fonticons/fonts/" !default; */
@font-face { @font-face {
font-family: 'Converse-js'; font-family: 'Converse-js';
src: url("/fonticons/fonts/icomoon.eot?wvi0ht"); 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#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-weight: normal;
font-style: normal; } font-style: normal; }
.icon-conversejs { .icon-conversejs {
@ -1164,6 +1163,9 @@
#conversejs { #conversejs {
width: 100%; width: 100%;
width: 100vw; } } width: 100vw; } }
#converse-embedded-chat ::placeholder,
#conversejs ::placeholder {
color: #BBB; }
#converse-embedded-chat .circle, #converse-embedded-chat .circle,
#conversejs .circle { #conversejs .circle {
border-radius: 50%; } border-radius: 50%; }

View File

@ -20,6 +20,10 @@
width: 100vw; width: 100vw;
} }
::placeholder {
color: #BBB;
}
.circle { .circle {
border-radius: 50%; border-radius: 50%;
} }