section now inherits styles

front/src/App.vue

@@ -183,7 +183,7 @@ section {
   display: flex;
   flex-direction: column;
   /* overflow: scroll; */
-  background: lightgray;
+  /* background: lightgray; */
 }
 section p {
   margin-bottom: 0;

front/src/components/Content/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <section id="content" :class="['content', currentStream]">
+  <section id="content">
     <h1 class="title">{{ title }}</h1>
     <Chapter
       v-for="topic in sortedTopics"
@@ -35,9 +35,9 @@ export default {
 </script>
 
 <style scoped>
-.content {
+#content {
   /* max-width: 700px; */
-  background: unset;
+  /* background: unset; */
 }
 @media print {
   .title {

front/src/views/Home.vue

@@ -32,7 +32,10 @@
           </p>
         </div>
       </pane>
-      <pane :size="panel_sizes[1]">
+      <pane 
+        :size="panel_sizes[1]"
+        :class="currentStream"
+      >
         <Content
           :print="!show_ui || expand_content"
           :show_message_data="show_message_data"
@@ -92,6 +95,9 @@ export default {
     classes() {
       return this.show_ui ? "ui" : "print";
     },
+    currentStream() {
+      return this.$store.state.currentStream
+    }
   },
   methods: {
     resizer(panels) {