mirror of
https://github.com/jxnblk/mdx-deck.git
synced 2024-09-17 09:57:23 +03:00
Added hot pink theme using emotion-theming
This commit is contained in:
parent
8eb7e3513e
commit
9ec8ea1893
25
examples/hotpink/hotpink.js
Normal file
25
examples/hotpink/hotpink.js
Normal file
@ -0,0 +1,25 @@
|
||||
import React from 'react';
|
||||
import { ThemeProvider } from 'emotion-theming'
|
||||
|
||||
|
||||
//adding a hotpink theme using emotion-theming
|
||||
|
||||
const theme = {
|
||||
colors: {
|
||||
primary: 'hotpink'
|
||||
}
|
||||
}
|
||||
|
||||
class HotPink extends React.Component {
|
||||
render() {
|
||||
return(
|
||||
<ThemeProvider theme={theme}>
|
||||
<div css={theme => ({ color: theme.colors.primary })}>
|
||||
some other text
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default HotPink;
|
Loading…
Reference in New Issue
Block a user