salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #155 from seanburkes/fix/markdown-light-mode-visibility-fork

Browse Source 
Fix markdown code block text visibility in light mode
This commit is contained in:
Shantur Rathore
2026-02-12 22:52:21 +00:00
committed by GitHub
parent bf9ee76de5 9ea4f6b5ef
commit cb0d601b09
2 changed files with 24 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
packages/ui/src/styles/markdown.css
View File

@@ -1,4 +1,4 @@
@import "github-markdown-css/github-markdown-dark.css";
@import "github-markdown-css/github-markdown-light.css" layer(github-markdown-base);
@layer components {
.markdown-body {
@@ -108,17 +108,23 @@
background: transparent;
}
.markdown-body pre {
.markdown-body pre:not(.shiki) {
font-family: var(--font-family-mono);
font-size: var(--font-size-sm);
line-height: var(--line-height-normal);
background-color: var(--surface-code);
color: var(--text-primary);
border: 1px solid var(--border-base);
border-radius: 8px;
padding: 0.75rem;
margin: 1rem 0;
}
.markdown-body pre:not(.shiki) code,
.markdown-code-block pre:not(.shiki) code {
color: var(--text-primary);
}
.markdown-body blockquote {
border-left: 3px solid var(--border-base);
color: var(--text-secondary);
@@ -151,16 +157,6 @@
width: 100%;
margin: 1rem 0;
background-color: transparent;
display: block;
padding-right: 0.75rem;
}
.markdown-body thead,
.markdown-body tbody,
.markdown-body tfoot {
width: 100%;
display: table;
table-layout: fixed;
}
.markdown-body th,
@@ -168,12 +164,22 @@
border: 1px solid var(--border-base);
padding: 0.5rem 0.75rem;
text-align: left;
color: var(--text-primary);
background-color: transparent;
}
.markdown-body th {
background-color: var(--surface-secondary);
}
.markdown-body tbody > tr:nth-child(odd) > td {
background-color: var(--markdown-table-row-odd);
}
.markdown-body tbody > tr:nth-child(even) > td {
background-color: var(--markdown-table-row-even);
}
.markdown-code-block {
position: relative;
margin: 10px 0;

6
packages/ui/src/styles/tokens.css
View File

@@ -6,6 +6,8 @@
--surface-muted: #f8fafc;
--surface-code: #f1f5f9;
--surface-hover: #e0e0e0;
--markdown-table-row-odd: transparent;
--markdown-table-row-even: #f1f5f9;
/* Border tokens */
--border-base: #e0e0e0;
@@ -180,6 +182,8 @@
--surface-muted: #212529;
--surface-code: #1a1a1a;
--surface-hover: #3a3a3a;
--markdown-table-row-odd: #0f1114;
--markdown-table-row-even: #181c22;
/* Border tokens */
--border-base: #3a3a3a;
@@ -347,6 +351,8 @@
--surface-muted: #212529;
--surface-code: #1a1a1a;
--surface-hover: #3a3a3a;
--markdown-table-row-odd: #0f1114;
--markdown-table-row-even: #181c22;
/* Border tokens */
--border-base: #3a3a3a;