Include appBar in themeconfig; validate in themeSpec for appBar image…

…, bg, and textColor
learningequality · Dec 12, 2024 · 4c0bee9 · 4c0bee9
1 parent 4ae719c
commit 4c0bee9
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git 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
@@ -42,6 +42,25 @@ const _imageSpec = {
 };
 
 export default {
+  appBar: {
+    type: Object,
+    default: null,
+    spec: {
+      background: {
+        type: String,
+        default: null,
+      },
+      textColor: {
+        type: String,
+        default: null,
+      },
+      topLogo: {
+        type: Object,
+        default: null,
+        spec: _imageSpec,
+      },
+    },
+  },
   brandColors: {
     type: Object,
     default: null,