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 = {