Skip to content

Commit 431b7c0

Browse files
committed
docs: restore border-radius with consistent application
Bring back border-radius to fix diagonal border artifacts while maintaining a cohesive look throughout the UI. Changes: - Set consistent border-radius values (lg: 8px, md: 6px, sm: 4px, xs: 3px) - Apply to blockquotes (fixes diagonal corner issue) - Apply to inline code (xs: 3px) - Apply to code blocks (md: 6px) - Already applied to: tables, details, mermaid, images, kbd, search All UI elements now have matching rounded corners for a polished, consistent appearance.
1 parent 6c84e56 commit 431b7c0

File tree

1 file changed

+7
-4
lines changed

1 file changed

+7
-4
lines changed

docs/theme/custom.css

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -27,10 +27,10 @@
2727
--link-color: rgb(62, 140, 218);
2828
--link-hover: var(--color-plan-mode-hover);
2929
--content-max-width: 78ch;
30-
--radius-lg: 0;
31-
--radius-md: 0;
32-
--radius-sm: 0;
33-
--radius-xs: 0;
30+
--radius-lg: 8px;
31+
--radius-md: 6px;
32+
--radius-sm: 4px;
33+
--radius-xs: 3px;
3434
--shadow-1: 0 1px 1px hsl(0 0% 0% / 0.25);
3535
--shadow-2: 0 2px 10px hsl(0 0% 0% / 0.35);
3636

@@ -233,12 +233,14 @@ p:has(+ ol) {
233233
padding: 2px 6px;
234234
font-family: var(--font-monospace);
235235
font-size: 0.92em;
236+
border-radius: var(--radius-xs);
236237
}
237238

238239
/* Code blocks */
239240
pre {
240241
background: var(--color-background-secondary) !important;
241242
border: 1px solid var(--color-border) !important;
243+
border-radius: var(--radius-md);
242244
box-shadow: var(--shadow-1);
243245
overflow: auto;
244246
margin: 1rem 0;
@@ -297,6 +299,7 @@ blockquote {
297299
background: color-mix(in srgb, var(--color-background-secondary), white 3%);
298300
padding: 1rem 1.2rem;
299301
margin: 1.5rem 0;
302+
border-radius: var(--radius-md);
300303
color: var(--color-text);
301304
}
302305

0 commit comments

Comments
 (0)