diff --git a/kolibri/core/assets/src/styles/themeConfig.js b/kolibri/core/assets/src/styles/themeConfig.js
index 0bd59d23632..5d11aa0aa28 100644
--- a/kolibri/core/assets/src/styles/themeConfig.js
+++ b/kolibri/core/assets/src/styles/themeConfig.js
@@ -2,6 +2,8 @@ import Vue from 'vue';
 
 const themeConfig = Vue.observable({
   appBar: {
+    background: null,
+    textColor: null,
     topLogo: {
       src: null,
       alt: null,
diff --git a/kolibri/core/assets/src/styles/themeSpec.js b/kolibri/core/assets/src/styles/themeSpec.js
index 092f8e920ab..d6656825394 100644
--- a/kolibri/core/assets/src/styles/themeSpec.js
+++ b/kolibri/core/assets/src/styles/themeSpec.js
@@ -42,6 +42,25 @@ const _imageSpec = {
 };
 
 export default {
+  appBar: {
+    type: Object,
+    default: null,
+    spec: {
+      background: {
+        type: String,
+        default: null,
+      },
+      texCcolor: {
+        type: String,
+        default: null,
+      },
+      topLogo: {
+        type: Object,
+        default: null,
+        spec: _imageSpec,
+      },
+    },
+  },
   brandColors: {
     type: Object,
     default: null,