Rename CSS vars to try and get some more consistency

src/plugins/controlbox/styles/_controlbox.scss

@@ -235,7 +235,7 @@
             }
 
             .controlbox-heading--headline {
-                color: var(--headline-head-color);
+                color: var(--headlines-head-color);
             }
 
             .controlbox-heading__btn {

src/plugins/headlines-view/styles/headlines-head.scss

@@ -8,13 +8,13 @@
                     }
 
                     &.chat-head-chatbox {
-                        background-color: var(--headline-head-bg-color);
-                        border-bottom: var(--headline-head-border-bottom);
+                        background-color: var(--headlines-head-bg-color);
+                        border-bottom: var(--headlines-head-border-bottom);
                     }
-                    background-color: var(--headline-head-bg-color);
+                    background-color: var(--headlines-head-bg-color);
 
                     .chatbox-title__text {
-                        color: var(--headline-head-text-color) !important;
+                        color: var(--headlines-head-text-color) !important;
                     }
 
                     converse-dropdown {
@@ -30,7 +30,7 @@
                     .chatbox-btn {
                         converse-icon {
                             svg {
-                                fill: var(--headline-head-fg-color);
+                                fill: var(--headlines-head-fg-color);
                             }
                         }
                     }
@@ -42,7 +42,7 @@
                     .chatbox.headlines {
                         .chat-head {
                             &.chat-head-chatbox {
-                                background-color: var(--headline-head-bg-color);
+                                background-color: var(--headlines-head-bg-color);
                             }
                         }
                     }

src/plugins/headlines-view/styles/headlines.scss

@@ -30,7 +30,7 @@
     #controlbox {
         .controlbox-section {
             .controlbox-heading--headline {
-                color: var(--headline-head-text-color);
+                color: var(--headlines-head-text-color);
             }
         }
     }
@@ -40,10 +40,10 @@
         &.converse-fullscreen {
             .chatbox.headlines {
                 .box-flyout {
-                    background-color: var(--headline-head-text-color);
+                    background-color: var(--headlines-head-text-color);
                 }
                 .flyout {
-                    border-color: var(--headline-head-text-color);
+                    border-color: var(--headlines-head-text-color);
                 }
             }
         }

src/plugins/minimize/styles/minimize.scss

@@ -76,9 +76,9 @@
                         }
                     }
                     .chat-head-headline {
-                        background-color: var(--headline-head-bg-color);
+                        background-color: var(--headlines-head-bg-color);
                         a.restore-chat {
-                            color: var(--headline-head-text-color);
+                            color: var(--headlines-head-text-color);
                         }
                     }
 

src/plugins/minimize/templates/trimmed_chat.js

@@ -8,7 +8,7 @@ export default (o) => {
     if (o.type === 'chatroom') {
         close_color = "var(--chatroom-head-color)";
     } else if (o.type === 'headline') {
-        close_color = "var(--headline-head-text-color)";
+        close_color = "var(--headlines-head-text-color)";
     } else {
         close_color = "var(--chat-head-text-color)";
     }

src/shared/styles/themes/classic.scss

@@ -135,9 +135,9 @@
     --muc-toolbar-btn-disabled-color: gray;
 
     --headlines-color: var(--orange);
-    --headline-head-text-color: white;
-    --headline-head-fg-color: white;
-    --headline-head-bg-color: var(--headlines-color);
+    --headlines-head-text-color: white;
+    --headlines-head-fg-color: white;
+    --headlines-head-bg-color: var(--headlines-color);
     --headline-message-color: #D2842B;
     --headline-separator-border-bottom: 2px solid var(--headlines-color);
 

src/shared/styles/themes/dracula.scss

@@ -24,12 +24,12 @@
     // ---
 
     --headlines-color: var(--pink);
-    --headline-head-text-color: var(--headlines-color);
-    --headline-head-fg-color: var(--headlines-color);
-    --headline-head-bg-color: var(--background);
+    --headlines-head-text-color: var(--headlines-color);
+    --headlines-head-fg-color: var(--headlines-color);
+    --headlines-head-bg-color: var(--background);
     --headline-message-color: var(--headlines-color);
     --headline-separator-border-bottom: 2px solid var(--headlines-color);
-    --headline-head-border-bottom: 0.15em solid var(--headlines-color);
+    --headlines-head-border-bottom: 0.15em solid var(--headlines-color);
 
     --icon-hover-color: var(--cyan);
     --gray-color: var(--comment);