Migrate Wintergreen theme
This commit is contained in:
parent
b069980325
commit
67b8f9f752
@ -3,7 +3,6 @@ package fallbackStyle
|
|||||||
import "image/color"
|
import "image/color"
|
||||||
import "git.tebibyte.media/tomo/tomo"
|
import "git.tebibyte.media/tomo/tomo"
|
||||||
import "golang.org/x/image/font/basicfont"
|
import "golang.org/x/image/font/basicfont"
|
||||||
import "git.tebibyte.media/tomo/nasin/internal/style"
|
|
||||||
|
|
||||||
var colorFocus = color.RGBA { R: 61, G: 128, B: 143, A: 255 }
|
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 colorInput = color.RGBA { R: 208, G: 203, B: 150, A: 255 }
|
||||||
@ -39,520 +38,456 @@ var borderColorInput = [4]color.Color { colorInputShadow, colorInput, col
|
|||||||
var borderColorFocused = [4]color.Color { colorFocus, colorFocus, colorFocus, colorFocus }
|
var borderColorFocused = [4]color.Color { colorFocus, colorFocus, colorFocus, colorFocus }
|
||||||
var borderColorShade = [4]color.Color { colorShade, colorShade, colorShade, colorShade }
|
var borderColorShade = [4]color.Color { colorShade, colorShade, colorShade, colorShade }
|
||||||
|
|
||||||
var rules = []style.Rule {
|
var rules = []tomo.Rule {
|
||||||
// *.*[*]
|
// *.*
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Default: style.AS (
|
tomo.AFace (basicfont.Face7x13 ),
|
||||||
style.AttrFace { Face: basicfont.Face7x13 },
|
tomo.ATextColor (tomo.ColorForeground),
|
||||||
style.AttrTextColor { Color: tomo.ColorForeground },
|
tomo.ADotColor (tomo.ColorAccent ),
|
||||||
style.AttrDotColor { Color: tomo.ColorAccent },
|
tomo.AGap (8, 8 ),
|
||||||
style.AttrGap { X: 8, Y: 8 },
|
), tomo.R("", "")),
|
||||||
),
|
|
||||||
},
|
|
||||||
|
|
||||||
// *.Button[*]
|
// *.Button
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "Button", ""),
|
tomo.AttrBorder {
|
||||||
Default: style.AS (
|
outline,
|
||||||
style.AttrBorder {
|
tomo.Border {
|
||||||
outline,
|
Width: tomo.I(1),
|
||||||
tomo.Border {
|
Color: borderColorLifted,
|
||||||
Width: tomo.I(1),
|
|
||||||
Color: borderColorLifted,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
style.AttrPadding(tomo.I(4, 8)),
|
},
|
||||||
style.AttrColor { Color: tomo.ColorRaised },
|
tomo.AttrPadding(tomo.I(4, 8)),
|
||||||
),
|
tomo.AttrColor { Color: tomo.ColorRaised },
|
||||||
Pressed: style.AS (
|
), tomo.R("", "Button")),
|
||||||
style.AttrBorder {
|
|
||||||
outline,
|
|
||||||
tomo.Border {
|
|
||||||
Width: tomo.I(1, 0, 0, 1),
|
|
||||||
Color: borderColorEngraved,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
style.AttrPadding(tomo.I(5, 8, 4, 9)),
|
|
||||||
style.AttrColor { Color: colorCarvedPressed },
|
|
||||||
),
|
|
||||||
Focused: style.AS (
|
|
||||||
style.AttrBorder {
|
|
||||||
outline,
|
|
||||||
tomo.Border {
|
|
||||||
Width: tomo.I(1),
|
|
||||||
Color: borderColorFocused,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
style.AttrPadding(tomo.I(4, 8)),
|
|
||||||
),
|
|
||||||
},
|
|
||||||
|
|
||||||
// *.TextInput[*]
|
// *.Button[focused]
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "TextInput", ""),
|
tomo.AttrBorder {
|
||||||
Default: style.AS (
|
outline,
|
||||||
style.AttrBorder {
|
tomo.Border {
|
||||||
outline,
|
Width: tomo.I(1),
|
||||||
tomo.Border {
|
Color: borderColorFocused,
|
||||||
Width: tomo.I(1),
|
|
||||||
Color: borderColorInput,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
style.AttrColor { Color: colorInput },
|
},
|
||||||
style.AttrPadding(tomo.I(5, 4, 4, 5)),
|
tomo.AttrPadding(tomo.I(4, 8)),
|
||||||
),
|
), tomo.R("", "Button"), "focused"),
|
||||||
Focused: style.AS (
|
|
||||||
style.AttrBorder {
|
|
||||||
outline,
|
|
||||||
tomo.Border {
|
|
||||||
Width: tomo.I(1),
|
|
||||||
Color: borderColorFocused,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
),
|
|
||||||
},
|
|
||||||
|
|
||||||
// *.TextView[*]
|
|
||||||
style.Rule {
|
|
||||||
Role: tomo.R("", "TextView", ""),
|
|
||||||
Default: style.AS (
|
|
||||||
style.AttrBorder {
|
|
||||||
outline,
|
|
||||||
tomo.Border {
|
|
||||||
Width: tomo.I(1, 0, 0, 1),
|
|
||||||
Color: borderColorEngraved,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
style.AttrColor { Color: tomo.ColorSunken },
|
|
||||||
style.AttrPadding(tomo.I(8)),
|
|
||||||
),
|
|
||||||
},
|
|
||||||
|
|
||||||
// *.NumberInput[*]
|
// *.Button[pressed]
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "NumberInput", ""),
|
tomo.AttrBorder {
|
||||||
Default: style.AS (
|
outline,
|
||||||
style.AttrGap { },
|
tomo.Border {
|
||||||
),
|
Width: tomo.I(1, 0, 0, 1),
|
||||||
},
|
Color: borderColorEngraved,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
tomo.AttrPadding(tomo.I(5, 8, 4, 9)),
|
||||||
|
tomo.AttrColor { Color: colorCarvedPressed },
|
||||||
|
), tomo.R("", "Button"), "pressed"),
|
||||||
|
|
||||||
|
// *.TextInput
|
||||||
|
tomo.Ru(tomo.AS (
|
||||||
|
tomo.ABorder (
|
||||||
|
outline,
|
||||||
|
tomo.Border {
|
||||||
|
Width: tomo.I(1),
|
||||||
|
Color: borderColorInput,
|
||||||
|
}),
|
||||||
|
tomo.AColor(colorInput),
|
||||||
|
tomo.APadding(5, 4, 4, 5),
|
||||||
|
), tomo.R("", "TextInput")),
|
||||||
|
|
||||||
|
// *.TextInput[focused]
|
||||||
|
tomo.Ru(tomo.AS (
|
||||||
|
tomo.ABorder (
|
||||||
|
outline,
|
||||||
|
tomo.Border {
|
||||||
|
Width: tomo.I(1),
|
||||||
|
Color: borderColorFocused,
|
||||||
|
}),
|
||||||
|
), tomo.R("", "TextInput"), "focused"),
|
||||||
|
|
||||||
|
// *.TextView
|
||||||
|
tomo.Ru(tomo.AS (
|
||||||
|
tomo.ABorder (
|
||||||
|
outline,
|
||||||
|
tomo.Border {
|
||||||
|
Width: tomo.I(1, 0, 0, 1),
|
||||||
|
Color: borderColorEngraved,
|
||||||
|
}),
|
||||||
|
tomo.AColor(tomo.ColorSunken),
|
||||||
|
tomo.APadding(8),
|
||||||
|
), tomo.R("", "TextView")),
|
||||||
|
|
||||||
|
// *.NumberInput
|
||||||
|
tomo.Ru(tomo.AS (
|
||||||
|
tomo.AGap(0, 0),
|
||||||
|
), tomo.R("", "NumberInput")),
|
||||||
|
|
||||||
// *.Container[sunken]
|
// *.Container[sunken]
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "Container", "sunken"),
|
tomo.AttrBorder {
|
||||||
Default: style.AS (
|
outline,
|
||||||
style.AttrBorder {
|
tomo.Border {
|
||||||
outline,
|
Width: tomo.I(1, 0, 0, 1),
|
||||||
tomo.Border {
|
Color: borderColorEngraved,
|
||||||
Width: tomo.I(1, 0, 0, 1),
|
|
||||||
Color: borderColorEngraved,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
style.AttrColor { Color: tomo.ColorSunken },
|
},
|
||||||
style.AttrPadding(tomo.I(8)),
|
tomo.AttrColor { Color: tomo.ColorSunken },
|
||||||
),
|
tomo.AttrPadding(tomo.I(8)),
|
||||||
},
|
), tomo.R("", "Container"), "sunken"),
|
||||||
|
|
||||||
// *.Container[outer]
|
// *.Container[outer]
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "Container", "outer"),
|
tomo.AttrColor { Color: tomo.ColorBackground },
|
||||||
Default: style.AS (
|
tomo.AttrPadding(tomo.I(8)),
|
||||||
style.AttrColor { Color: tomo.ColorBackground },
|
), tomo.R("", "Container"), "outer"),
|
||||||
style.AttrPadding(tomo.I(8)),
|
|
||||||
),
|
|
||||||
},
|
|
||||||
|
|
||||||
// *.Container[menu]
|
// *.Container[menu]
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "Container", "menu"),
|
tomo.AttrBorder {
|
||||||
Default: style.AS (
|
outline,
|
||||||
style.AttrBorder {
|
tomo.Border {
|
||||||
outline,
|
Width: tomo.I(1),
|
||||||
tomo.Border {
|
Color: borderColorLifted,
|
||||||
Width: tomo.I(1),
|
|
||||||
Color: borderColorLifted,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
style.AttrColor { Color: tomo.ColorBackground },
|
},
|
||||||
style.AttrGap { },
|
tomo.AttrColor { Color: tomo.ColorBackground },
|
||||||
),
|
tomo.AttrGap { },
|
||||||
},
|
), tomo.R("", "Container"), "menu"),
|
||||||
|
|
||||||
// *.Heading[*]
|
// *.Heading
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "Heading", ""),
|
tomo.AAlign(tomo.AlignMiddle, tomo.AlignMiddle),
|
||||||
Default: style.AS (
|
), tomo.R("", "Heading")),
|
||||||
style.AttrAlign { X: tomo.AlignMiddle, Y: tomo.AlignMiddle },
|
|
||||||
),
|
|
||||||
},
|
|
||||||
|
|
||||||
// *.Separator[*]
|
// *.Separator
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "Separator", ""),
|
tomo.AttrBorder {
|
||||||
Default: style.AS (
|
tomo.Border {
|
||||||
style.AttrBorder {
|
Width: tomo.I(1),
|
||||||
tomo.Border {
|
Color: borderColorEngraved,
|
||||||
Width: tomo.I(1),
|
|
||||||
Color: borderColorEngraved,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
),
|
},
|
||||||
},
|
), tomo.R("", "Separator")),
|
||||||
|
|
||||||
// *.Slider[*]
|
// *.Slider
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "Slider", ""),
|
tomo.AttrBorder {
|
||||||
Default: style.AS (
|
outline,
|
||||||
style.AttrBorder {
|
tomo.Border {
|
||||||
outline,
|
Width: tomo.I(1, 0, 0, 1),
|
||||||
tomo.Border {
|
Color: borderColorEngraved,
|
||||||
Width: tomo.I(1, 0, 0, 1),
|
|
||||||
Color: borderColorEngraved,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
style.AttrColor { Color: colorGutter },
|
},
|
||||||
style.AttrPadding(tomo.I(0, 1, 1, 0)),
|
tomo.AttrColor { Color: colorGutter },
|
||||||
),
|
tomo.AttrPadding(tomo.I(0, 1, 1, 0)),
|
||||||
Focused: style.AS (
|
), tomo.R("", "Slider")),
|
||||||
style.AttrBorder {
|
|
||||||
|
// *.Slider[focused]
|
||||||
|
tomo.Ru(tomo.AS (
|
||||||
|
tomo.AttrBorder {
|
||||||
outline,
|
outline,
|
||||||
tomo.Border {
|
tomo.Border {
|
||||||
Width: tomo.I(1),
|
Width: tomo.I(1),
|
||||||
Color: borderColorFocused,
|
Color: borderColorFocused,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
style.AttrPadding(tomo.I(0)),
|
tomo.AttrPadding(tomo.I(0)),
|
||||||
),
|
), tomo.R("", "Slider"), "focused"),
|
||||||
},
|
|
||||||
|
|
||||||
// *.Slider[horizontal]
|
// *.Slider[horizontal]
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "Slider", "horizontal"),
|
tomo.AMinimumSize(48, 0),
|
||||||
Default: style.AS(style.AttrMinimumSize { X: 48 }),
|
), tomo.R("", "Slider"), "horizontal"),
|
||||||
},
|
|
||||||
|
|
||||||
// *.Slider[vertical]
|
// *.Slider[vertical]
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "Slider", "vertical"),
|
tomo.AMinimumSize(0, 48),
|
||||||
Default: style.AS(style.AttrMinimumSize { Y: 48 }),
|
), tomo.R("", "Slider"), "vertical"),
|
||||||
},
|
|
||||||
|
|
||||||
// *.SliderHandle[*]
|
// *.SliderHandle
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "SliderHandle", ""),
|
tomo.AttrBorder {
|
||||||
Default: style.AS (
|
outline,
|
||||||
style.AttrBorder {
|
tomo.Border {
|
||||||
outline,
|
Width: tomo.I(1),
|
||||||
tomo.Border {
|
Color: borderColorLifted,
|
||||||
Width: tomo.I(1),
|
|
||||||
Color: borderColorLifted,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
style.AttrColor { Color: tomo.ColorRaised },
|
},
|
||||||
style.AttrMinimumSize { X: 12, Y: 12, },
|
tomo.AttrColor { Color: tomo.ColorRaised },
|
||||||
),
|
tomo.AttrMinimumSize { X: 12, Y: 12, },
|
||||||
},
|
), tomo.R("", "SliderHandle")),
|
||||||
|
|
||||||
// *.Checkbox[*]
|
// *.Checkbox
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "Checkbox", ""),
|
tomo.ABorder (
|
||||||
Default: style.AS (
|
outline,
|
||||||
style.AttrBorder {
|
tomo.Border {
|
||||||
outline,
|
Width: tomo.I(1, 0, 0, 1),
|
||||||
tomo.Border {
|
Color: borderColorEngraved,
|
||||||
Width: tomo.I(1, 0, 0, 1),
|
}),
|
||||||
Color: borderColorEngraved,
|
tomo.AColor(tomo.ColorSunken),
|
||||||
},
|
tomo.APadding(0, 1, 1, 0),
|
||||||
},
|
tomo.AMinimumSize(19, 19),
|
||||||
style.AttrColor { Color: tomo.ColorSunken },
|
tomo.ATexture(nil),
|
||||||
style.AttrPadding(tomo.I(0, 1, 1, 0)),
|
tomo.ATextureMode(tomo.TextureModeCenter),
|
||||||
style.AttrMinimumSize { X: 19, Y: 19 },
|
), tomo.R("", "Checkbox")),
|
||||||
),
|
|
||||||
Focused: style.AS (
|
|
||||||
style.AttrBorder {
|
|
||||||
outline,
|
|
||||||
tomo.Border {
|
|
||||||
Width: tomo.I(1),
|
|
||||||
Color: borderColorFocused,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
style.AttrPadding(tomo.I(0)),
|
|
||||||
),
|
|
||||||
},
|
|
||||||
|
|
||||||
// *.MenuItem[*]
|
// *.Checkbox[focused]
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "MenuItem", ""),
|
tomo.ABorder (
|
||||||
Default: style.AS (
|
outline,
|
||||||
style.AttrPadding(tomo.I(4)),
|
tomo.Border {
|
||||||
style.AttrGap { X: 4, Y: 4 },
|
Width: tomo.I(1),
|
||||||
style.AttrColor { Color: color.Transparent },
|
Color: borderColorFocused,
|
||||||
),
|
}),
|
||||||
Hovered: style.AS (
|
tomo.APadding(0),
|
||||||
style.AttrColor { Color: tomo.ColorAccent },
|
), tomo.R("", "Checkbox"), "focused"),
|
||||||
),
|
|
||||||
Focused: style.AS (
|
|
||||||
style.AttrColor { Color: tomo.ColorAccent },
|
|
||||||
),
|
|
||||||
},
|
|
||||||
|
|
||||||
// *.File[*]
|
// *.Checkbox[checked]
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "File", ""),
|
tomo.ATexture(nil), // TODO: checked texture
|
||||||
Default: style.AS (
|
), tomo.R("", "Checkbox"), "checked"),
|
||||||
style.AttrColor { Color: color.Transparent },
|
|
||||||
),
|
|
||||||
Focused: style.AS (
|
|
||||||
style.AttrColor { Color: tomo.ColorAccent },
|
|
||||||
),
|
|
||||||
},
|
|
||||||
|
|
||||||
// *.TearLine[*]
|
// *.MenuItem
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "TearLine", ""),
|
tomo.AttrPadding(tomo.I(4)),
|
||||||
Default: style.AS (
|
tomo.AttrGap { X: 4, Y: 4 },
|
||||||
style.AttrBorder {
|
tomo.AttrColor { Color: color.Transparent },
|
||||||
tomo.Border {
|
), tomo.R("", "MenuItem")),
|
||||||
Width: tomo.I(3),
|
|
||||||
Color: [4]color.Color {
|
// *MenuItem[focused]
|
||||||
color.Transparent,
|
tomo.Ru(tomo.AS (
|
||||||
color.Transparent,
|
tomo.AttrColor { Color: tomo.ColorAccent },
|
||||||
color.Transparent,
|
), tomo.R("", "MenuItem"), "focused"),
|
||||||
color.Transparent,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
style.AttrColor { Color: tomo.ColorForeground },
|
|
||||||
style.AttrPadding(tomo.I(1, 0, 0, 1)),
|
|
||||||
),
|
|
||||||
Hovered: style.AS (
|
|
||||||
style.AttrBorder {
|
|
||||||
tomo.Border {
|
|
||||||
Width: tomo.I(3),
|
|
||||||
Color: borderColorFocused,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
),
|
|
||||||
Focused: style.AS (
|
|
||||||
style.AttrBorder {
|
|
||||||
tomo.Border {
|
|
||||||
Width: tomo.I(3),
|
|
||||||
Color: borderColorFocused,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
),
|
|
||||||
},
|
|
||||||
|
|
||||||
// *.Calendar[*]
|
// *.MenuItem[hovered]
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "Calendar", ""),
|
tomo.AttrColor { Color: tomo.ColorAccent },
|
||||||
Default: style.AS (
|
), tomo.R("", "MenuItem"), "hovered"),
|
||||||
style.AttrBorder {
|
|
||||||
tomo.Border {
|
// *.File
|
||||||
Width: tomo.I(0, 1, 1, 0),
|
tomo.Ru(tomo.AS (
|
||||||
Color: borderColorShade,
|
tomo.AttrColor { Color: color.Transparent },
|
||||||
|
), tomo.R("", "File")),
|
||||||
|
|
||||||
|
// *.File[focused]
|
||||||
|
tomo.Ru(tomo.AS (
|
||||||
|
tomo.AttrColor { Color: tomo.ColorAccent },
|
||||||
|
), tomo.R("", "File"), "focused"),
|
||||||
|
|
||||||
|
// *.TearLine
|
||||||
|
tomo.Ru(tomo.AS (
|
||||||
|
tomo.AttrBorder {
|
||||||
|
tomo.Border {
|
||||||
|
Width: tomo.I(3),
|
||||||
|
Color: [4]color.Color {
|
||||||
|
color.Transparent,
|
||||||
|
color.Transparent,
|
||||||
|
color.Transparent,
|
||||||
|
color.Transparent,
|
||||||
},
|
},
|
||||||
outline,
|
|
||||||
},
|
},
|
||||||
style.AttrColor { Color: colorInput },
|
},
|
||||||
style.AttrPadding(tomo.I(2)),
|
tomo.AttrColor { Color: tomo.ColorForeground },
|
||||||
style.AttrGap { X: 2, Y: 2 },
|
tomo.AttrPadding(tomo.I(1, 0, 0, 1)),
|
||||||
),
|
), tomo.R("", "TearLine")),
|
||||||
},
|
|
||||||
|
// *.TearLine[focused]
|
||||||
|
tomo.Ru(tomo.AS (
|
||||||
|
tomo.AttrBorder {
|
||||||
|
tomo.Border {
|
||||||
|
Width: tomo.I(3),
|
||||||
|
Color: borderColorFocused,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
), tomo.R("", "TearLine"), "focused"),
|
||||||
|
|
||||||
|
// *.TearLine[hovered]
|
||||||
|
tomo.Ru(tomo.AS (
|
||||||
|
tomo.AttrBorder {
|
||||||
|
tomo.Border {
|
||||||
|
Width: tomo.I(3),
|
||||||
|
Color: borderColorFocused,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
), tomo.R("", "TearLine"), "hovered"),
|
||||||
|
|
||||||
// *.CalendarGrid[*]
|
// *.Calendar
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "CalendarGrid", ""),
|
tomo.AttrBorder {
|
||||||
Default: style.AS (
|
tomo.Border {
|
||||||
style.AttrGap { X: 2, Y: 2 },
|
Width: tomo.I(0, 1, 1, 0),
|
||||||
),
|
Color: borderColorShade,
|
||||||
},
|
},
|
||||||
|
outline,
|
||||||
|
},
|
||||||
|
tomo.AttrColor { Color: colorInput },
|
||||||
|
tomo.AttrPadding(tomo.I(2)),
|
||||||
|
tomo.AttrGap { X: 2, Y: 2 },
|
||||||
|
), tomo.R("", "Calendar")),
|
||||||
|
|
||||||
// *.CalendarWeekdayHeader[*]
|
// *.CalendarGrid
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "CalendarWeekdayHeader", ""),
|
tomo.AttrGap { X: 2, Y: 2 },
|
||||||
Default: style.AS (
|
), tomo.R("", "CalendarGrid")),
|
||||||
style.AttrPadding(tomo.I(2)),
|
|
||||||
style.AttrColor { Color: colorCalendarWeekdayHeader },
|
// *.CalendarWeekdayHeader
|
||||||
),
|
tomo.Ru(tomo.AS (
|
||||||
},
|
tomo.AttrPadding(tomo.I(2)),
|
||||||
|
tomo.AttrColor { Color: colorCalendarWeekdayHeader },
|
||||||
|
), tomo.R("", "CalendarWeekdayHeader")),
|
||||||
|
|
||||||
// *.CalendarDay[weekday]
|
// *.CalendarDay[weekday]
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "CalendarDay", "weekday"),
|
tomo.AttrPadding(tomo.I(2)),
|
||||||
Default: style.AS (
|
tomo.AttrMinimumSize { X: 32, Y: 32 },
|
||||||
style.AttrPadding(tomo.I(2)),
|
tomo.AttrColor { Color: colorCalendarDay },
|
||||||
style.AttrMinimumSize { X: 32, Y: 32 },
|
), tomo.R("", "CalendarDay"), "weekday"),
|
||||||
style.AttrColor { Color: colorCalendarDay },
|
|
||||||
),
|
|
||||||
},
|
|
||||||
|
|
||||||
// *.CalendarDay[weekend]
|
// *.CalendarDay[weekend]
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "CalendarDay", "weekend"),
|
tomo.AttrPadding(tomo.I(2)),
|
||||||
Default: style.AS (
|
tomo.AttrMinimumSize { X: 32, Y: 32 },
|
||||||
style.AttrPadding(tomo.I(2)),
|
tomo.AttrColor { Color: colorCalendarWeekend },
|
||||||
style.AttrMinimumSize { X: 32, Y: 32 },
|
), tomo.R("", "CalendarDay"), "weekend"),
|
||||||
style.AttrColor { Color: colorCalendarWeekend },
|
|
||||||
),
|
|
||||||
},
|
|
||||||
|
|
||||||
// *.TabbedContainer[*]
|
// *.TabbedContainer
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "TabbedContainer", ""),
|
tomo.AGap(0, 0),
|
||||||
Default: style.AS (
|
), tomo.R("", "TabbedContainer")),
|
||||||
style.AttrGap { },
|
|
||||||
),
|
|
||||||
},
|
|
||||||
|
|
||||||
// *.TabRow[*]
|
// *.TabRow
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "TabRow", ""),
|
tomo.AttrBorder {
|
||||||
Default: style.AS (
|
tomo.Border {
|
||||||
style.AttrBorder {
|
Width: tomo.I(1, 1, 0, 1),
|
||||||
tomo.Border {
|
Color: borderColorOutline,
|
||||||
Width: tomo.I(1, 1, 0, 1),
|
|
||||||
Color: borderColorOutline,
|
|
||||||
},
|
|
||||||
tomo.Border {
|
|
||||||
Width: tomo.I(1, 0, 0, 1),
|
|
||||||
Color: borderColorEngraved,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
style.AttrGap { X: 0, Y: 0 },
|
tomo.Border {
|
||||||
style.AttrColor { Color: colorGutter },
|
Width: tomo.I(1, 0, 0, 1),
|
||||||
style.AttrPadding(tomo.I(1, 0, 0, 0)),
|
Color: borderColorEngraved,
|
||||||
),
|
},
|
||||||
},
|
},
|
||||||
|
tomo.AttrGap { X: 0, Y: 0 },
|
||||||
|
tomo.AttrColor { Color: colorGutter },
|
||||||
|
tomo.AttrPadding(tomo.I(1, 0, 0, 0)),
|
||||||
|
), tomo.R("", "TabRow")),
|
||||||
|
|
||||||
// *.TabSpacer[left]
|
// *.TabSpacer[left]
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "TabSpacer", "left"),
|
tomo.AttrBorder {
|
||||||
Default: style.AS (
|
tomo.Border {
|
||||||
style.AttrBorder {
|
Width: tomo.I(0, 0, 1, 0),
|
||||||
tomo.Border {
|
Color: borderColorEngraved,
|
||||||
Width: tomo.I(0, 0, 1, 0),
|
|
||||||
Color: borderColorEngraved,
|
|
||||||
},
|
|
||||||
tomo.Border {
|
|
||||||
Width: tomo.I(0, 0, 1, 0),
|
|
||||||
Color: borderColorOutline,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
style.AttrMinimumSize { X: 1 },
|
tomo.Border {
|
||||||
),
|
Width: tomo.I(0, 0, 1, 0),
|
||||||
},
|
Color: borderColorOutline,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
tomo.AttrMinimumSize { X: 1 },
|
||||||
|
), tomo.R("", "TabSpacer")),
|
||||||
|
|
||||||
// *.TabSpacer[right]
|
// *.TabSpacer[right]
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "TabSpacer", "right"),
|
tomo.AttrBorder {
|
||||||
Default: style.AS (
|
tomo.Border {
|
||||||
style.AttrBorder {
|
Width: tomo.I(1, 0, 0, 0),
|
||||||
tomo.Border {
|
Color: [4]color.Color {
|
||||||
Width: tomo.I(1, 0, 0, 0),
|
colorGutter, colorGutter,
|
||||||
Color: [4]color.Color {
|
colorGutter, colorGutter,
|
||||||
colorGutter, colorGutter,
|
|
||||||
colorGutter, colorGutter,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
tomo.Border {
|
|
||||||
Width: tomo.I(0, 0, 1, 0),
|
|
||||||
Color: borderColorEngraved,
|
|
||||||
},
|
|
||||||
tomo.Border {
|
|
||||||
Width: tomo.I(0, 0, 1, 1),
|
|
||||||
Color: borderColorOutline,
|
|
||||||
},
|
|
||||||
tomo.Border {
|
|
||||||
Width: tomo.I(0, 0, 0, 1),
|
|
||||||
Color: borderColorShade,
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
style.AttrMinimumSize { X: 3 },
|
tomo.Border {
|
||||||
),
|
Width: tomo.I(0, 0, 1, 0),
|
||||||
},
|
Color: borderColorEngraved,
|
||||||
|
},
|
||||||
|
tomo.Border {
|
||||||
|
Width: tomo.I(0, 0, 1, 1),
|
||||||
|
Color: borderColorOutline,
|
||||||
|
},
|
||||||
|
tomo.Border {
|
||||||
|
Width: tomo.I(0, 0, 0, 1),
|
||||||
|
Color: borderColorShade,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
tomo.AttrMinimumSize { X: 3 },
|
||||||
|
), tomo.R("", "TabSpacer"), "right"),
|
||||||
|
|
||||||
// *.Tab[*]
|
// *.Tab
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "Tab", ""),
|
tomo.AttrBorder {
|
||||||
Default: style.AS (
|
tomo.Border {
|
||||||
style.AttrBorder {
|
Width: tomo.I(1, 0, 0, 0),
|
||||||
tomo.Border {
|
Color: [4]color.Color {
|
||||||
Width: tomo.I(1, 0, 0, 0),
|
colorGutter, colorGutter,
|
||||||
Color: [4]color.Color {
|
colorGutter, colorGutter,
|
||||||
colorGutter, colorGutter,
|
|
||||||
colorGutter, colorGutter,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
tomo.Border {
|
|
||||||
Width: tomo.I(0, 0, 1, 0),
|
|
||||||
Color: borderColorEngraved,
|
|
||||||
},
|
|
||||||
tomo.Border {
|
|
||||||
Width: tomo.I(1, 0, 1, 1),
|
|
||||||
Color: borderColorOutline,
|
|
||||||
},
|
|
||||||
tomo.Border {
|
|
||||||
Width: tomo.I(1, 1, 0, 1),
|
|
||||||
Color: borderColorLifted,
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
style.AttrPadding(tomo.I(4, 8, 4, 8)),
|
tomo.Border {
|
||||||
style.AttrColor { Color: tomo.ColorRaised },
|
Width: tomo.I(0, 0, 1, 0),
|
||||||
),
|
Color: borderColorEngraved,
|
||||||
},
|
},
|
||||||
|
tomo.Border {
|
||||||
|
Width: tomo.I(1, 0, 1, 1),
|
||||||
|
Color: borderColorOutline,
|
||||||
|
},
|
||||||
|
tomo.Border {
|
||||||
|
Width: tomo.I(1, 1, 0, 1),
|
||||||
|
Color: borderColorLifted,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
tomo.AttrPadding(tomo.I(4, 8, 4, 8)),
|
||||||
|
tomo.AttrColor { Color: tomo.ColorRaised },
|
||||||
|
), tomo.R("", "Tab")),
|
||||||
|
|
||||||
// *.Tab[active]
|
// *.Tab[active]
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "Tab", "active"),
|
tomo.AttrBorder {
|
||||||
Default: style.AS (
|
tomo.Border {
|
||||||
style.AttrBorder {
|
Width: tomo.I(1, 0, 0, 1),
|
||||||
tomo.Border {
|
Color: borderColorOutline,
|
||||||
Width: tomo.I(1, 0, 0, 1),
|
|
||||||
Color: borderColorOutline,
|
|
||||||
},
|
|
||||||
tomo.Border {
|
|
||||||
Width: tomo.I(1, 1, 0, 1),
|
|
||||||
Color: borderColorLifted,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
style.AttrPadding(tomo.I(4, 8, 4, 8)),
|
tomo.Border {
|
||||||
style.AttrColor { Color: tomo.ColorBackground },
|
Width: tomo.I(1, 1, 0, 1),
|
||||||
),
|
Color: borderColorLifted,
|
||||||
},
|
},
|
||||||
|
},
|
||||||
|
tomo.AttrPadding(tomo.I(4, 8, 4, 8)),
|
||||||
|
tomo.AttrColor { Color: tomo.ColorBackground },
|
||||||
|
), tomo.R("", "Tab"), "active"),
|
||||||
|
|
||||||
// *.Swatch[*]
|
// *.Swatch
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "Swatch", ""),
|
tomo.AttrBorder {
|
||||||
Default: style.AS (
|
outline,
|
||||||
style.AttrBorder {
|
},
|
||||||
outline,
|
tomo.AttrMinimumSize { X: 19, Y: 19 },
|
||||||
},
|
), tomo.R("", "Swatch")),
|
||||||
style.AttrMinimumSize { X: 19, Y: 19 },
|
|
||||||
),
|
|
||||||
Focused: style.AS (
|
|
||||||
style.AttrBorder {
|
|
||||||
outline,
|
|
||||||
tomo.Border {
|
|
||||||
Width: tomo.I(1),
|
|
||||||
Color: borderColorFocused,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
),
|
|
||||||
},
|
|
||||||
|
|
||||||
// *.ColorPickerMap[*]
|
// *.Swatch[focused]
|
||||||
style.Rule {
|
tomo.Ru(tomo.AS (
|
||||||
Role: tomo.R("", "ColorPickerMap", ""),
|
tomo.AttrBorder {
|
||||||
Default: style.AS (
|
outline,
|
||||||
style.AttrBorder {
|
tomo.Border {
|
||||||
outline,
|
Width: tomo.I(1),
|
||||||
tomo.Border {
|
Color: borderColorFocused,
|
||||||
Width: tomo.I(1, 0, 0, 1),
|
|
||||||
Color: borderColorEngraved,
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
style.AttrColor { Color: tomo.ColorSunken },
|
},
|
||||||
style.AttrMinimumSize { X: 128, Y: 128 },
|
), tomo.R("", "Swatch"), "focused"),
|
||||||
),
|
|
||||||
},
|
// *.ColorPickerMap
|
||||||
|
tomo.Ru(tomo.AS (
|
||||||
|
tomo.AttrBorder {
|
||||||
|
outline,
|
||||||
|
tomo.Border {
|
||||||
|
Width: tomo.I(1, 0, 0, 1),
|
||||||
|
Color: borderColorEngraved,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
tomo.AttrColor { Color: tomo.ColorSunken },
|
||||||
|
tomo.AttrMinimumSize { X: 128, Y: 128 },
|
||||||
|
), tomo.R("", "ColorPickerMap")),
|
||||||
}
|
}
|
||||||
|
|||||||
@ -2,12 +2,12 @@ package fallbackStyle
|
|||||||
|
|
||||||
import "image/color"
|
import "image/color"
|
||||||
import "git.tebibyte.media/tomo/tomo"
|
import "git.tebibyte.media/tomo/tomo"
|
||||||
import "git.tebibyte.media/tomo/nasin/internal/style"
|
|
||||||
|
|
||||||
// New returns Wintergreen, the default Tomo style. It is neutral-gray with
|
// New returns Wintergreen, the default Tomo style. It is neutral-gray with
|
||||||
// green and turquoise accents.
|
// green and turquoise accents.
|
||||||
func New () *style.Style {
|
func New () *tomo.Style {
|
||||||
return &style.Style {
|
return &tomo.Style {
|
||||||
|
Rules: rules,
|
||||||
Colors: map[tomo.Color] color.Color {
|
Colors: map[tomo.Color] color.Color {
|
||||||
tomo.ColorBackground: colorBackground,
|
tomo.ColorBackground: colorBackground,
|
||||||
tomo.ColorForeground: colorForeground,
|
tomo.ColorForeground: colorForeground,
|
||||||
@ -15,6 +15,5 @@ func New () *style.Style {
|
|||||||
tomo.ColorSunken: colorCarved,
|
tomo.ColorSunken: colorCarved,
|
||||||
tomo.ColorAccent: colorFocus,
|
tomo.ColorAccent: colorFocus,
|
||||||
},
|
},
|
||||||
Rules: rules,
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user