Skip to content

C
converse.js
Commit 8658822d authored by JC Brand's avatar JC Brand
Browse files
Options

Updated color-scheme and fix conversejs icon offset

parent 1f82b7df
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 536 additions and 483 deletions
css/converse-muc-embedded.css
View file @ 8658822d
/*
Color scheme helpers:
https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ
http://paletton.com/#uid=70a0u0kkNs+b4JOgryLpxqpsbkI
*/
#converse-embedded-chat {
-webkit-box-sizing: border-box;
......
css/converse.css
View file @ 8658822d
This diff is collapsed.
css/inverse.css
View file @ 8658822d
This diff is collapsed.
fonticons/fonts/icomoon.svg
View file @ 8658822d
This diff is collapsed.
fonticons/selection.json
View file @ 8658822d
This diff is collapsed.
fonticons/style.css
View file @ 8658822d
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?wvi0ht');
src: url('fonts/icomoon.eot?wvi0ht#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?wvi0ht') format('truetype'),
url('fonts/icomoon.woff?wvi0ht') format('woff'),
url('fonts/icomoon.svg?wvi0ht#icomoon') format('svg');
src: url('fonts/icomoon.eot?uikzla');
src: url('fonts/icomoon.eot?uikzla#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?uikzla') format('truetype'),
url('fonts/icomoon.woff?uikzla') format('woff'),
url('fonts/icomoon.svg?uikzla#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
......@@ -276,4 +276,3 @@
.icon-exit:before {
content: "\e601";
}
sass/_controlbox.scss
View file @ 8658822d
......@@ -34,11 +34,10 @@
}
.msgs-indicator {
opacity: 0.6;
background-color: $warning-color;
border-radius: 3px;
background-color: $red;
color: white;
font-size: $font-size-small;
float: right;
font-weight: normal;
padding: 0 4px;
text-shadow: none;
......@@ -307,7 +306,9 @@
}
}
.msgs-indicator {
opacity: 0.8;
border-top-right-radius: $button-border-radius;
float: right;
}
&:hover {
color: $text-color;
......
sass/converse/_variables.scss
View file @ 8658822d
/*
Color scheme helpers:
https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ
http://paletton.com/#uid=70a0u0kkNs+b4JOgryLpxqpsbkI
*/
$link-color: #2A9D8F !default;
$dark-link-color: #015158 !default;
$subdued-color: #A8ABA1 !default;
$gray-color: #818479 !default;
$dark-gray-color: #585B51!default;
$lightest-blue: #89B7CD;
$light-blue: #578EA9;
$blue: #387592;
$dark-blue: #206485;
$darkest-blue: #114C68;
$lightest-red: #FFB9A7;
$light-red: #FF977C;
$red: #E77051;
$dark-red: #D24E2B;
$darkest-red: #A53214;
$lightest-orange: #FFD6A7;
$light-orange: #E7A151;
$orange: #E7A151;
$dark-orange: #D2842B;
$darkest-orange: #A56214;
$lightest-green: #8DD8AE;
$light-green: #5CBC86;
$green: #3AA569;
$dark-green: #1E9652;
$darkest-green: #0E763B;
$link-color: $light-blue !default;
$dark-link-color: $dark-blue !default;
$global-background-color: $light-blue !default;
$inverse-link-color: white !default;
$link-shadow-color: #FAFAFA !default;
......@@ -12,17 +42,17 @@ $text-shadow-color: #FAFAFA !default;
$text-color: #818479 !default;
$light-text-color: #A8ABA1 !default;
$border-color: #CCC !default;
$icon-color: #114327 !default;
$save-button-color: #436F64 !default;
$icon-color: $blue !default;
$save-button-color: $green !default;
$chat-textarea-height: 70px !default;
$send-button-height: 27px !default;
$send-button-margin: 3px !default;
$message-them-color: #1A9707 !default;
$message-them-color: $green !default;
$roster-height: 194px !default;
$roster-item-height: 60px !default;
$chat-head-color: #F4A261 !default;
$chat-head-color: $orange !default;
$chat-head-text-color: white !default;
$chat-head-inverse-text-color: white !default;
$chat-head-height: 55px !default;
......@@ -30,18 +60,14 @@ $chat-head-height: 55px !default;
$input-focus-color: #1A9707 !default;
$highlight-color: #DCF9F6 !default;
$subdued-color: #A8ABA1 !default;
$gray-color: #818479 !default;
$dark-gray-color: #585B51!default;
$controlbox-dropdown-height: 25px !default;
$controlbox-head-color: #577BDD !default;
$controlbox-head-color: $light-blue !default;
$controlbox-head-height: 55px !default;
$controlbox-pane-padding: 1em !default;
$primary-color: #2AC611 !default;
$secondary-color: #83A0D6 !default;
$warning-color: #D24E2B !default;
$primary-color: $green !default;
$secondary-color: $blue !default;
$warning-color: $dark-red !default;
$light-background-border-color: #B1BFC4 !default;
$light-background-color: #FCFDFD !default;
......@@ -49,9 +75,9 @@ $light-background-color: #FCFDFD !default;
$toolbar-height: 25px !default;
$toolbar-color: #FFF5EE !default;
$moderator-color: #D24E2B !default;
$online-color: #1A9707 !default;
$error-color: #D24E2B !default;
$moderator-color: $dark-red !default;
$online-color: $green !default;
$error-color: $darkest-red !default;
$button-border-radius: 5px !default;
$chatbox-border-radius: 4px !default;
......@@ -82,11 +108,11 @@ $small-mobile-chat-height: 300px !default;
$font-path: "../fonticons/fonts/" !default;
$chatroom-width: 300px !default;
$chatroom-head-color: #E76F51 !default;
$chatroom-color-light: #FF977C !default;
$chatroom-color-dark: #D24E2B !default;
$chatroom-head-color: $red !default;
$chatroom-color-light: $light-red !default;
$chatroom-color-dark: $darkest-red !default;
$headline-head-color: #2A9D8F !default;
$headline-head-color: $green !default;
$box-close-button-padding-top: 4px !default;
$box-close-button-padding-bottom: 4px !default;
......
sass/inverse/_controlbox.scss
View file @ 8658822d
......@@ -8,8 +8,7 @@
#login-dialog, #register {
.brand-heading {
margin: 10% 0 0 0;
font-size: 600%;
color: #577BDD;
color: $blue;
}
.converse-form {
margin-top: 4em;
......
sass/inverse/_core.scss
View file @ 8658822d
......@@ -20,6 +20,9 @@ div.content {
.brand-heading {
font-size: 600%;
margin-left: -10%;
.icon-conversejs {
font-size: 88%;
}
}
p.no-chats {
padding-right: 10%;
......
sass/inverse/_variables.scss
View file @ 8658822d
/*
Color scheme helpers:
https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ
http://paletton.com/#uid=70a0u0kkNs+b4JOgryLpxqpsbkI
*/
$global-background-color: #17818B !default;
$link-color: #2A9D8F !default;
$dark-link-color: #015158 !default;
$subdued-color: #A8ABA1 !default;
$gray-color: #818479 !default;
$dark-gray-color: #585B51!default;
$lightest-blue: #89B7CD;
$light-blue: #578EA9;
$blue: #387592;
$dark-blue: #206485;
$darkest-blue: #114C68;
$lightest-red: #FFB9A7;
$light-red: #FF977C;
$red: #E77051;
$dark-red: #D24E2B;
$darkest-red: #A53214;
$lightest-orange: #FFD6A7;
$light-orange: #E7A151;
$orange: #E7A151;
$dark-orange: #D2842B;
$darkest-orange: #A56214;
$lightest-green: #8DD8AE;
$light-green: #5CBC86;
$green: #3AA569;
$dark-green: #1E9652;
$darkest-green: #0E763B;
$link-color: $light-blue !default;
$dark-link-color: $dark-blue !default;
$global-background-color: $light-blue !default;
$inverse-link-color: white !default;
$link-shadow-color: #FAFAFA !default;
......@@ -14,17 +42,17 @@ $text-shadow-color: #FAFAFA !default;
$text-color: #818479 !default;
$light-text-color: #A8ABA1 !default;
$border-color: #CCC !default;
$icon-color: #114327 !default;
$save-button-color: #436F64 !default;
$icon-color: $blue !default;
$save-button-color: $green !default;
$chat-textarea-height: 70px !default;
$send-button-height: 27px !default;
$send-button-margin: 3px !default;
$message-them-color: #1A9707 !default;
$message-them-color: $green !default;
$roster-height: 194px !default;
$roster-item-height: 30px !default;
$chat-head-color: #F4A261 !default;
$chat-head-color: $orange !default;
$chat-head-text-color: white !default;
$chat-head-inverse-text-color: white !default;
$chat-head-height: 55px !default;
......@@ -33,18 +61,14 @@ $chatroom-head-height: 55px !default;
$input-focus-color: #1A9707 !default;
$highlight-color: #DCF9F6 !default;
$subdued-color: #A8ABA1 !default;
$gray-color: #818479 !default;
$dark-gray-color: #585B51!default;
$controlbox-dropdown-height: 30px !default;
$controlbox-head-color: #577BDD !default;
$controlbox-head-color: $light-blue !default;
$controlbox-head-height: 63px !default;
$controlbox-pane-padding: 1.2em !default;
$primary-color: #2AC611 !default;
$secondary-color: #83A0D6 !default;
$warning-color: #D24E2B !default;
$primary-color: $green !default;
$secondary-color: $blue !default;
$warning-color: $dark-red !default;
$light-background-border-color: #B1BFC4 !default;
$light-background-color: #FCFDFD !default;
......@@ -52,9 +76,9 @@ $light-background-color: #FCFDFD !default;
$toolbar-height: 25px !default;
$toolbar-color: #FFF5EE !default;
$moderator-color: #D24E2B !default;
$online-color: #1A9707 !default;
$error-color: #D24E2B !default;
$moderator-color: $dark-red !default;
$online-color: $green !default;
$error-color: $darkest-red !default;
$button-border-radius: 5px !default;
$chatbox-border-radius: 7px !default;
......@@ -88,11 +112,11 @@ $small-mobile-chat-height: 300px !default;
$font-path: "../fonticons/fonts/" !default;
$chatroom-width: 300px !default;
$chatroom-head-color: #E76F51 !default;
$chatroom-color-light: #FF977C !default;
$chatroom-color-dark: #D24E2B !default;
$chatroom-head-color: $red !default;
$chatroom-color-light: $light-red !default;
$chatroom-color-dark: $darkest-red !default;
$headline-head-color: #2A9D8F !default;
$headline-head-color: $green !default;
$box-close-button-padding-top: 4px !default;
$box-close-button-padding-bottom: 4px !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