package aluminumStyle import "image/color" import "git.tebibyte.media/tomo/tomo" import "golang.org/x/image/font/basicfont" import "git.tebibyte.media/tomo/nasin/internal/style" func hex (color uint32) (c color.RGBA) { c.A = uint8(color) c.B = uint8(color >> 8) c.G = uint8(color >> 16) c.R = uint8(color >> 24) return } func border (top, right, bottom, left uint32, width ...int) tomo.Border { return tomo.Border { Width: tomo.I(width...), Color: [4]color.Color { hex(top), hex(right), hex(bottom), hex(left), }, } } var colorDot = hex(0x7391c080) var colorFocus = hex(0x5f8bc4FF) var colorHighlight = hex(0x5f8bc4FF) var colorBackground = hex(0xd4d4d4FF) var colorForeground = color.Black var colorOutline = color.Black var colorGutter = hex(0xbfc6d1FF) var colorGutterHovered = hex(0xc5cbd6FF) var colorRaised = hex(0xe9eaeaFF) var colorRaisedPressed = hex(0xccd4ddFF) var colorRaisedFocused = hex(0xcfd6ddFF) var colorRaisedHovered = hex(0xf1f3f5FF) var colorSunken = hex(0xe9eaeaFF) var colorSunkenFocused = hex(0xe0e6eeFF) var colorSunkenPressed = hex(0xe0e6eeFF) var colorCalendarWeekdayHeader = hex(0xd3cac2FF) var colorCalendarWeekend = hex(0xc2d3c4FF) var colorCalendarDay = hex(0xd6dae2FF) var outline = tomo.Border { Width: tomo.I(1), Color: [4]color.Color { colorOutline, colorOutline, colorOutline, colorOutline, }, } var borderEngraved = border(0xc3c3c5FF, 0xe3e3e3FF, 0xe9e9e9ff, 0xc2c2c2ff, 1) var borderGap = border(0x697c7cFF, 0x566767FF, 0x566767ff, 0x697c7cff, 1) var borderLifted = border(0xf9fafcFF, 0xc2c8d3FF, 0xa4afc0ff, 0xf5f6f8ff, 1) var borderLiftedFocused = border(0xf0f4f9FF, 0xb1bacaFF, 0x9aa6b7ff, 0xe4e9eeff, 1) var borderFocused = border(0x5f8bc4FF, 0x5f8bc4FF, 0x5f8bc4ff, 0x5f8bc4ff, 1) var borderTear = borderEngraved var borderTearFocused = border(0x7f94b5FF, 0xced7e4FF, 0xced7e4FF, 0x7f94b5FF, 1) var borderTearPad = border(0x00000000, 0x00000000, 0x00000000, 0x00000000, 3) var borderTearPadFocused = border(0x7391c080, 0x7391c080, 0x7391c080, 0x7391c080, 3) var borderInnerShadow = border(0xa4afc0FF, 0xa4afc0FF, 0xa4afc0ff, 0xa4afc0ff, 1, 0, 0, 1) var borderOuterShadow = border(0xa4afc0FF, 0xa4afc0FF, 0xa4afc0ff, 0xa4afc0ff, 0, 1, 1, 0) var rules = []style.Rule { // *.*[*] style.Rule { Default: style.AS ( style.AttrFace { Face: basicfont.Face7x13 }, style.AttrTextColor { Color: tomo.ColorForeground }, style.AttrDotColor { Color: colorDot }, style.AttrGap { X: 8, Y: 8 }, ), }, // *.Button[*] style.Rule { Role: tomo.R("", "Button", ""), Default: style.AS ( style.AttrBorder { borderEngraved, borderGap, borderLifted, }, style.AttrPadding(tomo.I(4, 8)), style.AttrColor { Color: tomo.ColorRaised }, ), Pressed: style.AS ( style.AttrBorder { borderEngraved, borderGap, borderInnerShadow, }, style.AttrPadding(tomo.I(5, 8, 4, 9)), style.AttrColor { Color: colorRaisedPressed }, ), Focused: style.AS ( style.AttrBorder { borderEngraved, borderGap, borderLiftedFocused, }, style.AttrPadding(tomo.I(4, 8)), style.AttrColor { Color: colorRaisedFocused }, ), Hovered: style.AS ( style.AttrColor { Color: colorRaisedHovered }, ), }, // *.TextInput[*] style.Rule { Role: tomo.R("", "TextInput", ""), Default: style.AS ( style.AttrBorder { borderEngraved, borderGap, borderInnerShadow, }, style.AttrColor { Color: tomo.ColorSunken }, style.AttrPadding(tomo.I(5, 4, 4, 5)), ), Focused: style.AS ( style.AttrBorder { borderEngraved, borderFocused, borderInnerShadow, }, ), }, // *.TextView[*] style.Rule { Role: tomo.R("", "TextView", ""), Default: style.AS ( style.AttrBorder { borderEngraved, borderGap, borderInnerShadow, }, style.AttrColor { Color: tomo.ColorSunken }, style.AttrPadding(tomo.I(8)), ), }, // *.NumberInput[*] style.Rule { Role: tomo.R("", "NumberInput", ""), Default: style.AS ( style.AttrGap { }, ), }, // *.Container[sunken] style.Rule { Role: tomo.R("", "Container", "sunken"), Default: style.AS ( style.AttrBorder { borderEngraved, borderGap, borderInnerShadow, }, style.AttrColor { Color: tomo.ColorSunken }, style.AttrPadding(tomo.I(8)), ), }, // *.Container[outer] style.Rule { Role: tomo.R("", "Container", "outer"), Default: style.AS ( style.AttrColor { Color: tomo.ColorBackground }, style.AttrPadding(tomo.I(8)), ), }, // *.Container[menu] style.Rule { Role: tomo.R("", "Container", "menu"), Default: style.AS ( style.AttrBorder { borderGap, borderLifted, }, style.AttrColor { Color: tomo.ColorBackground }, style.AttrGap { }, ), }, // *.Heading[*] style.Rule { Role: tomo.R("", "Heading", ""), Default: style.AS ( style.AttrAlign { X: tomo.AlignMiddle, Y: tomo.AlignMiddle }, ), }, // *.Separator[*] style.Rule { Role: tomo.R("", "Separator", ""), Default: style.AS ( style.AttrBorder { borderEngraved, }, ), }, // *.Slider[*] style.Rule { Role: tomo.R("", "Slider", ""), Default: style.AS ( style.AttrBorder { borderEngraved, borderGap, borderInnerShadow, }, style.AttrColor { Color: colorGutter }, ), Focused: style.AS ( style.AttrBorder { borderEngraved, borderFocused, borderInnerShadow, }, ), Hovered: style.AS ( style.AttrColor { Color: colorGutterHovered }, ), }, // *.Slider[horizontal] style.Rule { Role: tomo.R("", "Slider", "horizontal"), Default: style.AS(style.AttrMinimumSize { X: 48 }), }, // *.Slider[vertical] style.Rule { Role: tomo.R("", "Slider", "vertical"), Default: style.AS(style.AttrMinimumSize { Y: 48 }), }, // *.SliderHandle[*] style.Rule { Role: tomo.R("", "SliderHandle", ""), Default: style.AS ( style.AttrBorder { borderOuterShadow, borderGap, borderLifted, }, style.AttrColor { Color: tomo.ColorRaised }, style.AttrMinimumSize { X: 12, Y: 12, }, ), }, // *.Checkbox[*] style.Rule { Role: tomo.R("", "Checkbox", ""), Default: style.AS ( style.AttrBorder { borderEngraved, borderGap, borderInnerShadow, }, style.AttrColor { Color: tomo.ColorSunken }, style.AttrPadding(tomo.I(0, 1, 1, 0)), style.AttrMinimumSize { X: 19, Y: 19 }, ), Focused: style.AS ( style.AttrBorder { borderEngraved, borderFocused, borderInnerShadow, }, style.AttrPadding(tomo.I(0)), style.AttrColor { Color: colorSunkenFocused }, ), }, // *.LabelCheckbox[*] style.Rule { Role: tomo.R("", "LabelCheckbox", ""), Default: style.AS ( style.AttrGap { X: 8, Y: 8 }, ), }, // *.MenuItem[*] style.Rule { Role: tomo.R("", "MenuItem", ""), Default: style.AS ( style.AttrPadding(tomo.I(4)), style.AttrGap { X: 4, Y: 4 }, style.AttrColor { Color: color.Transparent }, ), Hovered: style.AS ( style.AttrColor { Color: colorDot }, ), Focused: style.AS ( style.AttrColor { Color: colorDot }, ), }, // *.File[*] style.Rule { Role: tomo.R("", "File", ""), Default: style.AS ( style.AttrColor { Color: color.Transparent }, ), Focused: style.AS ( style.AttrColor { Color: colorDot }, ), }, // *.TearLine[*] style.Rule { Role: tomo.R("", "TearLine", ""), Default: style.AS ( style.AttrBorder { borderTearPad, borderTear, }, ), Hovered: style.AS ( style.AttrBorder { borderTearPadFocused, borderTearFocused, }, ), Focused: style.AS ( style.AttrBorder { borderTearPadFocused, borderTearFocused, }, ), }, // *.Calendar[*] style.Rule { Role: tomo.R("", "Calendar", ""), Default: style.AS ( style.AttrBorder { borderOuterShadow, borderGap, }, style.AttrColor { Color: tomo.ColorRaised }, style.AttrPadding(tomo.I(2)), style.AttrGap { X: 2, Y: 2 }, ), }, // *.CalendarGrid[*] style.Rule { Role: tomo.R("", "CalendarGrid", ""), Default: style.AS ( style.AttrGap { X: 2, Y: 2 }, ), }, // *.CalendarWeekdayHeader[*] style.Rule { Role: tomo.R("", "CalendarWeekdayHeader", ""), Default: style.AS ( style.AttrPadding(tomo.I(2)), style.AttrColor { Color: colorCalendarWeekdayHeader }, ), }, // *.CalendarDay[weekday] style.Rule { Role: tomo.R("", "CalendarDay", "weekday"), Default: style.AS ( style.AttrPadding(tomo.I(2)), style.AttrMinimumSize { X: 32, Y: 32 }, style.AttrColor { Color: colorCalendarDay }, ), }, // *.CalendarDay[weekend] style.Rule { Role: tomo.R("", "CalendarDay", "weekend"), Default: style.AS ( style.AttrPadding(tomo.I(2)), style.AttrMinimumSize { X: 32, Y: 32 }, style.AttrColor { Color: colorCalendarWeekend }, ), }, }