From a77d8edb07bdab94764e5047923355fa7d642f73 Mon Sep 17 00:00:00 2001 From: Iliya Brook Date: Tue, 5 Mar 2024 00:43:58 +0200 Subject: [PATCH] Update color scheme in StackTrace and StackFrame The changes introduce new color attributes for various elements in both StackTrace and StackFrame components. Specifically, the color and background color of StackTrace have been revised, alongside the color adjustments of linkStyle, anchorStyle and codeAnchorStyle properties in StackFrame. --- .../src/react-error-overlay/containers/StackFrame.tsx | 4 +++- .../src/react-error-overlay/containers/StackTrace.tsx | 2 ++ 2 files changed, 5 insertions(+), 1 deletion(-) 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 {