1
1
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:
abhishek sagar 2019-10-03 00:36:26 +05:30
parent 8eb7e3513e
commit 9ec8ea1893

View 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;