[Feat] Minimal Theme for deck.gl Widgets

[chrisgervang]

Target Use Case

A minimal theme for deck.gl widgets would provide a clean, unstyled baseline, aiding developers in learning and debugging by highlighting the effects of custom styles. This feature is especially beneficial for educational purposes or for those who prefer a minimalistic aesthetic in their applications.

Proposal

This theme would unset or reset CSS properties to their browser defaults, providing a clean starting point for further customization.

export const MinimalTheme = {
  '--button-background': 'unset',
  '--button-stroke': 'unset',
  '--button-inner-stroke': 'unset',
  '--button-shadow': 'unset',
  '--button-backdrop-filter': 'unset',
  '--button-icon-idle': 'unset',
  '--button-icon-hover': 'unset',
  '--icon-compass-north-color': 'unset',
  '--icon-compass-south-color': 'unset'
};

I got inspired from #8958 to provide a similar minimalistic look. This theme should allow developers to build on top of a neutral style.