Merge branch 'brook/stack_trace_bright_styles'

packages/redux-devtools-inspector-monitor-trace-tab/src/react-error-overlay/components/CodeBlock.tsx

@@ -10,17 +10,19 @@ import React, { CSSProperties } from 'react';
 const preStyle: CSSProperties = {
   position: 'relative',
   display: 'block',
-  backgroundColor: '#000',
+  backgroundColor: '#f7f7f7',
   padding: '0.5em',
   marginTop: '0.5em',
   marginBottom: '0.5em',
   overflowX: 'auto',
   whiteSpace: 'pre-wrap',
   borderRadius: '0.25rem',
+  border: '1px solid #ddd',
 };
 
 const codeStyle = {
   fontFamily: 'Consolas, Menlo, monospace',
+  color: '#333',
 };
 
 interface CodeBlockPropsType {

packages/redux-devtools-inspector-monitor-trace-tab/src/react-error-overlay/components/Collapsible.tsx

@@ -19,6 +19,7 @@ const _collapsibleStyle: CSSProperties = {
   fontSize: '1em',
   padding: '0px 5px',
   lineHeight: '1.5',
+  borderBottom: '1px solid #ddd',
 };
 
 const collapsibleCollapsedStyle: CSSProperties = {

packages/redux-devtools-inspector-monitor-trace-tab/src/react-error-overlay/containers/StackFrame.tsx

@@ -16,16 +16,18 @@ import type { ErrorLocation } from '../utils/parseCompileError';
 const linkStyle: CSSProperties = {
   fontSize: '0.9em',
   marginBottom: '0.9em',
+  color: '#0645AD',
 };
 
 const anchorStyle: CSSProperties = {
   textDecoration: 'none',
-  color: theme.base05,
+  color: '#0645AD',
   cursor: 'pointer',
 };
 
 const codeAnchorStyle: CSSProperties = {
   cursor: 'pointer',
+  color: '#333',
 };
 
 const toggleStyle: CSSProperties = {

packages/redux-devtools-inspector-monitor-trace-tab/src/react-error-overlay/containers/StackTrace.tsx

@@ -19,6 +19,8 @@ const traceStyle = {
   flex: '0 1 auto',
   minHeight: '0px',
   overflow: 'auto',
+  color: '#000',
+  backgroundColor: '#f7f7f7',
 };
 
 interface Props {