asyavee/medusa-store
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(ui): code block styles (#5692)

Browse Source 
**What**
- Improves the styling of CodeBlock prism theme
This commit is contained in:
Kasper Fabricius Kristensen
2023-11-23 11:59:17 +00:00
committed by GitHub
parent 180b595afb
commit b25b29fe7b
2 changed files with 49 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/witty-waves-rhyme.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@medusajs/ui": patch
---
fix(ui): Update the styling of CodeBlock

48
packages/design-system/ui/src/components/code-block/code-block.tsx
View File

@@ -138,22 +138,62 @@ const Body = ({
...themes.palenight,
plain: {
color: "rgba(249, 250, 251, 1)",
backgroundColor: "#111827",
backgroundColor: "rgb(17,24,39)",
},
styles: [
...themes.palenight.styles,
{
types: ["keyword"],
style: {
color: "var(--fg-on-color)",
fontStyle: "normal",
color: "rgb(187,160,255)",
},
},
{
types: ["punctuation", "operator"],
style: {
fontStyle: "normal",
color: "rgb(255,255,255)",
},
},
{
types: ["constant", "boolean"],
style: {
fontStyle: "normal",
color: "rgb(187,77,96)",
},
},
{
types: ["function"],
style: {
fontStyle: "normal",
color: "rgb(27,198,242)",
},
},
{
types: ["number"],
style: {
color: "rgb(247,208,25)",
},
},
{
types: ["maybe-class-name"],
style: {
color: "rgb(255, 203, 107)",
color: "rgb(255,203,107)",
},
},
{
types: ["string"],
style: {
color: "rgb(73,209,110)",
},
},
{
types: ["comment"],
style: {
color: "rgb(52,211,153)",
},
},
...themes.palenight.styles,
],
}}
code={active.code}