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'
})