diff --git a/src/plugins/chatview/styles/chat-head.scss b/src/plugins/chatview/styles/chat-head.scss
index 1aeab6773..3c23db67c 100644
--- a/src/plugins/chatview/styles/chat-head.scss
+++ b/src/plugins/chatview/styles/chat-head.scss
@@ -68,7 +68,7 @@
&.fa,
&.fas,
&.far {
- color: white;
+ color: var(--chat-head-text-color);;
&.button-on:before {
padding: 0.2em;
background-color: var(--chat-head-text-color);
diff --git a/src/plugins/chatview/styles/index.scss b/src/plugins/chatview/styles/index.scss
index 3a68fe8bc..ac784c72f 100644
--- a/src/plugins/chatview/styles/index.scss
+++ b/src/plugins/chatview/styles/index.scss
@@ -223,16 +223,14 @@
converse-chats.converse-mobile,
converse-chats.converse-overlayed,
converse-chats.converse-fullscreen {
- .chatbox {
- .box-flyout {
- converse-controlbox-navback {
- margin: auto 0;
- margin-right: 1em;
- display: flex;
- .fa-arrow-left {
- &:before {
- color: var(--chat-head-text-color);
- }
+ .chat-head {
+ converse-controlbox-navback {
+ margin: auto 0;
+ margin-right: 1em;
+ display: flex;
+ .fa-arrow-left {
+ svg {
+ fill: var(--chat-head-text-color);
}
}
}
diff --git a/src/plugins/controlbox/styles/_controlbox.scss b/src/plugins/controlbox/styles/_controlbox.scss
index b65f44d62..38a64b3ed 100644
--- a/src/plugins/controlbox/styles/_controlbox.scss
+++ b/src/plugins/controlbox/styles/_controlbox.scss
@@ -326,7 +326,6 @@
.controlbox-panes {
background-color: var(--controlbox-pane-background-color);
- border-right: 0.2rem solid var(--panel-divider-color);
height: 100%;
overflow-y: auto;
}
@@ -471,10 +470,6 @@
font-size: 90%;
}
}
-
- .controlbox-panes {
- border-radius: var(--chatbox-border-radius);
- }
}
.brand-heading {
@@ -497,6 +492,9 @@
&.converse-embedded,
&.converse-fullscreen{
+ .controlbox-panes {
+ border-right: 0.2rem solid var(--panel-divider-color);
+ }
.toggle-controlbox {
display: none;
}
diff --git a/src/plugins/controlbox/templates/navback.js b/src/plugins/controlbox/templates/navback.js
index f70074c40..57819fc36 100644
--- a/src/plugins/controlbox/templates/navback.js
+++ b/src/plugins/controlbox/templates/navback.js
@@ -2,5 +2,5 @@ import { html } from "lit";
import { navigateToControlBox } from '../utils.js';
export default (jid) => {
- return html` navigateToControlBox(jid)}>`
+ return html`