Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
24
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Make text color a bit darker

Browse Source
This commit is contained in:
JC Brand 2017-07-17 14:42:36 +02:00
parent 1bcb33ab58
commit 49dd36dd6c
4 changed files with 47 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
css/converse.css
View File

@ -1146,7 +1146,7 @@
#converse-embedded-chat,
#conversejs {
bottom: 0;
color: #818479;
color: #777;
direction: ltr;
display: block;
font-family: "Helvetica", "Arial", sans-serif;
@ -1350,14 +1350,14 @@
#converse-embedded-chat .button-cancel,
#conversejs .button-cancel {
color: white;
background-color: #818479; }
background-color: #777; }
#converse-embedded-chat form.pure-form.converse-form,
#conversejs form.pure-form.converse-form {
background: white;
padding: 1em; }
#converse-embedded-chat form.pure-form.converse-form legend,
#conversejs form.pure-form.converse-form legend {
color: #818479; }
color: #777; }
#converse-embedded-chat form.pure-form.converse-form label,
#conversejs form.pure-form.converse-form label {
margin-top: 1em;
@ -1384,7 +1384,7 @@
#converse-embedded-chat form.pure-form.converse-form input.error,
#conversejs form.pure-form.converse-form input.error {
border: 1px solid #A53214;
color: #818479; }
color: #777; }
#converse-embedded-chat form.pure-form.converse-form .form-help,
#conversejs form.pure-form.converse-form .form-help {
color: gray;
@ -1392,7 +1392,7 @@
padding-top: 0.5em; }
#converse-embedded-chat form.pure-form.converse-form .form-help:hover,
#conversejs form.pure-form.converse-form .form-help:hover {
color: #818479; }
color: #777; }
#converse-embedded-chat form.pure-form.converse-centered-form,
#conversejs form.pure-form.converse-centered-form {
text-align: center;
@ -1551,7 +1551,7 @@
border-bottom-right-radius: 0; } }
#converse-embedded-chat .chatbox .chat-body p,
#conversejs .chatbox .chat-body p {
color: #818479;
color: #777;
font-size: 14px;
margin: 0;
padding: 5px; }
@ -1624,7 +1624,7 @@
position: relative;
padding: 0.5em;
font-size: 13px;
color: #818479;
color: #777;
overflow-y: auto;
border: 0;
background-color: #ffffff;
@ -1696,7 +1696,7 @@
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar a,
#conversejs .chatbox form.sendXMPPMessage .chat-toolbar a {
font-size: 14px;
color: #818479;
color: #777;
text-decoration: none;
text-shadow: none; }
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .chat-toolbar-text,
@ -1707,7 +1707,7 @@
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted,
#conversejs .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted a,
#conversejs .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted {
color: #818479; }
color: #777; }
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted a .toolbar-menu a,
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted .toolbar-menu a,
#conversejs .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted a .toolbar-menu a,
@ -1794,7 +1794,7 @@
color: #8f2831; }
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-toolbar-menu,
#conversejs .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-toolbar-menu {
color: #818479; }
color: #777; }
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-toolbar-menu ul li:hover,
#conversejs .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-toolbar-menu ul li:hover {
background-color: #DCF9F6; }
@ -1946,7 +1946,7 @@
color: gray;
font-size: 85%; }
#conversejs #controlbox #converse-register .instructions:hover {
color: #818479; }
color: #777; }
#conversejs #controlbox #converse-register, #conversejs #controlbox #converse-login {
margin-top: 2em; }
#conversejs #controlbox #converse-register .login-anon, #conversejs #controlbox #converse-login .login-anon {
@ -1971,7 +1971,7 @@
margin: 0; }
#conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle {
display: block;
color: #818479;
color: #777;
margin-top: 1em; }
#conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle:hover {
color: #585B51; }
@ -1980,7 +1980,7 @@
text-align: left; }
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list dt {
border: none;
color: #818479;
color: #777;
font-weight: normal;
padding: 0;
padding-bottom: 0.5em;
@ -1988,7 +1988,7 @@
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list dd.available-chatroom {
border: none;
clear: both;
color: #818479;
color: #777;
display: block;
overflow: hidden;
padding: 0.3em 0;
@ -2084,7 +2084,7 @@
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: inset 2px -2px 20px rgba(0, 0, 0, 0.3);
color: #818479;
color: #777;
display: block;
font-size: 12px;
height: 54px;
@ -2102,7 +2102,7 @@
border-top-right-radius: 5px;
float: right; }
#conversejs #controlbox #controlbox-tabs li a:hover {
color: #818479; }
color: #777; }
#conversejs #controlbox #controlbox-tabs li a:hover .msgs-indicator {
opacity: 1; }
#conversejs #controlbox #controlbox-tabs li a.current, #conversejs #controlbox #controlbox-tabs li a.current:hover {
@ -2110,7 +2110,7 @@
border-bottom: 0;
height: 55px;
cursor: default;
color: #818479; }
color: #777; }
#conversejs #controlbox .fancy-dropdown {
border: 1px solid #B1BFC4;
height: 25px;
@ -2292,13 +2292,13 @@
display: none; }
#conversejs #converse-roster .roster-contacts dt.roster-group {
border: none;
color: #818479;
color: #777;
display: none;
font-weight: normal;
margin: 1em 0 0.5em 0;
text-shadow: 0 1px 0 #FAFAFA; }
#conversejs #converse-roster .roster-contacts dt.roster-group .group-toggle {
color: #818479;
color: #777;
display: block;
width: 100%; }
#conversejs #converse-roster .roster-contacts dt.roster-group .group-toggle:hover {
@ -2306,7 +2306,7 @@
#conversejs #converse-roster .roster-contacts dd {
border: none;
clear: both;
color: #818479;
color: #777;
display: block;
height: 24px;
overflow-y: hidden;
@ -2489,7 +2489,7 @@
float: right;
vertical-align: top;
background-color: white;
border-left: 1px solid #818479;
border-left: 1px solid #777;
border-bottom-right-radius: 4px;
width: 30%;
height: 100%;
@ -2572,7 +2572,7 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border: 0;
color: #818479;
color: #777;
font-size: 14px;
height: 289px;
width: 100%;

