terribleplan/next.js
1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
Code Issues Releases Wiki Activity

Update debug error colors (#2182)

Browse source 
* Update debug error colors

* Soften colors

* Color tweaks, use zeit red w white header
This commit is contained in:
Krisztian Puska 2017-06-09 20:50:58 +02:00 committed by Arunoda Susiripala
parent 5fa03f941d
commit 28b40a5d41
1 changed files with 20 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
lib/error-debug.js
View file

@ -7,7 +7,7 @@ export default ({ error, error: { name, message, module } }) => (
<Head>
<meta name='viewport' content='width=device-width, initial-scale=1.0' />
</Head>
{module ? <div style={styles.heading}>Error in {module.rawRequest}</div> : null}
{module ? <h1 style={styles.heading}>Error in {module.rawRequest}</h1> : null}
{
name === 'ModuleBuildError'
? <pre style={styles.stack} dangerouslySetInnerHTML={{ __html: ansiHTML(encodeHtml(message)) }} />
@ -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'
})