Color Scheme

[avivkeller]

We need to modify the color scheme used by doc-kit to use webpack's blues, available on our branding page. This can be done by overriding the built-in Node.js theme.

My suggested starting point is:

  --color-green-100: #e0effd;
  --color-green-200: #b9def9;
  --color-green-300: #8ed6fb;
  --color-green-400: #4ba8de;
  --color-green-500: #2b8fcf;
  --color-green-600: #1c78c0;
  --color-green-700: #175e96;
  --color-green-800: #134c79;
  --color-green-900: #0f3c61;

[TusharThakur04]

My suggested starting point is:

  --color-green-100: #e0effd;
  --color-green-200: #b9def9;
  --color-green-300: #8ed6fb;
  --color-green-400: #4ba8de;
  --color-green-500: #2b8fcf;
  --color-green-600: #1c78c0;
  --color-green-700: #175e96;
  --color-green-800: #134c79;
  --color-green-900: #0f3c61;

@avivkeller you mean --color-blue right?

[avivkeller]

In ui-components, the variables are --color-green. We should probably rename them to --color-brand, but until then, --color-green is the correct name.