[APM] UI Dark theme fixes (#38840)

* Removed hard-coded background color * Updated x-axis ticks text color to match other charts * Updated to match Eui border-radius * Update snapshots
elastic · Jun 14, 2019 · 68eb968 · 68eb968
1 parent 4a39c7a
commit 68eb968
Show file tree

Hide file tree

Showing 6 changed files with 54 additions and 56 deletions.
diff --git a/...s/apm/public/components/shared/Stacktrace/__test__/__snapshots__/Stackframe.test.tsx.snap b/...s/apm/public/components/shared/Stacktrace/__test__/__snapshots__/Stackframe.test.tsx.snap
diff --git a/...apm/public/components/shared/charts/CustomPlot/test/__snapshots__/CustomPlot.test.js.snap b/...apm/public/components/shared/charts/CustomPlot/test/__snapshots__/CustomPlot.test.js.snap
diff --git a/...m/public/components/shared/charts/Histogram/__test__/__snapshots__/Histogram.test.js.snap b/...m/public/components/shared/charts/Histogram/__test__/__snapshots__/Histogram.test.js.snap
diff --git a/x-pack/plugins/apm/public/components/shared/charts/Timeline/TimelineAxis.js b/x-pack/plugins/apm/public/components/shared/charts/Timeline/TimelineAxis.js
@@ -43,7 +43,6 @@ function TimelineAxis({ plotValues, agentMarks, traceRootDuration }) {
           <div
             style={{
               position: 'absolute',
-              backgroundColor: theme.euiColorEmptyShade,
               borderBottom: `1px solid ${theme.euiColorMediumShade}`,
               height: px(margins.top),
               zIndex: 2,
@@ -70,7 +69,7 @@ function TimelineAxis({ plotValues, agentMarks, traceRootDuration }) {
                 tickFormat={tickFormat}
                 tickPadding={20}
                 style={{
-                  text: { fill: theme.euiColorMediumShade }
+                  text: { fill: theme.euiColorDarkShade }
                 }}
               />