Create our own markdown theme

This also makes the themes between the markdown component and the diff
componenet the same. Also it will be easier now to change the theme as
we want. We can still do more cleanup, at a later time.

Signed-off-by: Djordje Lukic <djordje.lukic@docker.com>

Author: rumpl

pkg/tui/components/markdown/renderer.go

@@ -2,24 +2,16 @@ package markdown
 
 import (
 	"github.com/charmbracelet/glamour/v2"
-	allstyles "github.com/charmbracelet/glamour/v2/styles"
-)
 
-func uintPtr(u uint) *uint { return &u }
+	"github.com/docker/cagent/pkg/tui/styles"
+)
 
 func NewRenderer(width int) *glamour.TermRenderer {
-	customDarkStyle := *allstyles.DefaultStyles["dark"]
-
-	customDarkStyle.Document.Margin = uintPtr(0)
-	customDarkStyle.Document.BlockPrefix = ""
-	customDarkStyle.Document.BlockSuffix = ""
-
-	// The default indent token is buggy. It breaks line splitting.
-	customDarkStyle.BlockQuote.IndentToken = nil
+	style := styles.MarkdownStyle()
 
 	r, _ := glamour.NewTermRenderer(
 		glamour.WithWordWrap(min(width, 120)),
-		glamour.WithStyles(customDarkStyle),
+		glamour.WithStyles(style),
 	)
 	return r
 }

pkg/tui/components/tool/syntax.go

@@ -5,7 +5,6 @@ import (
 
 	"github.com/alecthomas/chroma/v2"
 	"github.com/alecthomas/chroma/v2/lexers"
-	chromastyles "github.com/alecthomas/chroma/v2/styles"
 	"github.com/aymanbagabas/go-udiff"
 	"github.com/charmbracelet/lipgloss/v2"
 	"github.com/mattn/go-runewidth"
@@ -21,11 +20,7 @@ func syntaxHighlight(code, filePath string) []chromaToken {
 	}
 	lexer = chroma.Coalesce(lexer)
 
-	style := chromastyles.Get("monokai")
-	if style == nil {
-		style = chromastyles.Fallback
-	}
-
+	style := styles.ChromaStyle()
 	iterator, err := lexer.Tokenise(nil, code)
 	if err != nil {
 		return []chromaToken{{Text: code, Style: lipgloss.NewStyle()}}
@@ -57,13 +52,11 @@ func chromaToLipgloss(tokenType chroma.TokenType, style *chroma.Style) lipgloss.
 	lipStyle := lipgloss.NewStyle()
 
 	if entry.Colour.IsSet() {
-		color := entry.Colour.String()
-		lipStyle = lipStyle.Foreground(lipgloss.Color(color))
+		lipStyle = lipStyle.Foreground(lipgloss.Color(entry.Colour.String()))
 	}
 
 	if entry.Background.IsSet() {
-		color := entry.Background.String()
-		lipStyle = lipStyle.Background(lipgloss.Color(color))
+		lipStyle = lipStyle.Background(lipgloss.Color(entry.Background.String()))
 	}
 
 	if entry.Bold == chroma.Yes {