primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-29 00:58:31 +03:00
Code Issues Projects Releases Wiki Activity

Fix dark mode in docs

Browse Source
This commit is contained in:
simurai 2021-03-11 16:08:54 +09:00
parent 2146327a81
commit 0b18f1a327
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/src/@primer/gatsby-theme-doctocat/components/live-preview-wrapper.js
View File

@ -24,7 +24,7 @@ function LivePreviewWrapper({children}) {
<Frame>
<link rel="stylesheet" href="https://github.com/site/assets/styleguide.css" />
<style>{primerStyles}</style>
<div data-color-mode={colorMode}>
<div data-color-mode={colorMode} data-light-theme="light" data-dark-theme="dark">
<Flex pt={2} px={2} justifyContent="flex-end">
<button
className="btn"

4
docs/src/color-system.js
View File

@ -14,10 +14,10 @@ function LivePreviewWrapper({children}) {
<link rel="stylesheet" href="https://github.com/site/assets/styleguide.css" />
<style>{primerStyles}</style>
<Flex direction="row">
<div data-color-mode="light" style={{flex: 1}}>
<div data-color-mode="light" data-light-theme="light" style={{flex: 1}}>
<div className="frame-example p-3">{children}</div>
</div>
<div data-color-mode="dark" style={{flex: 1}}>
<div data-color-mode="dark" data-dark-theme="dark" style={{flex: 1}}>
<div className="frame-example p-3">{children}</div>
</div>
</Flex>