Skip to content

C
converse.js
Commit 9eb89758 authored by JC Brand's avatar JC Brand
Browse files
Options

Darken text slightly

parent df948a8d
Hide whitespace changes
Inline Side-by-side
Showing with 43 additions and 43 deletions
css/converse.css
View file @ 9eb89758
...@@ -6770,7 +6770,7 @@ body.reset { ...@@ -6770,7 +6770,7 @@ body.reset {
#conversejs { #conversejs {
padding-left: env(safe-area-inset-left); padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right); padding-right: env(safe-area-inset-right);
color: #777; color: #666;
font-family: "Helvetica", "Arial", sans-serif; font-family: "Helvetica", "Arial", sans-serif;
font-size: 14px; font-size: 14px;
direction: ltr; direction: ltr;
...@@ -7078,7 +7078,7 @@ body.reset { ...@@ -7078,7 +7078,7 @@ body.reset {
background-color: #387592; } background-color: #387592; }
#conversejs .button-cancel { #conversejs .button-cancel {
color: white; color: white;
background-color: #777; } background-color: #666; }
#conversejs form .clear-input { #conversejs form .clear-input {
position: absolute; position: absolute;
right: 0.2em; right: 0.2em;
...@@ -7088,7 +7088,7 @@ body.reset { ...@@ -7088,7 +7088,7 @@ body.reset {
background: white; background: white;
padding: 1em; } padding: 1em; }
#conversejs form.converse-form legend { #conversejs form.converse-form legend {
color: #777; color: #666;
font-size: 125%; font-size: 125%;
margin-bottom: 1.5em; } margin-bottom: 1.5em; }
#conversejs form.converse-form input[type=checkbox] { #conversejs form.converse-form input[type=checkbox] {
...@@ -7112,7 +7112,7 @@ body.reset { ...@@ -7112,7 +7112,7 @@ body.reset {
border: none; } border: none; }
#conversejs form.converse-form input.error { #conversejs form.converse-form input.error {
border: 1px solid #A53214; border: 1px solid #A53214;
color: #777; } color: #666; }
#conversejs form.converse-form .text-muted { #conversejs form.converse-form .text-muted {
color: #A8ABA1 !important; color: #A8ABA1 !important;
font-size: 85%; font-size: 85%;
...@@ -7300,7 +7300,7 @@ body.reset { ...@@ -7300,7 +7300,7 @@ body.reset {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; } } border-bottom-right-radius: 0; } }
#conversejs .chatbox .chat-body p { #conversejs .chatbox .chat-body p {
color: #777; color: #666;
font-size: 14px; font-size: 14px;
margin: 0; margin: 0;
padding: 5px; } padding: 5px; }
...@@ -7319,7 +7319,7 @@ body.reset { ...@@ -7319,7 +7319,7 @@ body.reset {
#conversejs .chatbox .chat-content { #conversejs .chatbox .chat-content {
height: 100%; height: 100%;
font-size: 14px; font-size: 14px;
color: #777; color: #666;
overflow-y: auto; overflow-y: auto;
border: 0; border: 0;
background-color: #ffffff; background-color: #ffffff;
...@@ -7392,7 +7392,7 @@ body.reset { ...@@ -7392,7 +7392,7 @@ body.reset {
font-size: 16px; } font-size: 16px; }
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted a, #conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted a,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted { #conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted {
color: #777; } color: #666; }
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted a .toolbar-menu a, #conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted a .toolbar-menu a,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted .toolbar-menu a { #conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted .toolbar-menu a {
color: #578EA9; } color: #578EA9; }
...@@ -7656,7 +7656,7 @@ body.reset { ...@@ -7656,7 +7656,7 @@ body.reset {
color: gray; color: gray;
font-size: 85%; } font-size: 85%; }
#conversejs #controlbox #converse-register .instructions:hover { #conversejs #controlbox #converse-register .instructions:hover {
color: #777; } color: #666; }
#conversejs #controlbox .conn-feedback { #conversejs #controlbox .conn-feedback {
color: #578EA9; } color: #578EA9; }
#conversejs #controlbox .conn-feedback.error { #conversejs #controlbox .conn-feedback.error {
...@@ -7680,7 +7680,7 @@ body.reset { ...@@ -7680,7 +7680,7 @@ body.reset {
font-weight: bold; } font-weight: bold; }
#conversejs #controlbox .oauth-login { #conversejs #controlbox .oauth-login {
margin-left: 0; margin-left: 0;
color: #777; } color: #666; }
#conversejs #controlbox .oauth-login .icon-social:before { #conversejs #controlbox .oauth-login .icon-social:before {
font-size: 16px; } font-size: 16px; }
#conversejs #controlbox #converse-register legend, #conversejs #controlbox #converse-login legend { #conversejs #controlbox #converse-register legend, #conversejs #controlbox #converse-login legend {
...@@ -7713,7 +7713,7 @@ body.reset { ...@@ -7713,7 +7713,7 @@ body.reset {
#conversejs #controlbox .list-container .items-list .list-item { #conversejs #controlbox .list-container .items-list .list-item {
border: none; border: none;
clear: both; clear: both;
color: #777; color: #666;
display: block; display: block;
height: 2em; height: 2em;
overflow: hidden; overflow: hidden;
...@@ -7730,7 +7730,7 @@ body.reset { ...@@ -7730,7 +7730,7 @@ body.reset {
width: 100%; } width: 100%; }
#conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle { #conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle {
display: block; display: block;
color: #777; color: #666;
padding: 0 0 0.5rem 0; } padding: 0 0 0.5rem 0; }
#conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle:hover { #conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle:hover {
color: #585B51; } color: #585B51; }
...@@ -7912,7 +7912,7 @@ body.reset { ...@@ -7912,7 +7912,7 @@ body.reset {
padding-left: 15px; padding-left: 15px;
flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; max-width: 66.6666666667%;
color: #777; color: #666;
font-size: 2em; } font-size: 2em; }
#conversejs:not(.fullscreen) #controlbox .controlbox-head .chatbox-btn { #conversejs:not(.fullscreen) #controlbox .controlbox-head .chatbox-btn {
color: #578EA9; color: #578EA9;
...@@ -7967,12 +7967,12 @@ body.reset { ...@@ -7967,12 +7967,12 @@ body.reset {
overflow-y: auto; } overflow-y: auto; }
#conversejs #converse-roster .roster-contacts .roster-group { #conversejs #converse-roster .roster-contacts .roster-group {
border: none; border: none;
color: #777; color: #666;
font-weight: normal; font-weight: normal;
text-shadow: 0 1px 0 #FAFAFA; text-shadow: 0 1px 0 #FAFAFA;
margin: 0.75em 0 0.75em 0; } margin: 0.75em 0 0.75em 0; }
#conversejs #converse-roster .roster-contacts .roster-group .group-toggle { #conversejs #converse-roster .roster-contacts .roster-group .group-toggle {
color: #777; color: #666;
display: block; display: block;
width: 100%; width: 100%;
padding: 0 0 0.3rem 0; } padding: 0 0 0.3rem 0; }
...@@ -7981,7 +7981,7 @@ body.reset { ...@@ -7981,7 +7981,7 @@ body.reset {
#conversejs #converse-roster .roster-contacts .roster-group li { #conversejs #converse-roster .roster-contacts .roster-group li {
border: none; border: none;
clear: both; clear: both;
color: #777; color: #666;
display: block; display: block;
height: 24px; height: 24px;
overflow-y: hidden; overflow-y: hidden;
...@@ -8173,7 +8173,7 @@ body.reset { ...@@ -8173,7 +8173,7 @@ body.reset {
overflow-y: hidden; overflow-y: hidden;
vertical-align: top; vertical-align: top;
background-color: white; background-color: white;
border-left: 1px solid #777; border-left: 1px solid #666;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
padding: 0.5em; } padding: 0.5em; }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .occupants-heading, #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .occupants-heading,
...@@ -8216,7 +8216,7 @@ body.reset { ...@@ -8216,7 +8216,7 @@ body.reset {
width: 100%; } width: 100%; }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants ul.features-list .feature .fa, #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants ul.features-list .feature .fa,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul.features-list .feature .fa { #conversejs .chatroom .box-flyout .chatroom-body .occupants ul.features-list .feature .fa {
color: #777; } color: #666; }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants ul li, #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants ul li,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul li { #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li {
cursor: default; cursor: default;
...@@ -8266,7 +8266,7 @@ body.reset { ...@@ -8266,7 +8266,7 @@ body.reset {
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
border: 0; border: 0;
color: #777; color: #666;
font-size: 14px; font-size: 14px;
height: 100%; height: 100%;
width: 100%; width: 100%;
...@@ -8343,7 +8343,7 @@ body.reset { ...@@ -8343,7 +8343,7 @@ body.reset {
#conversejs .message.date-separator .separator-text { #conversejs .message.date-separator .separator-text {
background: white; background: white;
bottom: 1px; bottom: 1px;
color: #666; color: #555;
display: inline-block; display: inline-block;
line-height: 2em; line-height: 2em;
padding: 0 1em; padding: 0 1em;
...@@ -8400,7 +8400,7 @@ body.reset { ...@@ -8400,7 +8400,7 @@ body.reset {
margin-left: 0; } margin-left: 0; }
#conversejs .message.chat-msg .chat-msg-text { #conversejs .message.chat-msg .chat-msg-text {
padding: 0; padding: 0;
color: #666; } color: #555; }
#conversejs .message.chat-msg .chat-msg-text a { #conversejs .message.chat-msg .chat-msg-text a {
word-wrap: break-word; word-wrap: break-word;
word-break: break-all; } word-break: break-all; }
...@@ -8426,7 +8426,7 @@ body.reset { ...@@ -8426,7 +8426,7 @@ body.reset {
font-weight: bold; } font-weight: bold; }
#conversejs .message.chat-msg .chat-msg-heading .chat-msg-time { #conversejs .message.chat-msg .chat-msg-heading .chat-msg-time {
padding-left: 0.25em; padding-left: 0.25em;
color: #9d9d9d; } color: #8c8c8c; }
#conversejs .message.chat-msg.chat-action { #conversejs .message.chat-msg.chat-action {
display: block; } display: block; }
#conversejs .message.chat-msg.chat-action .chat-msg-heading { #conversejs .message.chat-msg.chat-action .chat-msg-heading {
......
css/inverse.css
View file @ 9eb89758
...@@ -6770,7 +6770,7 @@ body.reset { ...@@ -6770,7 +6770,7 @@ body.reset {
#conversejs { #conversejs {
padding-left: env(safe-area-inset-left); padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right); padding-right: env(safe-area-inset-right);
color: #777; color: #666;
font-family: "Helvetica", "Arial", sans-serif; font-family: "Helvetica", "Arial", sans-serif;
font-size: 16px; font-size: 16px;
direction: ltr; direction: ltr;
...@@ -7078,7 +7078,7 @@ body.reset { ...@@ -7078,7 +7078,7 @@ body.reset {
background-color: #387592; } background-color: #387592; }
#conversejs .button-cancel { #conversejs .button-cancel {
color: white; color: white;
background-color: #777; } background-color: #666; }
#conversejs form .clear-input { #conversejs form .clear-input {
position: absolute; position: absolute;
right: 0.2em; right: 0.2em;
...@@ -7088,7 +7088,7 @@ body.reset { ...@@ -7088,7 +7088,7 @@ body.reset {
background: white; background: white;
padding: 1em; } padding: 1em; }
#conversejs form.converse-form legend { #conversejs form.converse-form legend {
color: #777; color: #666;
font-size: 125%; font-size: 125%;
margin-bottom: 1.5em; } margin-bottom: 1.5em; }
#conversejs form.converse-form input[type=checkbox] { #conversejs form.converse-form input[type=checkbox] {
...@@ -7112,7 +7112,7 @@ body.reset { ...@@ -7112,7 +7112,7 @@ body.reset {
border: none; } border: none; }
#conversejs form.converse-form input.error { #conversejs form.converse-form input.error {
border: 1px solid #A53214; border: 1px solid #A53214;
color: #777; } color: #666; }
#conversejs form.converse-form .text-muted { #conversejs form.converse-form .text-muted {
color: #A8ABA1 !important; color: #A8ABA1 !important;
font-size: 85%; font-size: 85%;
...@@ -7353,7 +7353,7 @@ body { ...@@ -7353,7 +7353,7 @@ body {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; } } border-bottom-right-radius: 0; } }
#conversejs .chatbox .chat-body p { #conversejs .chatbox .chat-body p {
color: #777; color: #666;
font-size: 14px; font-size: 14px;
margin: 0; margin: 0;
padding: 5px; } padding: 5px; }
...@@ -7372,7 +7372,7 @@ body { ...@@ -7372,7 +7372,7 @@ body {
#conversejs .chatbox .chat-content { #conversejs .chatbox .chat-content {
height: 100%; height: 100%;
font-size: 14px; font-size: 14px;
color: #777; color: #666;
overflow-y: auto; overflow-y: auto;
border: 0; border: 0;
background-color: #ffffff; background-color: #ffffff;
...@@ -7445,7 +7445,7 @@ body { ...@@ -7445,7 +7445,7 @@ body {
font-size: 18px; } font-size: 18px; }
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted a, #conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted a,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted { #conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted {
color: #777; } color: #666; }
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted a .toolbar-menu a, #conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted a .toolbar-menu a,
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted .toolbar-menu a { #conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted .toolbar-menu a {
color: #578EA9; } color: #578EA9; }
...@@ -7730,7 +7730,7 @@ body { ...@@ -7730,7 +7730,7 @@ body {
color: gray; color: gray;
font-size: 85%; } font-size: 85%; }
#conversejs #controlbox #converse-register .instructions:hover { #conversejs #controlbox #converse-register .instructions:hover {
color: #777; } color: #666; }
#conversejs #controlbox .conn-feedback { #conversejs #controlbox .conn-feedback {
color: #578EA9; } color: #578EA9; }
#conversejs #controlbox .conn-feedback.error { #conversejs #controlbox .conn-feedback.error {
...@@ -7754,7 +7754,7 @@ body { ...@@ -7754,7 +7754,7 @@ body {
font-weight: bold; } font-weight: bold; }
#conversejs #controlbox .oauth-login { #conversejs #controlbox .oauth-login {
margin-left: 0; margin-left: 0;
color: #777; } color: #666; }
#conversejs #controlbox .oauth-login .icon-social:before { #conversejs #controlbox .oauth-login .icon-social:before {
font-size: 18px; } font-size: 18px; }
#conversejs #controlbox #converse-register legend, #conversejs #controlbox #converse-login legend { #conversejs #controlbox #converse-register legend, #conversejs #controlbox #converse-login legend {
...@@ -7787,7 +7787,7 @@ body { ...@@ -7787,7 +7787,7 @@ body {
#conversejs #controlbox .list-container .items-list .list-item { #conversejs #controlbox .list-container .items-list .list-item {
border: none; border: none;
clear: both; clear: both;
color: #777; color: #666;
display: block; display: block;
height: 2em; height: 2em;
overflow: hidden; overflow: hidden;
...@@ -7804,7 +7804,7 @@ body { ...@@ -7804,7 +7804,7 @@ body {
width: 100%; } width: 100%; }
#conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle { #conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle {
display: block; display: block;
color: #777; color: #666;
padding: 0 0 0.5rem 0; } padding: 0 0 0.5rem 0; }
#conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle:hover { #conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle:hover {
color: #585B51; } color: #585B51; }
...@@ -8103,12 +8103,12 @@ body { ...@@ -8103,12 +8103,12 @@ body {
overflow-y: auto; } overflow-y: auto; }
#conversejs #converse-roster .roster-contacts .roster-group { #conversejs #converse-roster .roster-contacts .roster-group {
border: none; border: none;
color: #777; color: #666;
font-weight: normal; font-weight: normal;
text-shadow: 0 1px 0 #FAFAFA; text-shadow: 0 1px 0 #FAFAFA;
margin: 0.75em 0 0.75em 0; } margin: 0.75em 0 0.75em 0; }
#conversejs #converse-roster .roster-contacts .roster-group .group-toggle { #conversejs #converse-roster .roster-contacts .roster-group .group-toggle {
color: #777; color: #666;
display: block; display: block;
width: 100%; width: 100%;
padding: 0 0 0.3rem 0; } padding: 0 0 0.3rem 0; }
...@@ -8117,7 +8117,7 @@ body { ...@@ -8117,7 +8117,7 @@ body {
#conversejs #converse-roster .roster-contacts .roster-group li { #conversejs #converse-roster .roster-contacts .roster-group li {
border: none; border: none;
clear: both; clear: both;
color: #777; color: #666;
display: block; display: block;
height: 24px; height: 24px;
overflow-y: hidden; overflow-y: hidden;
...@@ -8315,7 +8315,7 @@ body { ...@@ -8315,7 +8315,7 @@ body {
overflow-y: hidden; overflow-y: hidden;
vertical-align: top; vertical-align: top;
background-color: white; background-color: white;
border-left: 1px solid #777; border-left: 1px solid #666;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
padding: 0.5em; } padding: 0.5em; }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .occupants-heading, #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .occupants-heading,
...@@ -8358,7 +8358,7 @@ body { ...@@ -8358,7 +8358,7 @@ body {
width: 100%; } width: 100%; }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants ul.features-list .feature .fa, #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants ul.features-list .feature .fa,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul.features-list .feature .fa { #conversejs .chatroom .box-flyout .chatroom-body .occupants ul.features-list .feature .fa {
color: #777; } color: #666; }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants ul li, #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants ul li,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul li { #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li {
cursor: default; cursor: default;
...@@ -8408,7 +8408,7 @@ body { ...@@ -8408,7 +8408,7 @@ body {
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
border: 0; border: 0;
color: #777; color: #666;
font-size: 16px; font-size: 16px;
height: 100%; height: 100%;
width: 100%; width: 100%;
...@@ -8531,7 +8531,7 @@ body { ...@@ -8531,7 +8531,7 @@ body {
#conversejs .message.date-separator .separator-text { #conversejs .message.date-separator .separator-text {
background: white; background: white;
bottom: 1px; bottom: 1px;
color: #666; color: #555;
display: inline-block; display: inline-block;
line-height: 2em; line-height: 2em;
padding: 0 1em; padding: 0 1em;
...@@ -8588,7 +8588,7 @@ body { ...@@ -8588,7 +8588,7 @@ body {
margin-left: 0; } margin-left: 0; }
#conversejs .message.chat-msg .chat-msg-text { #conversejs .message.chat-msg .chat-msg-text {
padding: 0; padding: 0;
color: #666; } color: #555; }
#conversejs .message.chat-msg .chat-msg-text a { #conversejs .message.chat-msg .chat-msg-text a {
word-wrap: break-word; word-wrap: break-word;
word-break: break-all; } word-break: break-all; }
...@@ -8614,7 +8614,7 @@ body { ...@@ -8614,7 +8614,7 @@ body {
font-weight: bold; } font-weight: bold; }
#conversejs .message.chat-msg .chat-msg-heading .chat-msg-time { #conversejs .message.chat-msg .chat-msg-heading .chat-msg-time {
padding-left: 0.25em; padding-left: 0.25em;
color: #9d9d9d; } color: #8c8c8c; }
#conversejs .message.chat-msg.chat-action { #conversejs .message.chat-msg.chat-action {
display: block; } display: block; }
#conversejs .message.chat-msg.chat-action .chat-msg-heading { #conversejs .message.chat-msg.chat-action .chat-msg-heading {
......
sass/_variables.scss
View file @ 9eb89758
...@@ -47,8 +47,8 @@ $global-background-color: $light-blue !default; ...@@ -47,8 +47,8 @@ $global-background-color: $light-blue !default;
$inverse-link-color: white !default; $inverse-link-color: white !default;
$link-shadow-color: #FAFAFA !default; $link-shadow-color: #FAFAFA !default;
$text-shadow-color: #FAFAFA !default; $text-shadow-color: #FAFAFA !default;
$text-color: #777 !default; $text-color: #666 !default;
$message-text-color: #666 !default; $message-text-color: #555 !default;
$light-text-color: #A8ABA1 !default; $light-text-color: #A8ABA1 !default;
$border-color: #CCC !default; $border-color: #CCC !default;
$icon-color: $blue !default; $icon-color: $blue !default;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7