diff --git a/lib/error-debug.js b/lib/error-debug.js index 2cb1e4e3..e6e2a959 100644 --- a/lib/error-debug.js +++ b/lib/error-debug.js @@ -7,7 +7,7 @@ export default ({ error, error: { name, message, module } }) => ( - {module ?
Error in {module.rawRequest}
: null} + {module ?

Error in {module.rawRequest}

: null} { name === 'ModuleBuildError' ?
@@ -27,10 +27,10 @@ const StackTrace = ({ error: { name, message, stack } }) => (
 
 const styles = {
   errorDebug: {
-    background: '#a6004c',
+    background: '#0e0d0d',
     boxSizing: 'border-box',
     overflow: 'auto',
-    padding: '15px',
+    padding: '24px',
     position: 'fixed',
     left: 0,
     right: 0,
@@ -42,19 +42,22 @@ const styles = {
   stack: {
     fontFamily: '"SF Mono", "Roboto Mono", "Fira Mono", consolas, menlo-regular, monospace',
     fontSize: '13px',
-    color: '#fbe7f1',
+    lineHeight: '18px',
+    color: '#b3adac',
     margin: 0,
     whiteSpace: 'pre-wrap',
     wordWrap: 'break-word',
-    marginTop: '20px'
+    marginTop: '16px'
   },
 
   heading: {
     fontFamily: '-apple-system, system-ui, BlinkMacSystemFont, Roboto, "Segoe UI", "Fira Sans", Avenir, "Helvetica Neue", "Lucida Grande", sans-serif',
-    fontSize: '15px',
-    fontWeight: 'bold',
-    color: '#febfdd',
-    marginBottom: '5px'
+    fontSize: '20px',
+    fontWeight: '400',
+    lineHeight: '28px',
+    color: '#fff',
+    marginBottom: '0px',
+    marginTop: '0px'
   }
 }
 
@@ -66,12 +69,12 @@ const encodeHtml = str => {
 // https://github.com/babel/babel/blob/master/packages/babel-code-frame/src/index.js
 
 ansiHTML.setColors({
-  reset: ['fff', 'a6004c'],
-  darkgrey: 'e54590',
-  yellow: 'ee8cbb',
-  green: 'f2a2c7',
-  magenta: 'fbe7f1',
-  blue: 'fff',
-  cyan: 'ef8bb9',
-  red: 'fff'
+  reset: ['6F6767', '0e0d0d'],
+  darkgrey: '6F6767',
+  yellow: '6F6767',
+  green: 'ebe7e5',
+  magenta: 'ebe7e5',
+  blue: 'ebe7e5',
+  cyan: 'ebe7e5',
+  red: 'ff001f'
 })