392 lines
8.8 KiB
Go
392 lines
8.8 KiB
Go
package aluminumStyle
|
|
|
|
import "image/color"
|
|
import "git.tebibyte.media/tomo/tomo"
|
|
import "golang.org/x/image/font/basicfont"
|
|
|
|
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 },
|
|
),
|
|
},
|
|
}
|