MOBILE-3320 core: Improve search bar styles

src/theme/theme.base.scss

@@ -477,6 +477,10 @@ ion-card ion-item img.core-module-icon[slot="start"] {
     margin-left: 32px;
 }
 
+.core-course-module-handler:not(.addon-mod-label-handler) .item-heading .filter_mathjaxloader_equation * {
+    display: inline !important;
+}
+
 ion-toolbar h1 img.core-bar-button-image,
 ion-toolbar h1 .core-bar-button-image img {
     padding: 0;
@@ -510,6 +514,15 @@ ion-select::part(text) {
     white-space: normal;
 }
 
+ion-searchbar {
+    .searchbar-search-icon.ios {
+        top: 4px;
+    }
+    .searchbar-search-icon.md {
+        top: 12px;
+    }
+}
+
 // File uploader.
 .action-sheet-button input.core-fileuploader-file-handler-input {
     position: absolute;
@@ -605,7 +618,6 @@ ion-back-button.md::part(text) {
     display: none;
 }
 
-
 .core-media-adapt-width {
     max-width: 100%;
 }

src/theme/theme.dark.scss

@@ -79,10 +79,9 @@
     --core-tab-border-color: #{$core-tab-border-color-dark};
     --core-tab-color-active: #{$core-tab-color-active-dark};
     --core-tab-border-color-active: #{$core-tab-border-color-active-dark};
-    core-progress-bar {
-        --color: #{$core-progressbar-color-dark};
-        --text-color: #{$core-progressbar-text-color-dark};
-    }
+
+    --core-progressbar-color: #{$core-progressbar-color-dark};
+    --core-progressbar-text-color: #{$core-progressbar-text-color-dark};
 
     --ion-item-background: #{$ion-item-background-dark};
     --ion-item-detail-icon-color: var(--white);

src/theme/theme.light.scss

@@ -121,6 +121,13 @@
         }
     }
 
+    ion-searchbar {
+        --background: var(--ion-item-background);
+        .searchbar-input {
+            height: var(--a11y-min-target-size);
+        }
+    }
+
     ion-action-sheet {
         --button-color-selected: #{$action-sheet-selected};
         --title-border-color: var(--gray);
@@ -161,11 +168,15 @@
         --color: var(--ion-color-primary);
     }
 
+    --core-progressbar-height: #{$core-progressbar-height};
+    --core-progressbar-color: #{$core-progressbar-color};
+    --core-progressbar-text-color: #{$core-progressbar-text-color};
+    --core-progressbar-background: #{$core-progressbar-background};
     core-progress-bar {
-        --height: #{$core-progressbar-height};
-        --color: #{$core-progressbar-color};
-        --text-color: #{$core-progressbar-text-color};
-        --background: #{$core-progressbar-background};
+        --height: var(--core-progressbar-height);
+        --color: var(--core-progressbar-color);
+        --text-color: var(--core-progressbar-text-color);
+        --background: var(--core-progressbar-background);
     }
 
     core-block-course-blocks {