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

More color fixes after switching to css properties

Browse Source
This commit is contained in:
JC Brand 2018-11-12 12:15:13 +01:00
parent 9e33279fc2
commit 795d8e0f00
3 changed files with 34 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
css/converse.css
View File

@ -9315,9 +9315,11 @@ readers do not read off random characters that represent icons */
--chat-head-color-lighten-50-percent: #e7f7ee;
--chat-head-text-color: white;
--highlight-color: #DCF9F6;
--primary-color: #E7A151;
--secondary-color: #578EA9;
--primary-color: #578EA9;
--secondary-color: #E7A151;
--warning-color: #D24E2B;
--primary-color-dark: #345566;
--secondary-color-dark: #D2842B;
--light-background-color: #FCFDFD;
--error-color: #A53214;
--info-color: #1E9652;
@ -9796,9 +9798,18 @@ body.reset {
background: white; }
#conversejs .activated {
display: block !important; }
#conversejs .nav-pills .nav-link.active,
#conversejs .nav-pills .show > .nav-link {
background-color: var(--primary-color); }
#conversejs .list-group-item.active {
background-color: var(--primary-color); }
#conversejs .btn-primary, #conversejs .button-primary, #conversejs .badge-primary {
color: white;
background-color: var(--primary-color); }
background-color: var(--primary-color);
border-color: transparent; }
#conversejs .btn-primary:hover, #conversejs .button-primary:hover, #conversejs .badge-primary:hover {
background-color: var(--secondary-color-dark);
border-color: transparent; }
#conversejs .btn-info, #conversejs .badge-info {
color: white;
background-color: var(--link-color); }

14
sass/_core.scss
View File

@ -449,9 +449,23 @@ body.reset {
display: block !important;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
background-color: var(--primary-color);
}
.list-group-item.active {
background-color: var(--primary-color);
}
.btn-primary, .button-primary, .badge-primary {
color: white;
background-color: var(--primary-color);
border-color: transparent;
&:hover {
background-color: var(--secondary-color-dark);
border-color: transparent;
}
}
.btn-info, .badge-info {
color: white;

9
sass/_variables.scss
View File

@ -47,9 +47,12 @@ $font-path: "webfonts/icomoon/fonts/" !default;
--highlight-color: #DCF9F6;
--primary-color: #E7A151; // $orange
--secondary-color: #578EA9; // $light-blue
--warning-color: #D24E2B; // $dark-red
--primary-color: #578EA9; // light-blue
--secondary-color: #E7A151; // orange
--warning-color: #D24E2B; // dark-red
--primary-color-dark: #345566; // dark blue
--secondary-color-dark: #D2842B; // dark orange
--light-background-color: #FCFDFD;