About

Theming is based on CSS Variables and is not supported in some older browsers.

In these cases, Backpack components will gracefully degrade to the default Skyscanner theme. To check browser support, see caniuse.com.

                                                
                                                import BpkThemeProvider from '@skyscanner/backpack-web/bpk-theming';
                                                
                                                import BpkLink, { themeAttributes as linkThemeAttributes } from '@skyscanner/backpack-web/bpk-component-link';
                                                
                                                const theme = {
                                                  linkColor: '#c00',
                                                  linkHoverColor: '#d00',
                                                  linkActiveColor: '#a00',
                                                  linkVisitedColor: '#800',
                                                };
                                                
                                                export default class App extends Component {
                                                  render() {
                                                    return (
                                                      <BpkThemeProvider theme={theme} themeAttributes={[...linkThemeAttributes]}>
                                                        <BpkLink onClick={() => {}}>Book flight</BpkLink>
                                                      </BpkThemeProvider>
                                                    );
                                                  }
                                                }