Intercept Base
Intercept Base is a foundational theme designed for use with the Intercept suite of modules. It applies Material Design styles to Drupal elements to create a consistent look and feel with Material UI components.
Overview
Intercept Base is a base theme meant for use with Intercept, a suite of modules for managing events, room reservations and equipment reservations.
Intercept's decoupled interfaces are built using Material UI – a library of React components based on Google's Material Design. Intercept Base applies many of the underlying Material Design styles to common ui elements to make the Material UI components and standard Drupal theme elements seamless.
Extending Intercept Base and Material UI
Material UI utilizes JSS. While JSS is a powerful method for styling dynamic components, overriding styles in the traditional sense of replacing or overriding CSS is not a practical method of customization. While this still works for extending a majority of a site, overriding Material UI components requires replacing the global JS interceptTheme object. See Material UI's default theme for available overrides.
To change the Material UI JSS theme, override the intercept_core/interceptTheme library.
my_subtheme.libraries.yml
...
interceptTheme:
js:
path/to/overridden/interceptTheme.js: { preprocess: true }
dependencies:
- core/drupalSettings
...
my_subtheme.info.yml
...
libraries-override:
intercept_core/interceptTheme: my_subtheme/interceptTheme
...