46
css/inverse.css
View File

@ -1146,7 +1146,7 @@
#converse-embedded-chat,
#conversejs {
bottom: 0;
color: #818479;
color: #777;
direction: ltr;
display: block;
font-family: "Helvetica", "Arial", sans-serif;
@ -1350,14 +1350,14 @@
#converse-embedded-chat .button-cancel,
#conversejs .button-cancel {
color: white;
background-color: #818479; }
background-color: #777; }
#converse-embedded-chat form.pure-form.converse-form,
#conversejs form.pure-form.converse-form {
background: white;
padding: 1em; }
#converse-embedded-chat form.pure-form.converse-form legend,
#conversejs form.pure-form.converse-form legend {
color: #818479; }
color: #777; }
#converse-embedded-chat form.pure-form.converse-form label,
#conversejs form.pure-form.converse-form label {
margin-top: 1em;
@ -1384,7 +1384,7 @@
#converse-embedded-chat form.pure-form.converse-form input.error,
#conversejs form.pure-form.converse-form input.error {
border: 1px solid #A53214;
color: #818479; }
color: #777; }
#converse-embedded-chat form.pure-form.converse-form .form-help,
#conversejs form.pure-form.converse-form .form-help {
color: gray;
@ -1392,7 +1392,7 @@
padding-top: 0.5em; }
#converse-embedded-chat form.pure-form.converse-form .form-help:hover,
#conversejs form.pure-form.converse-form .form-help:hover {
color: #818479; }
color: #777; }
#converse-embedded-chat form.pure-form.converse-centered-form,
#conversejs form.pure-form.converse-centered-form {
text-align: center;
@ -1443,7 +1443,7 @@ body {
#conversejs form.pure-form.converse-form {
margin: 1em; }
#conversejs form.pure-form.converse-form legend {
color: #818479; }
color: #777; }
#conversejs form.pure-form.converse-form label {
margin-top: 1em; }
#conversejs form.pure-form.converse-form input[type=text],
@ -1597,7 +1597,7 @@ body {
border-bottom-right-radius: 0; } }
#converse-embedded-chat .chatbox .chat-body p,
#conversejs .chatbox .chat-body p {
color: #818479;
color: #777;
font-size: 16px;
margin: 0;
padding: 5px; }
@ -1670,7 +1670,7 @@ body {
position: relative;
padding: 0.5em;
font-size: 13px;
color: #818479;
color: #777;
overflow-y: auto;
border: 0;
background-color: #ffffff;
@ -1742,7 +1742,7 @@ body {
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar a,
#conversejs .chatbox form.sendXMPPMessage .chat-toolbar a {
font-size: 16px;
color: #818479;
color: #777;
text-decoration: none;
text-shadow: none; }
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .chat-toolbar-text,
@ -1753,7 +1753,7 @@ body {
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted,
#conversejs .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted a,
#conversejs .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted {
color: #818479; }
color: #777; }
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted a .toolbar-menu a,
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted .toolbar-menu a,
#conversejs .chatbox form.sendXMPPMessage .chat-toolbar .unencrypted a .toolbar-menu a,
@ -1840,7 +1840,7 @@ body {
color: #8f2831; }
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-toolbar-menu,
#conversejs .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-toolbar-menu {
color: #818479; }
color: #777; }
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-toolbar-menu ul li:hover,
#conversejs .chatbox form.sendXMPPMessage .chat-toolbar li.toggle-toolbar-menu ul li:hover {
background-color: #DCF9F6; }
@ -2021,7 +2021,7 @@ body {
color: gray;
font-size: 85%; }
#conversejs #controlbox #converse-register .instructions:hover {
color: #818479; }
color: #777; }
#conversejs #controlbox #converse-register, #conversejs #controlbox #converse-login {
margin-top: 2em; }
#conversejs #controlbox #converse-register .login-anon, #conversejs #controlbox #converse-login .login-anon {
@ -2046,7 +2046,7 @@ body {
margin: 0; }
#conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle {
display: block;
color: #818479;
color: #777;
margin-top: 1em; }
#conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle:hover {
color: #585B51; }
@ -2055,7 +2055,7 @@ body {
text-align: left; }
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list dt {
border: none;
color: #818479;
color: #777;
font-weight: normal;
padding: 0;
padding-bottom: 0.5em;
@ -2063,7 +2063,7 @@ body {
#conversejs #controlbox #chatrooms .rooms-list-container dl.rooms-list dd.available-chatroom {
border: none;
clear: both;
color: #818479;
color: #777;
display: block;
overflow: hidden;
padding: 0.3em 0;
@ -2159,7 +2159,7 @@ body {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: inset 2px -2px 20px rgba(0, 0, 0, 0.3);
color: #818479;
color: #777;
display: block;
font-size: 14px;
height: 61px;
@ -2177,7 +2177,7 @@ body {
border-top-right-radius: 5px;
float: right; }
#conversejs #controlbox #controlbox-tabs li a:hover {
color: #818479; }
color: #777; }
#conversejs #controlbox #controlbox-tabs li a:hover .msgs-indicator {
opacity: 1; }
#conversejs #controlbox #controlbox-tabs li a.current, #conversejs #controlbox #controlbox-tabs li a.current:hover {
@ -2185,7 +2185,7 @@ body {
border-bottom: 0;
height: 62px;
cursor: default;
color: #818479; }
color: #777; }
#conversejs #controlbox .fancy-dropdown {
border: 1px solid #B1BFC4;
height: 30px;
@ -2405,13 +2405,13 @@ body {
display: none; }
#conversejs #converse-roster .roster-contacts dt.roster-group {
border: none;
color: #818479;
color: #777;
display: none;
font-weight: normal;
margin: 1em 0 0.5em 0;
text-shadow: 0 1px 0 #FAFAFA; }
#conversejs #converse-roster .roster-contacts dt.roster-group .group-toggle {
color: #818479;
color: #777;
display: block;
width: 100%; }
#conversejs #converse-roster .roster-contacts dt.roster-group .group-toggle:hover {
@ -2419,7 +2419,7 @@ body {
#conversejs #converse-roster .roster-contacts dd {
border: none;
clear: both;
color: #818479;
color: #777;
display: block;
height: 24px;
overflow-y: hidden;
@ -2605,7 +2605,7 @@ body {
float: right;
vertical-align: top;
background-color: white;
border-left: 1px solid #818479;
border-left: 1px solid #777;
border-bottom-right-radius: 7px;
width: 30%;
height: 100%;
@ -2688,7 +2688,7 @@ body {
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
border: 0;
color: #818479;
color: #777;
font-size: 16px;
height: 289px;
width: 100%;

2
sass/converse/_variables.scss
View File

@ -42,7 +42,7 @@ $global-background-color: $light-blue !default;
$inverse-link-color: white !default;
$link-shadow-color: #FAFAFA !default;
$text-shadow-color: #FAFAFA !default;
$text-color: #818479 !default;
$text-color: #777 !default;
$light-text-color: #A8ABA1 !default;
$border-color: #CCC !default;
$icon-color: $blue !default;

2
sass/inverse/_variables.scss
View File

@ -42,7 +42,7 @@ $global-background-color: $light-blue !default;
$inverse-link-color: white !default;
$link-shadow-color: #FAFAFA !default;
$text-shadow-color: #FAFAFA !default;
$text-color: #818479 !default;
$text-color: #777 !default;
$light-text-color: #A8ABA1 !default;
$border-color: #CCC !default;
$icon-color: $blue !default;