Skip to content

(wip): implement dark theme

Olivia Madrid requested to merge omadrid/front:dark-theme into master

  • Toggle between default/dark themes by clicking on topbar bulb icon

  • Added themes.scss for m-theme mixin, color palette, and theme color maps

  • Applied m-theme mixin to all color-related styles

  • Removed hard-coded color styles from .html and .ts templates and added them to corresponding .scss

  • Added mdl overrides for mdl-color-- & mdl-color-text-- classes (only for the ones that were applied already: grey, blue-grey and accents)

  • Added mdl overrides for all color-related styles applied to mdl components that are already being used (e.g. mdl-data-table, mdl-button, mdl-card

  • Added rules to .scss files to compensate for cases where new mdl overrides had changed the pre-existing colors

  • Make some fine-tuning changes - handle some backgrounds (videos, modal overlays) so they are black in both default & dark modes; video playback controls are always white; address plus upgrade button height issue and tooltip bubble opacity issue in wire payments creator modal

Merge request reports