mirror of
https://github.com/jxnblk/mdx-deck.git
synced 2024-09-11 06:35:24 +03:00
Edit themes
This commit is contained in:
parent
8f187b4153
commit
1cd6c15054
@ -1,7 +1,4 @@
|
||||
import Counter from './Counter'
|
||||
import { prism } from 'mdx-deck'
|
||||
|
||||
export const theme = prism
|
||||
|
||||
<Head>
|
||||
<title>mdx-deck</title>
|
||||
|
@ -54,6 +54,7 @@ const Presenter = props => {
|
||||
sx={{
|
||||
display: 'flex',
|
||||
height: '100vh',
|
||||
color: 'white',
|
||||
bg: 'backdrop',
|
||||
}}>
|
||||
<div
|
||||
@ -128,6 +129,7 @@ const Overview = props => {
|
||||
sx={{
|
||||
display: 'flex',
|
||||
height: '100vh',
|
||||
color: 'white',
|
||||
bg: 'backdrop',
|
||||
}}>
|
||||
<div
|
||||
@ -195,6 +197,7 @@ const Grid = props => {
|
||||
<div
|
||||
sx={{
|
||||
minHeight: '100vh',
|
||||
color: 'white',
|
||||
bg: 'backdrop',
|
||||
}}>
|
||||
<div
|
||||
|
@ -5,6 +5,26 @@ export default {
|
||||
background: '#000',
|
||||
backdrop: '#111',
|
||||
},
|
||||
fonts: {
|
||||
body: 'system-ui, sans-serif',
|
||||
heading: 'inherit',
|
||||
monospace: 'Menlo, monospace',
|
||||
},
|
||||
fontWeights: {
|
||||
body: 400,
|
||||
heading: 700,
|
||||
},
|
||||
lineHeights: {
|
||||
body: 1.5,
|
||||
heading: 1.125,
|
||||
},
|
||||
text: {
|
||||
heading: {
|
||||
fontFamily: 'heading',
|
||||
fontWeight: 'heading',
|
||||
lineHeight: 'heading',
|
||||
},
|
||||
},
|
||||
styles: {
|
||||
root: {
|
||||
fontFamily: 'system-ui, sans-serif',
|
||||
@ -15,7 +35,32 @@ export default {
|
||||
height: '100vh',
|
||||
objectFit: 'contain',
|
||||
},
|
||||
h1: {
|
||||
variant: 'text.heading',
|
||||
},
|
||||
h2: {
|
||||
variant: 'text.heading',
|
||||
},
|
||||
h3: {
|
||||
variant: 'text.heading',
|
||||
},
|
||||
h4: {
|
||||
variant: 'text.heading',
|
||||
},
|
||||
h5: {
|
||||
variant: 'text.heading',
|
||||
},
|
||||
h6: {
|
||||
variant: 'text.heading',
|
||||
},
|
||||
code: {
|
||||
fontFamily: 'monospace',
|
||||
},
|
||||
pre: {
|
||||
fontFamily: 'monospace',
|
||||
},
|
||||
Slide: {
|
||||
fontFamily: 'body',
|
||||
fontSize: '2em',
|
||||
},
|
||||
Header: {
|
||||
|
@ -15,7 +15,6 @@ export default {
|
||||
styles: {
|
||||
root: {
|
||||
textAlign: 'left',
|
||||
fontSize: ['1.5em', '3em'],
|
||||
},
|
||||
Slide: {
|
||||
display: 'block',
|
||||
|
@ -6,7 +6,6 @@ export default {
|
||||
},
|
||||
styles: {
|
||||
root: {
|
||||
fontSize: ['1.5em', null, '4em'],
|
||||
textAlign: 'center',
|
||||
},
|
||||
pre: {
|
||||
|
@ -14,7 +14,6 @@ export default {
|
||||
},
|
||||
styles: {
|
||||
root: {
|
||||
fontSize: ['1.5em', null, '4em'],
|
||||
textAlign: 'center',
|
||||
},
|
||||
pre: {
|
||||
|
@ -14,7 +14,6 @@ export default {
|
||||
styles: {
|
||||
root: {
|
||||
textAlign: 'left',
|
||||
fontSize: ['1.5em', null, '3em'],
|
||||
},
|
||||
Slide: {
|
||||
display: 'block',
|
||||
|
Loading…
Reference in New Issue
Block a user