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 {
#conversejs {
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
color: #777;
color: #666;
font-family: "Helvetica", "Arial", sans-serif;
font-size: 14px;
direction: ltr;
......@@ -7078,7 +7078,7 @@ body.reset {
background-color: #387592; }
#conversejs .button-cancel {
color: white;
background-color: #777; }
background-color: #666; }
#conversejs form .clear-input {
position: absolute;
right: 0.2em;
......@@ -7088,7 +7088,7 @@ body.reset {
background: white;
padding: 1em; }
#conversejs form.converse-form legend {
color: #777;
color: #666;
font-size: 125%;
margin-bottom: 1.5em; }
#conversejs form.converse-form input[type=checkbox] {
......@@ -7112,7 +7112,7 @@ body.reset {
border: none; }
#conversejs form.converse-form input.error {
border: 1px solid #A53214;
color: #777; }
color: #666; }
#conversejs form.converse-form .text-muted {
color: #A8ABA1 !important;
font-size: 85%;
......@@ -7300,7 +7300,7 @@ body.reset {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; } }
#conversejs .chatbox .chat-body p {
color: #777;
color: #666;
font-size: 14px;
margin: 0;
padding: 5px; }
......@@ -7319,7 +7319,7 @@ body.reset {
#conversejs .chatbox .chat-content {
height: 100%;
font-size: 14px;
color: #777;
color: #666;
overflow-y: auto;
border: 0;
background-color: #ffffff;
......@@ -7392,7 +7392,7 @@ body.reset {
font-size: 16px; }
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted a,
#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 .toolbar-menu a {
color: #578EA9; }
......@@ -7656,7 +7656,7 @@ body.reset {
color: gray;
font-size: 85%; }
#conversejs #controlbox #converse-register .instructions:hover {
color: #777; }
color: #666; }
#conversejs #controlbox .conn-feedback {
color: #578EA9; }
#conversejs #controlbox .conn-feedback.error {
......@@ -7680,7 +7680,7 @@ body.reset {
font-weight: bold; }
#conversejs #controlbox .oauth-login {
margin-left: 0;
color: #777; }
color: #666; }
#conversejs #controlbox .oauth-login .icon-social:before {
font-size: 16px; }
#conversejs #controlbox #converse-register legend, #conversejs #controlbox #converse-login legend {
......@@ -7713,7 +7713,7 @@ body.reset {
#conversejs #controlbox .list-container .items-list .list-item {
border: none;
clear: both;
color: #777;
color: #666;
display: block;
height: 2em;
overflow: hidden;
......@@ -7730,7 +7730,7 @@ body.reset {
width: 100%; }
#conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle {
display: block;
color: #777;
color: #666;
padding: 0 0 0.5rem 0; }
#conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle:hover {
color: #585B51; }
......@@ -7912,7 +7912,7 @@ body.reset {
padding-left: 15px;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
color: #777;
color: #666;
font-size: 2em; }
#conversejs:not(.fullscreen) #controlbox .controlbox-head .chatbox-btn {
color: #578EA9;
......@@ -7967,12 +7967,12 @@ body.reset {
overflow-y: auto; }
#conversejs #converse-roster .roster-contacts .roster-group {
border: none;
color: #777;
color: #666;
font-weight: normal;
text-shadow: 0 1px 0 #FAFAFA;
margin: 0.75em 0 0.75em 0; }
#conversejs #converse-roster .roster-contacts .roster-group .group-toggle {
color: #777;
color: #666;
display: block;
width: 100%;
padding: 0 0 0.3rem 0; }
......@@ -7981,7 +7981,7 @@ body.reset {
#conversejs #converse-roster .roster-contacts .roster-group li {
border: none;
clear: both;
color: #777;
color: #666;
display: block;
height: 24px;
overflow-y: hidden;
......@@ -8173,7 +8173,7 @@ body.reset {
overflow-y: hidden;
vertical-align: top;
background-color: white;
border-left: 1px solid #777;
border-left: 1px solid #666;
border-bottom-right-radius: 4px;
padding: 0.5em; }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .occupants-heading,
......@@ -8216,7 +8216,7 @@ body.reset {
width: 100%; }
#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 {
color: #777; }
color: #666; }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants ul li,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul li {
cursor: default;
......@@ -8266,7 +8266,7 @@ body.reset {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border: 0;
color: #777;
color: #666;
font-size: 14px;
height: 100%;
width: 100%;
......@@ -8343,7 +8343,7 @@ body.reset {
#conversejs .message.date-separator .separator-text {
background: white;
bottom: 1px;
color: #666;
color: #555;
display: inline-block;
line-height: 2em;
padding: 0 1em;
......@@ -8400,7 +8400,7 @@ body.reset {
margin-left: 0; }
#conversejs .message.chat-msg .chat-msg-text {
padding: 0;
color: #666; }
color: #555; }
#conversejs .message.chat-msg .chat-msg-text a {
word-wrap: break-word;
word-break: break-all; }
......@@ -8426,7 +8426,7 @@ body.reset {
font-weight: bold; }
#conversejs .message.chat-msg .chat-msg-heading .chat-msg-time {
padding-left: 0.25em;
color: #9d9d9d; }
color: #8c8c8c; }
#conversejs .message.chat-msg.chat-action {
display: block; }
#conversejs .message.chat-msg.chat-action .chat-msg-heading {
......
css/inverse.css
View file @ 9eb89758
......@@ -6770,7 +6770,7 @@ body.reset {
#conversejs {
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
color: #777;
color: #666;
font-family: "Helvetica", "Arial", sans-serif;
font-size: 16px;
direction: ltr;
......@@ -7078,7 +7078,7 @@ body.reset {
background-color: #387592; }
#conversejs .button-cancel {
color: white;
background-color: #777; }
background-color: #666; }
#conversejs form .clear-input {
position: absolute;
right: 0.2em;
......@@ -7088,7 +7088,7 @@ body.reset {
background: white;
padding: 1em; }
#conversejs form.converse-form legend {
color: #777;
color: #666;
font-size: 125%;
margin-bottom: 1.5em; }
#conversejs form.converse-form input[type=checkbox] {
......@@ -7112,7 +7112,7 @@ body.reset {
border: none; }
#conversejs form.converse-form input.error {
border: 1px solid #A53214;
color: #777; }
color: #666; }
#conversejs form.converse-form .text-muted {
color: #A8ABA1 !important;
font-size: 85%;
......@@ -7353,7 +7353,7 @@ body {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; } }
#conversejs .chatbox .chat-body p {
color: #777;
color: #666;
font-size: 14px;
margin: 0;
padding: 5px; }
......@@ -7372,7 +7372,7 @@ body {
#conversejs .chatbox .chat-content {
height: 100%;
font-size: 14px;
color: #777;
color: #666;
overflow-y: auto;
border: 0;
background-color: #ffffff;
......@@ -7445,7 +7445,7 @@ body {
font-size: 18px; }
#conversejs .chatbox .sendXMPPMessage .chat-toolbar .unencrypted a,
#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 .toolbar-menu a {
color: #578EA9; }
......@@ -7730,7 +7730,7 @@ body {
color: gray;
font-size: 85%; }
#conversejs #controlbox #converse-register .instructions:hover {
color: #777; }
color: #666; }
#conversejs #controlbox .conn-feedback {
color: #578EA9; }
#conversejs #controlbox .conn-feedback.error {
......@@ -7754,7 +7754,7 @@ body {
font-weight: bold; }
#conversejs #controlbox .oauth-login {
margin-left: 0;
color: #777; }
color: #666; }
#conversejs #controlbox .oauth-login .icon-social:before {
font-size: 18px; }
#conversejs #controlbox #converse-register legend, #conversejs #controlbox #converse-login legend {
......@@ -7787,7 +7787,7 @@ body {
#conversejs #controlbox .list-container .items-list .list-item {
border: none;
clear: both;
color: #777;
color: #666;
display: block;
height: 2em;
overflow: hidden;
......@@ -7804,7 +7804,7 @@ body {
width: 100%; }
#conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle {
display: block;
color: #777;
color: #666;
padding: 0 0 0.5rem 0; }
#conversejs #controlbox #chatrooms .rooms-list-container .rooms-toggle:hover {
color: #585B51; }
......@@ -8103,12 +8103,12 @@ body {
overflow-y: auto; }
#conversejs #converse-roster .roster-contacts .roster-group {
border: none;
color: #777;
color: #666;
font-weight: normal;
text-shadow: 0 1px 0 #FAFAFA;
margin: 0.75em 0 0.75em 0; }
#conversejs #converse-roster .roster-contacts .roster-group .group-toggle {
color: #777;
color: #666;
display: block;
width: 100%;
padding: 0 0 0.3rem 0; }
......@@ -8117,7 +8117,7 @@ body {
#conversejs #converse-roster .roster-contacts .roster-group li {
border: none;
clear: both;
color: #777;
color: #666;
display: block;
height: 24px;
overflow-y: hidden;
......@@ -8315,7 +8315,7 @@ body {
overflow-y: hidden;
vertical-align: top;
background-color: white;
border-left: 1px solid #777;
border-left: 1px solid #666;
border-bottom-right-radius: 4px;
padding: 0.5em; }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .occupants-heading,
......@@ -8358,7 +8358,7 @@ body {
width: 100%; }
#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 {
color: #777; }
color: #666; }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants ul li,
#conversejs .chatroom .box-flyout .chatroom-body .occupants ul li {
cursor: default;
......@@ -8408,7 +8408,7 @@ body {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border: 0;
color: #777;
color: #666;
font-size: 16px;
height: 100%;
width: 100%;
......@@ -8531,7 +8531,7 @@ body {
#conversejs .message.date-separator .separator-text {
background: white;
bottom: 1px;
color: #666;
color: #555;
display: inline-block;
line-height: 2em;
padding: 0 1em;
......@@ -8588,7 +8588,7 @@ body {
margin-left: 0; }
#conversejs .message.chat-msg .chat-msg-text {
padding: 0;
color: #666; }
color: #555; }
#conversejs .message.chat-msg .chat-msg-text a {
word-wrap: break-word;
word-break: break-all; }
......@@ -8614,7 +8614,7 @@ body {
font-weight: bold; }
#conversejs .message.chat-msg .chat-msg-heading .chat-msg-time {
padding-left: 0.25em;
color: #9d9d9d; }
color: #8c8c8c; }
#conversejs .message.chat-msg.chat-action {
display: block; }
#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;
$inverse-link-color: white !default;
$link-shadow-color: #FAFAFA !default;
$text-shadow-color: #FAFAFA !default;
$text-color: #777 !default;
$message-text-color: #666 !default;
$text-color: #666 !default;
$message-text-color: #555 !default;
$light-text-color: #A8ABA1 !default;
$border-color: #CCC !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