diff --git a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/ActivityButtonsGroup.vue b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/ActivityButtonsGroup.vue index 3d57a89d728..440a92be33e 100644 --- a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/ActivityButtonsGroup.vue +++ b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/ActivityButtonsGroup.vue @@ -63,7 +63,7 @@ }, activityActiveStyles() { return { - backgroundColor: this.$themeBrand.primary.v_50, + backgroundColor: this.$themeBrand.primary.v_200, border: '2px', borderColor: this.$themeTokens.primary, borderStyle: 'solid', diff --git a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/CategorySearchModal/CategorySearchOptions.vue b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/CategorySearchModal/CategorySearchOptions.vue index 04f5f7ccfbb..843fdcaad98 100644 --- a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/CategorySearchModal/CategorySearchOptions.vue +++ b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/CategorySearchModal/CategorySearchOptions.vue @@ -107,7 +107,7 @@ methods: { appearanceOverrides(category, bolded) { const activeOverrides = { - backgroundColor: this.$themeBrand.primary.v_50, + backgroundColor: this.$themeBrand.primary.v_200, border: '2px', borderColor: this.$themeTokens.primary, borderStyle: 'solid', diff --git a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue index 5e2c9dd9bbc..1babfbfec05 100644 --- a/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue +++ b/kolibri/plugins/learn/assets/src/views/SearchFiltersPanel/index.vue @@ -212,7 +212,7 @@ }, categoryListItemActiveStyles() { return { - backgroundColor: this.$themeBrand.primary.v_50, + backgroundColor: this.$themeBrand.primary.v_200, border: '2px', borderColor: this.$themeTokens.primary, borderStyle: 'solid',