diff --git a/packages/app/src/styles/markdown-styles.test.ts b/packages/app/src/styles/markdown-styles.test.ts index 43056dd84..3018f097e 100644 --- a/packages/app/src/styles/markdown-styles.test.ts +++ b/packages/app/src/styles/markdown-styles.test.ts @@ -111,4 +111,15 @@ describe("createMarkdownStyles", () => { }); expect(compactStyles.code_inline).not.toHaveProperty("lineHeight"); }); + + it("keeps blockquotes quiet with a square left edge", () => { + const styles = createMarkdownStyles(darkTheme); + + expect(styles.blockquote).toMatchObject({ + backgroundColor: darkTheme.colors.surface1, + borderLeftColor: darkTheme.colors.surface2, + borderTopLeftRadius: 0, + borderBottomLeftRadius: 0, + }); + }); }); diff --git a/packages/app/src/styles/markdown-styles.ts b/packages/app/src/styles/markdown-styles.ts index d0879e871..ce7ddafe9 100644 --- a/packages/app/src/styles/markdown-styles.ts +++ b/packages/app/src/styles/markdown-styles.ts @@ -302,13 +302,15 @@ export function createMarkdownStyles(theme: Theme) { // ========================================================================= blockquote: { - backgroundColor: theme.colors.surface2, + backgroundColor: theme.colors.surface1, borderLeftWidth: 4, - borderLeftColor: theme.colors.primary, + borderLeftColor: theme.colors.surface2, paddingHorizontal: theme.spacing[4], paddingVertical: theme.spacing[3], marginVertical: theme.spacing[3], borderRadius: theme.borderRadius.md, + borderTopLeftRadius: 0, + borderBottomLeftRadius: 0, }, // =========================================================================