feat: add blockquote gutter and table styling to Markdown renderer

- Add themed blockquote gutter using BarGutter with primary color at 45% opacity
- Add table border styling using theme-consistent subtle borders
- Set table cell padding to 10sp for comfortable reading

https://claude.ai/code/session_01PPExHNAdLqddiYsGZi1BgW
This commit is contained in:
Claude
2026-04-01 04:07:37 +00:00
parent 842bb57a03
commit d067d5c3b7
@@ -55,6 +55,7 @@ import androidx.compose.ui.unit.em
import androidx.compose.ui.unit.sp
import androidx.core.view.WindowCompat
import androidx.lifecycle.compose.collectAsStateWithLifecycle
import com.halilibo.richtext.ui.BlockQuoteGutter.BarGutter
import com.halilibo.richtext.ui.RichTextStyle
import com.halilibo.richtext.ui.resolveDefaults
import com.patrykandpatrick.vico.compose.common.VicoTheme
@@ -296,6 +297,13 @@ val MarkDownStyleOnDark =
RichTextDefaults.listStyle?.copy(
itemSpacing = 10.sp,
),
blockQuoteGutter =
BarGutter(
startMargin = 4.sp,
barWidth = 3.sp,
endMargin = 8.sp,
color = { DarkColorPalette.primary.copy(alpha = 0.45f) },
),
codeBlockStyle =
RichTextDefaults.codeBlockStyle?.copy(
textStyle =
@@ -313,6 +321,12 @@ val MarkDownStyleOnDark =
.background(DarkColorPalette.onSurface.copy(alpha = 0.05f))
.padding(horizontal = 16.dp, vertical = 12.dp),
),
tableStyle =
RichTextDefaults.tableStyle?.copy(
borderColor = DarkSubtleBorder,
borderStrokeWidth = 1f,
cellPadding = 10.sp,
),
stringStyle =
RichTextDefaults.stringStyle?.copy(
linkStyle =
@@ -340,6 +354,13 @@ val MarkDownStyleOnLight =
RichTextDefaults.listStyle?.copy(
itemSpacing = 10.sp,
),
blockQuoteGutter =
BarGutter(
startMargin = 4.sp,
barWidth = 3.sp,
endMargin = 8.sp,
color = { LightColorPalette.primary.copy(alpha = 0.45f) },
),
codeBlockStyle =
RichTextDefaults.codeBlockStyle?.copy(
textStyle =
@@ -357,6 +378,12 @@ val MarkDownStyleOnLight =
.background(LightColorPalette.onSurface.copy(alpha = 0.05f))
.padding(horizontal = 16.dp, vertical = 12.dp),
),
tableStyle =
RichTextDefaults.tableStyle?.copy(
borderColor = LightSubtleBorder,
borderStrokeWidth = 1f,
cellPadding = 10.sp,
),
stringStyle =
RichTextDefaults.stringStyle?.copy(
linkStyle =