diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index 109bd18..d180e2a 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -12,7 +12,7 @@
 // to match your app's branding.
 // Tip: Use the "Theme Builder" on Quasar's documentation website.
 
-$primary: #1976d2;
+$primary: #4aa1ce; /*#1976d2;*/
 $secondary: #26a69a;
 $accent: #9c27b0;
 
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index bad6c76..94c9e88 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -13,7 +13,7 @@
           <div
             v-if="landspace && show_left_tool_bar"
             class="col-auto overflow-auto"
-            style="border: 1px solid #bdbdbd; max-width: 45vw"
+            style="border: 1px solid #bdbdbd; max-width: 45vw;"
             v-touch-pan.left.prevent.mouse="
               (evt) => {
                 if (evt.offset.x < -100 && evt.duration < 1000) {
@@ -34,7 +34,7 @@
           <div
             v-if="landspace"
             class="col-auto overflow-auto"
-            style="border: 1px solid #bdbdbd"
+            style="border: 1px solid #bdbdbd;max-width: 45vw"
             v-touch-pan.right.prevent.mouse="
               (evt) => {
                 if (evt.offset.x > 100 && evt.duration < 1000) {
diff --git a/src/pages/LeftToolBar.vue b/src/pages/LeftToolBar.vue
index 759d947..a857706 100644
--- a/src/pages/LeftToolBar.vue
+++ b/src/pages/LeftToolBar.vue
@@ -8,6 +8,7 @@
       indicator-color="primary"
       align="justify"
       narrow-indicator
+      style="color:red"
     >
       <q-tab name="signal_source" :label="$t('signal source')" />
       <q-tab name="" icon="" disable />
diff --git a/src/pages/TopToolBar.vue b/src/pages/TopToolBar.vue
index c016ebd..1577896 100644
--- a/src/pages/TopToolBar.vue
+++ b/src/pages/TopToolBar.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <q-toolbar class="shadow-2">
+    <q-toolbar style="background-color: #3e9acd;" class="shadow-2 text-white">
       <q-btn-dropdown
         v-touch-hold:10000.mouse="handleHold"
         :disable-dropdown="!show_advanced_menu"
@@ -27,7 +27,6 @@
       </q-btn-dropdown>
       <q-separator vertical inset />
 
-      <div class="col">
         <q-btn
           stretch
           flat
@@ -55,7 +54,7 @@
         <q-btn
           stretch
           flat
-          icon="image"
+          icon="art_track"
           :label="$t('subtitle')"
           class="q-mr-sm"
           @click="$refs.subtitle_dialog.showDialog()"
@@ -71,7 +70,7 @@
         <q-btn
           stretch
           flat
-          icon="restore"
+          icon="cloud_download"
           :label="$t('data export')"
           class="q-mr-sm"
           @click="backupDB"
@@ -86,7 +85,6 @@
           v-if="show_stop_plan"
           @click="stopPlan"
         />
-      </div>
 
       <q-space />
       <q-separator vertical inset />
diff --git a/src/pages/WallPage.vue b/src/pages/WallPage.vue
index e03b8a7..0129a66 100644
--- a/src/pages/WallPage.vue
+++ b/src/pages/WallPage.vue
@@ -6,6 +6,7 @@
     @dragleave="onDragLeave"
     @dragover="onDragOver"
     @drop="onDrop"
+    style="background-color:#bce0f0;"
   >
     <div id="windows" style="position: absolute">
       <window