attributes in firebase ui theme color code code example

Example 1: Get Theme from URL Parameter and enable CSS theme

var head = document.getElementsByTagName('HEAD')[0];  

const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);

const theme = urlParams.get('theme')

var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'src/css/themes/' + theme + '.css';  

head.appendChild(link);
		
console.log(theme + " theme enabled!");

Example 2: use theme in class component material ui

import { withStyles } from "@material-ui/core/styles";

const styles = theme => ({
  root: {
    backgroundColor: "red"
  }
});

class ClassComponent extends Component {
  state = {
    searchNodes: ""
  };

  render() {
    const { classes } = this.props;
    return (
      <div className={classes.root}>Hello!</div>
    );
  }
}

export default withStyles(styles, { withTheme: true })(ClassComponent);