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:
@@ -55,6 +55,7 @@ import androidx.compose.ui.unit.em
|
|||||||
import androidx.compose.ui.unit.sp
|
import androidx.compose.ui.unit.sp
|
||||||
import androidx.core.view.WindowCompat
|
import androidx.core.view.WindowCompat
|
||||||
import androidx.lifecycle.compose.collectAsStateWithLifecycle
|
import androidx.lifecycle.compose.collectAsStateWithLifecycle
|
||||||
|
import com.halilibo.richtext.ui.BlockQuoteGutter.BarGutter
|
||||||
import com.halilibo.richtext.ui.RichTextStyle
|
import com.halilibo.richtext.ui.RichTextStyle
|
||||||
import com.halilibo.richtext.ui.resolveDefaults
|
import com.halilibo.richtext.ui.resolveDefaults
|
||||||
import com.patrykandpatrick.vico.compose.common.VicoTheme
|
import com.patrykandpatrick.vico.compose.common.VicoTheme
|
||||||
@@ -296,6 +297,13 @@ val MarkDownStyleOnDark =
|
|||||||
RichTextDefaults.listStyle?.copy(
|
RichTextDefaults.listStyle?.copy(
|
||||||
itemSpacing = 10.sp,
|
itemSpacing = 10.sp,
|
||||||
),
|
),
|
||||||
|
blockQuoteGutter =
|
||||||
|
BarGutter(
|
||||||
|
startMargin = 4.sp,
|
||||||
|
barWidth = 3.sp,
|
||||||
|
endMargin = 8.sp,
|
||||||
|
color = { DarkColorPalette.primary.copy(alpha = 0.45f) },
|
||||||
|
),
|
||||||
codeBlockStyle =
|
codeBlockStyle =
|
||||||
RichTextDefaults.codeBlockStyle?.copy(
|
RichTextDefaults.codeBlockStyle?.copy(
|
||||||
textStyle =
|
textStyle =
|
||||||
@@ -313,6 +321,12 @@ val MarkDownStyleOnDark =
|
|||||||
.background(DarkColorPalette.onSurface.copy(alpha = 0.05f))
|
.background(DarkColorPalette.onSurface.copy(alpha = 0.05f))
|
||||||
.padding(horizontal = 16.dp, vertical = 12.dp),
|
.padding(horizontal = 16.dp, vertical = 12.dp),
|
||||||
),
|
),
|
||||||
|
tableStyle =
|
||||||
|
RichTextDefaults.tableStyle?.copy(
|
||||||
|
borderColor = DarkSubtleBorder,
|
||||||
|
borderStrokeWidth = 1f,
|
||||||
|
cellPadding = 10.sp,
|
||||||
|
),
|
||||||
stringStyle =
|
stringStyle =
|
||||||
RichTextDefaults.stringStyle?.copy(
|
RichTextDefaults.stringStyle?.copy(
|
||||||
linkStyle =
|
linkStyle =
|
||||||
@@ -340,6 +354,13 @@ val MarkDownStyleOnLight =
|
|||||||
RichTextDefaults.listStyle?.copy(
|
RichTextDefaults.listStyle?.copy(
|
||||||
itemSpacing = 10.sp,
|
itemSpacing = 10.sp,
|
||||||
),
|
),
|
||||||
|
blockQuoteGutter =
|
||||||
|
BarGutter(
|
||||||
|
startMargin = 4.sp,
|
||||||
|
barWidth = 3.sp,
|
||||||
|
endMargin = 8.sp,
|
||||||
|
color = { LightColorPalette.primary.copy(alpha = 0.45f) },
|
||||||
|
),
|
||||||
codeBlockStyle =
|
codeBlockStyle =
|
||||||
RichTextDefaults.codeBlockStyle?.copy(
|
RichTextDefaults.codeBlockStyle?.copy(
|
||||||
textStyle =
|
textStyle =
|
||||||
@@ -357,6 +378,12 @@ val MarkDownStyleOnLight =
|
|||||||
.background(LightColorPalette.onSurface.copy(alpha = 0.05f))
|
.background(LightColorPalette.onSurface.copy(alpha = 0.05f))
|
||||||
.padding(horizontal = 16.dp, vertical = 12.dp),
|
.padding(horizontal = 16.dp, vertical = 12.dp),
|
||||||
),
|
),
|
||||||
|
tableStyle =
|
||||||
|
RichTextDefaults.tableStyle?.copy(
|
||||||
|
borderColor = LightSubtleBorder,
|
||||||
|
borderStrokeWidth = 1f,
|
||||||
|
cellPadding = 10.sp,
|
||||||
|
),
|
||||||
stringStyle =
|
stringStyle =
|
||||||
RichTextDefaults.stringStyle?.copy(
|
RichTextDefaults.stringStyle?.copy(
|
||||||
linkStyle =
|
linkStyle =
|
||||||
|
|||||||
Reference in New Issue
Block a user