Implement Pink Elephant

[BSFishy]

As follow-up for #521, since we have an accepted proposal for Pink Elephant, here is the implementation items for Pink Elephant (and more broadly any theme in the future)

• Create src/theme_pink_elephant.scss
  • This should be a copy of src/theme_dark.scss with line 13 changed to reflect Pink Elephant rather than dark theme
• Create src/themes/oui/oui_colors_pink_elephant.scss
  • This should be a copy of src/themes/oui/oui_colors_dark.scss for now. These colors will change in the future
• Create src-docs/src/theme_pink_elephant.scss
  • This should be a copy of src-docs/src/theme_dark.scss with line 16 changed to reflect Pink Elephant rather than dark theme
• Add Pink Elephant to the list of themes (OUI_THEMES) in src/themes/themes.ts
  • text: Pink Elephant
  • value: pink-elephant
• Register the theme in src-docs/src/index.js
  • Import the theme like the other themes:

    oui/src-docs/src/index.js

    Lines 25 to 28 in f5d7aa6

    	import themeLight from './theme_light.scss';
    	import themeDark from './theme_dark.scss';
    	import themeCascadiaLight from './theme_cascadia_light.scss';
    	import themeCascadiaDark from './theme_cascadia_dark.scss';

  • Register the theme like the other themes:

    oui/src-docs/src/index.js

    Lines 33 to 36 in f5d7aa6

    	registerTheme('light', [themeLight]);
    	registerTheme('dark', [themeDark]);
    	registerTheme('cascadia-light', [themeCascadiaLight]);
    	registerTheme('cascadia-dark', [themeCascadiaDark]);

The implementation of this task can be based off the work done here: main...BSFishy:oui:pink_elephant

[joshuarrrr]

@BSFishy Can we close this now? Is there any work remaining to be done?

[BSFishy]

Yep, this should have been closed with #559