more color

mongodb-js · Dec 19, 2024 · c6ef4ad · c6ef4ad
1 parent 4149efd
commit c6ef4ad
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/packages/browser-repl/src/components/types/error-output.tsx b/packages/browser-repl/src/components/types/error-output.tsx
@@ -12,13 +12,17 @@ interface ErrorOutputProps {
 }
 
 const errInfo = css({
-  pre: {
+  '&&': {
     borderLeft: '3px solid',
     paddingLeft: '0px',
-    borderColor: palette.red.light2,
+    borderColor: palette.red.light1,
   },
 });
 
+const messageCss = css({
+  color: 'white',
+});
+
 export class ErrorOutput extends Component<ErrorOutputProps> {
   static propTypes = {
     value: PropTypes.any,
@@ -39,7 +43,7 @@ export class ErrorOutput extends Component<ErrorOutputProps> {
           >
             {formattedName || 'Error'}:
           </a>{' '}
-          {message}
+          <span className={messageCss}>{message}</span>
         </pre>
       </div>
     );
@@ -96,11 +100,11 @@ export class ErrorOutput extends Component<ErrorOutputProps> {
     return (
       <div>
         {this.renderCollapsed(toggle)}
-        <div className={cx(errInfo)}>
+        <div className={messageCss}>
           {this.formatErrorBugReportInfo()}
           {this.formatErrorInfo()}
           {this.formatErrorResult()}
-          <pre>{this.formatStack()}</pre>
+          <pre className={errInfo}>{this.formatStack()}</pre>
         </div>
       </div>
     );