Orange color display problem

[uraz]

It seems that orange color used for "warn" level label is not working correctly. {orange-fg} is showing instead of a proper color.

[techieshark]

I'm seeing the same thing.

[techieshark]

@uraz You can fix this by using an RGB value for orange in const levelColors = ... in utils.js (see here).

(Colors seem to be defined here, and it doesn't look like orange exists.)

For instance, using #FFA500:

change

const levelColors = {
  debug: s => `{cyan-fg}${s}{/cyan-fg}`,
  info: s => `{#ffff94-fg}{bold}${s}{/bold}{/#ffff94-fg}`,
  warn: s => `{orange-fg}${s}{/orange-fg}`,
  error: s => `{red-fg}${s}{/red-fg}`,

to

const levelColors = {
  debug: s => `{cyan-fg}${s}{/cyan-fg}`,
  info: s => `{#ffff94-fg}{bold}${s}{/bold}{/#ffff94-fg}`,
  warn: s => `{#ffa500-fg}${s}{/#ffa500-fg}`,
  error: s => `{red-fg}${s}{/red-fg}`,

To give the following:

Or if you wanted to mimic the colors used by Google Cloud's Stackdriver logging console:

You could use:

const levelColors = {
  debug: s => `{blue-fg}${s}{/blue-fg}`,
  info: s => `{#7FDBFF-fg}${s}{/#7FDBFF-fg}`,
  warn: s => `{#DA7732-fg}${s}{/#DA7732-fg}`,
  error: s => `{#C2513F-fg}${s}{/#C2513F-fg}`,
};

to give:

In case it helps, here's my test.json file, and I'm using iTerm on Mac:

{ "timestamp": "2018-09-12T05:41:37.562Z", "level": "debug", "message": "message 1", "data": "some data", "another": { "any": "thing" }}
{ "timestamp": "2018-09-12T05:41:36.566Z", "level": "info", "message": "message 2", "data": "some other data" }
{ "timestamp": "2018-09-12T05:41:35.571Z", "level": "warn", "message": "message 3" }
{ "timestamp": "2018-09-12T05:41:35.571Z", "level": "error", "message": "message 4" }
{ "timestamp": "2018-09-12T05:41:35.571Z", "level": "error", "message": "message 5" }

[Defkil]

Hey, on npm is still the old version with {orange-fg}warn{/orange-fg}

[cube-dan]

Same problem here @Defkil (on a fresh install from today). I'm using patch-package as a stopgap. Patch attached: json-log-viewer+0.1.2.patch