update css vars (#27)

- deprecate unused vars
- add separate bg color for undefined

fixes #25

Author: MichaelDoyle

README.md

@@ -61,6 +61,7 @@ Theming can be done with CSS variables
 --ngx-json-null          /* color of null values */
 --ngx-json-null-bg       /* background color of null values */
 --ngx-json-undefined     /* color of undefined values */
+--ngx-json-undefined-bg  /* background color of undefined values */
 --ngx-json-toggler       /* color of toggler */
 --ngx-json-key           /* color of keys */
 --ngx-json-punctuation   /* color of punctuation (':', '{', '}', etc) */

projects/ngx-json-treeview/src/lib/ngx-json-treeview.component.scss

@@ -3,8 +3,6 @@ $type-colors: (
   number: var(--ngx-json-number, #098658),
   boolean: var(--ngx-json-boolean, #a31515),
   date: var(--ngx-json-date, #05668d),
-  array: var(--ngx-json-array, #656e77),
-  object: var(--ngx-json-object, #656e77),
   function: var(--ngx-json-function, #656e77),
   'null': var(--ngx-json-null, #fff),
   undefined: var(--ngx-json-undefined, #fff),
@@ -74,7 +72,7 @@ $type-colors: (
       color: var(--ngx-json-undefined-key, #a31515);
     }
     & > .segment-value {
-      background-color: var(--ngx-json-undefined-key, #656e77);
+      background-color: var(--ngx-json-undefined-bg, #656e77);
     }
   }
   .segment-type-object > .segment-main,