diff --git a/packages/redux-devtools-inspector-monitor-trace-tab/src/react-error-overlay/components/CodeBlock.tsx b/packages/redux-devtools-inspector-monitor-trace-tab/src/react-error-overlay/components/CodeBlock.tsx index 2c3a1b2c..bb8c9d7d 100644 --- a/packages/redux-devtools-inspector-monitor-trace-tab/src/react-error-overlay/components/CodeBlock.tsx +++ b/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 { diff --git a/packages/redux-devtools-inspector-monitor-trace-tab/src/react-error-overlay/components/Collapsible.tsx b/packages/redux-devtools-inspector-monitor-trace-tab/src/react-error-overlay/components/Collapsible.tsx index 07e81b64..c4509812 100644 --- a/packages/redux-devtools-inspector-monitor-trace-tab/src/react-error-overlay/components/Collapsible.tsx +++ b/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 = { diff --git a/packages/redux-devtools-inspector-monitor-trace-tab/src/react-error-overlay/containers/StackFrame.tsx b/packages/redux-devtools-inspector-monitor-trace-tab/src/react-error-overlay/containers/StackFrame.tsx index f5efb144..e9d34c97 100644 --- a/packages/redux-devtools-inspector-monitor-trace-tab/src/react-error-overlay/containers/StackFrame.tsx +++ b/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 = { diff --git a/packages/redux-devtools-inspector-monitor-trace-tab/src/react-error-overlay/containers/StackTrace.tsx b/packages/redux-devtools-inspector-monitor-trace-tab/src/react-error-overlay/containers/StackTrace.tsx index 6c329b57..a7845ee9 100644 --- a/packages/redux-devtools-inspector-monitor-trace-tab/src/react-error-overlay/containers/StackTrace.tsx +++ b/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 {