diff --git a/internal/theme/default/style.go b/internal/theme/default/style.go index 7015127..f9b1644 100644 --- a/internal/theme/default/style.go +++ b/internal/theme/default/style.go @@ -9,6 +9,7 @@ import dataTheme "git.tebibyte.media/tomo/nasin/internal/theme" var colorFocus = color.RGBA { R: 61, G: 128, B: 143, A: 255 } var colorInput = color.RGBA { R: 208, G: 203, B: 150, A: 255 } var colorCarved = color.RGBA { R: 151, G: 160, B: 150, A: 255 } +var colorGutter = color.RGBA { R: 116, G: 132, B: 126, A: 255 } var colorShadow = color.RGBA { R: 57, G: 59, B: 57, A: 255 } var colorInputShadow = color.RGBA { R: 143, G: 146, B: 91, A: 255 } var colorHighlight = color.RGBA { R: 207, G: 215, B: 210, A: 255 } @@ -113,6 +114,22 @@ var rules = []dataTheme.Rule { ), }, + // *.Container[sunken] + dataTheme.Rule { + Role: theme.R("", "Container", "sunken"), + Default: dataTheme.AS ( + dataTheme.AttrBorder { + outline, + tomo.Border { + Width: tomo.I(1, 0, 0, 1), + Color: borderColorEngraved, + }, + }, + dataTheme.AttrColor { Color: theme.ColorSunken }, + dataTheme.AttrPadding(tomo.I(8)), + ), + }, + // *.Container[outer] dataTheme.Rule { Role: theme.R("", "Container", "outer"), @@ -154,7 +171,7 @@ var rules = []dataTheme.Rule { Color: borderColorEngraved, }, }, - dataTheme.AttrColor { Color: theme.ColorSunken }, + dataTheme.AttrColor { Color: colorGutter }, dataTheme.AttrPadding(tomo.I(0, 1, 1, 0)), ), Focused: dataTheme.AS (