Search: Improvements to design (#23874)

* Search: updated design

* Fixed z-index

* Fixes

* Minor pixel push

packages/grafana-data/src/types/theme.ts

@@ -98,13 +98,13 @@ export interface GrafanaThemeCommons {
   panelPadding: number;
   panelHeaderHeight: number;
   zIndex: {
-    dropdown: string;
-    navbarFixed: string;
-    sidemenu: string;
-    tooltip: string;
-    modalBackdrop: string;
-    modal: string;
-    typeahead: string;
+    dropdown: number;
+    navbarFixed: number;
+    sidemenu: number;
+    tooltip: number;
+    modalBackdrop: number;
+    modal: number;
+    typeahead: number;
   };
 }
 

packages/grafana-ui/src/components/Tags/Tag.tsx

@@ -45,7 +45,7 @@ const getTagStyles = (theme: GrafanaTheme, name: string, colorIndex?: number) =>
       line-height: ${theme.typography.lineHeight.xs};
       vertical-align: baseline;
       background-color: ${colors.color};
-      color: ${theme.colors.textStrong};
+      color: ${theme.palette.gray98};
       white-space: nowrap;
       text-shadow: none;
       padding: 3px 6px;

packages/grafana-ui/src/themes/default.ts

@@ -122,13 +122,13 @@ const theme: GrafanaThemeCommons = {
   panelPadding: 8,
   panelHeaderHeight: 28,
   zIndex: {
-    navbarFixed: '1000',
-    sidemenu: '1020',
-    dropdown: '1030',
-    typeahead: '1030',
-    tooltip: '1040',
-    modalBackdrop: '1050',
-    modal: '1060',
+    navbarFixed: 1000,
+    sidemenu: 1020,
+    dropdown: 1030,
+    typeahead: 1030,
+    tooltip: 1040,
+    modalBackdrop: 1050,
+    modal: 1060,
   },
 };