2021-09-07 17:36:50 +03:00
|
|
|
theme {
|
|
|
|
colors = _{
|
|
|
|
ruiTextColor = #FF000000,
|
2022-04-21 18:22:17 +03:00
|
|
|
ruiDisabledTextColor = #FF808080,
|
2021-09-07 17:36:50 +03:00
|
|
|
ruiBackgroundColor = #FFFFFFFF,
|
|
|
|
ruiButtonColor = #FFE0E0E0,
|
|
|
|
ruiButtonActiveColor = #FFC0C0C0,
|
|
|
|
ruiButtonTextColor = #FF000000,
|
|
|
|
ruiButtonDisabledColor = #FFE0E0E0,
|
2022-04-21 18:22:17 +03:00
|
|
|
ruiButtonDisabledTextColor = #FF808080,
|
2021-09-07 17:36:50 +03:00
|
|
|
ruiHighlightColor = #FF1A74E8,
|
|
|
|
ruiHighlightTextColor = #FFFFFFFF,
|
|
|
|
ruiSelectedColor = #FFE0E0E0,
|
|
|
|
ruiSelectedTextColor = #FF000000,
|
2022-05-12 11:05:50 +03:00
|
|
|
ruiPopupBackgroundColor = #FFF5F5F5,
|
|
|
|
ruiPopupTextColor = black,
|
2021-09-07 17:36:50 +03:00
|
|
|
ruiPopupTitleColor = #FF0000FF,
|
|
|
|
ruiPopupTitleTextColor = #FFFFFFFF,
|
2022-05-12 11:05:50 +03:00
|
|
|
ruiPopupShadow = #80808080,
|
2021-09-07 17:36:50 +03:00
|
|
|
|
2021-11-21 17:53:52 +03:00
|
|
|
ruiTabBarBackgroundColor = #FFEEEEEE,
|
|
|
|
ruiTabColor = #FFD0D0D0,
|
Added some properties and functions
* Added "resize", "grid-auto-flow", "caret-color", and "backdrop-filter" properties
* Added BlurView, BlurViewByID, GetResize, GetGridAutoFlow, GetCaretColor, GetBackdropFilter functions
* The "warp" property for ListView and ListLayout renamed to "list-warp"
* The "warp" property for EditView renamed to "edit-warp"
* Added CertFile and KeyFile optional fields to the AppParams struct.If they are set, then an https connection is created, otherwise http.
2022-06-07 13:07:10 +03:00
|
|
|
ruiTabTextColor = #FF404040,
|
2021-11-21 17:53:52 +03:00
|
|
|
ruiCurrentTabColor = #FFFFFFFF,
|
|
|
|
ruiCurrentTabTextColor = #FF000000,
|
2023-04-25 17:20:47 +03:00
|
|
|
ruiTooltipBackground = #FFFFFFFF,
|
|
|
|
ruiTooltipTextColor = #FF000000,
|
|
|
|
ruiTooltipShadowColor = #FF808080,
|
2021-09-07 17:36:50 +03:00
|
|
|
},
|
|
|
|
colors:dark = _{
|
|
|
|
ruiTextColor = #FFE0E0E0,
|
|
|
|
ruiDisabledTextColor = #FFA0A0A0,
|
|
|
|
ruiBackgroundColor = #FF080808,
|
|
|
|
ruiButtonColor = #FF404040,
|
|
|
|
ruiButtonTextColor = #FFE0E0E0,
|
|
|
|
ruiButtonDisabledColor = #FF404040,
|
|
|
|
ruiButtonDisabledTextColor = #FFA0A0A0,
|
|
|
|
ruiHighlightColor = #FF1A74E8,
|
|
|
|
ruiHighlightTextColor = #FFFFFFFF,
|
2022-05-12 11:05:50 +03:00
|
|
|
ruiPopupBackgroundColor = #FF424242,
|
|
|
|
ruiPopupTextColor = white,
|
|
|
|
ruiPopupShadow = #80EEEEEE,
|
2021-11-17 12:32:37 +03:00
|
|
|
|
2021-11-21 17:53:52 +03:00
|
|
|
ruiTabBarBackgroundColor = #FF303030,
|
|
|
|
ruiTabColor = #FF606060,
|
|
|
|
ruiTabTextColor = #FFE0E0E0,
|
|
|
|
ruiCurrentTabColor = #FF000000,
|
|
|
|
ruiCurrentTabTextColor = #FFFFFFFF,
|
2023-04-25 17:20:47 +03:00
|
|
|
ruiTooltipBackground = #FF303030,
|
|
|
|
ruiTooltipTextColor = #FFDDDDDD,
|
|
|
|
ruiTooltipShadowColor = #FFDDDDDD,
|
2021-09-07 17:36:50 +03:00
|
|
|
},
|
|
|
|
constants = _{
|
|
|
|
ruiButtonHorizontalPadding = 16px,
|
2022-05-16 17:43:06 +03:00
|
|
|
ruiButtonVerticalPadding = 6px,
|
2021-09-07 17:36:50 +03:00
|
|
|
ruiButtonMargin = 4px,
|
|
|
|
ruiButtonRadius = 4px,
|
|
|
|
ruiButtonHighlightDilation = 1.5px,
|
|
|
|
ruiButtonHighlightBlur = 2px,
|
|
|
|
ruiCheckboxGap = 12px,
|
|
|
|
ruiListItemHorizontalPadding = 12px,
|
|
|
|
ruiListItemVerticalPadding = 4px,
|
|
|
|
ruiPopupTitleHeight = 32px,
|
|
|
|
ruiPopupTitlePadding = 8px,
|
|
|
|
ruiPopupButtonGap = 4px,
|
2021-11-21 17:53:52 +03:00
|
|
|
ruiTabMargin = 1px,
|
2021-09-07 17:36:50 +03:00
|
|
|
ruiTabHeight = 32px,
|
2021-11-21 17:53:52 +03:00
|
|
|
ruiTabBarPadding = 2px,
|
2021-11-17 12:32:37 +03:00
|
|
|
ruiTabRadius = 2px,
|
2022-07-31 15:37:26 +03:00
|
|
|
ruiArrowSize = 16px,
|
2022-08-07 18:59:56 +03:00
|
|
|
ruiArrowWidth = 16px,
|
2021-09-07 17:36:50 +03:00
|
|
|
},
|
|
|
|
constants:touch = _{
|
|
|
|
ruiButtonHorizontalPadding = 20px,
|
2022-05-16 17:43:06 +03:00
|
|
|
ruiButtonVerticalPadding = 10px
|
2021-09-07 17:36:50 +03:00
|
|
|
},
|
|
|
|
styles = [
|
|
|
|
ruiApp {
|
|
|
|
font-name = "Arial, Helvetica, sans-serif",
|
2022-04-14 12:05:45 +03:00
|
|
|
text-size = 10pt,
|
2021-09-07 17:36:50 +03:00
|
|
|
text-color = @ruiTextColor,
|
|
|
|
background-color = @ruiBackgroundColor,
|
2022-08-20 19:13:51 +03:00
|
|
|
accent-color = @ruiHighlightColor,
|
2021-09-07 17:36:50 +03:00
|
|
|
},
|
|
|
|
ruiButton {
|
|
|
|
align = center,
|
|
|
|
padding = "@ruiButtonVerticalPadding, @ruiButtonHorizontalPadding, @ruiButtonVerticalPadding, @ruiButtonHorizontalPadding",
|
|
|
|
margin = @ruiButtonMargin,
|
|
|
|
radius = @ruiButtonRadius,
|
|
|
|
background-color = @ruiButtonColor,
|
|
|
|
text-color = @ruiButtonTextColor,
|
|
|
|
border = _{width = 1px, style = solid, color = @ruiButtonTextColor}
|
|
|
|
},
|
|
|
|
ruiDisabledButton {
|
|
|
|
align = center,
|
|
|
|
padding = "@ruiButtonVerticalPadding, @ruiButtonHorizontalPadding, @ruiButtonVerticalPadding, @ruiButtonHorizontalPadding",
|
|
|
|
margin = @ruiButtonMargin,
|
|
|
|
radius = @ruiButtonRadius,
|
|
|
|
background-color = @ruiButtonDisabledColor,
|
|
|
|
text-color = @ruiButtonDisabledTextColor,
|
|
|
|
border = _{width = 1px, style = solid, color = @ruiButtonDisabledTextColor}
|
|
|
|
},
|
|
|
|
ruiButton:hover {
|
|
|
|
text-color = @ruiTextColor,
|
|
|
|
background-color = @ruiBackgroundColor,
|
|
|
|
},
|
|
|
|
ruiButton:focus {
|
|
|
|
shadow = _{spread-radius = @ruiButtonHighlightDilation, blur = @ruiButtonHighlightBlur, color = @ruiHighlightColor },
|
|
|
|
},
|
|
|
|
ruiButton:active {
|
|
|
|
background-color = @ruiButtonActiveColor
|
|
|
|
},
|
2023-05-15 15:27:37 +03:00
|
|
|
ruiDefaultButton {
|
|
|
|
align = center,
|
|
|
|
padding = "@ruiButtonVerticalPadding, @ruiButtonHorizontalPadding, @ruiButtonVerticalPadding, @ruiButtonHorizontalPadding",
|
|
|
|
margin = @ruiButtonMargin,
|
|
|
|
radius = @ruiButtonRadius,
|
|
|
|
background-color = @ruiButtonColor,
|
|
|
|
text-color = @ruiButtonTextColor,
|
|
|
|
text-weight = bold,
|
|
|
|
border = _{width = 1px, style = solid, color = @ruiButtonTextColor}
|
|
|
|
},
|
|
|
|
ruiDefaultButton:hover {
|
|
|
|
text-color = @ruiTextColor,
|
|
|
|
background-color = @ruiBackgroundColor,
|
|
|
|
},
|
|
|
|
ruiDefaultButton:focus {
|
|
|
|
shadow = _{spread-radius = @ruiButtonHighlightDilation, blur = @ruiButtonHighlightBlur, color = @ruiHighlightColor },
|
|
|
|
},
|
|
|
|
ruiDefaultButton:active {
|
|
|
|
background-color = @ruiButtonActiveColor
|
|
|
|
},
|
2021-09-07 17:36:50 +03:00
|
|
|
ruiCheckbox {
|
|
|
|
radius = 2px,
|
|
|
|
padding = 1px,
|
|
|
|
margin = 2px,
|
|
|
|
},
|
|
|
|
ruiCheckbox:focus {
|
|
|
|
margin = 0,
|
|
|
|
border = _{style = solid, color = @ruiHighlightColor, width = 2px },
|
|
|
|
},
|
|
|
|
ruiListItem {
|
|
|
|
radius = 4px,
|
|
|
|
padding = "@ruiListItemVerticalPadding, @ruiListItemHorizontalPadding, @ruiListItemVerticalPadding, @ruiListItemHorizontalPadding",
|
|
|
|
},
|
|
|
|
ruiListItemSelected {
|
|
|
|
background-color=@ruiSelectedColor,
|
|
|
|
text-color=@ruiSelectedTextColor,
|
|
|
|
},
|
|
|
|
ruiListItemFocused {
|
|
|
|
background-color=@ruiHighlightColor,
|
|
|
|
text-color=@ruiHighlightTextColor,
|
|
|
|
},
|
2021-11-21 17:53:52 +03:00
|
|
|
ruiTabBar {
|
|
|
|
background-color = @ruiTabBarBackgroundColor,
|
|
|
|
}
|
|
|
|
ruiCurrentTab {
|
|
|
|
min-height = @ruiTabHeight,
|
|
|
|
background-color = @ruiCurrentTabColor,
|
|
|
|
text-color = @ruiCurrentTabTextColor,
|
2021-11-17 12:32:37 +03:00
|
|
|
padding-left = 4px,
|
2021-11-21 18:16:22 +03:00
|
|
|
padding-top = 2px,
|
2021-11-17 12:32:37 +03:00
|
|
|
padding-right = 4px,
|
2021-11-21 18:16:22 +03:00
|
|
|
padding-bottom = 2px,
|
2021-11-21 17:53:52 +03:00
|
|
|
margin = @ruiTabMargin,
|
2021-11-17 12:32:37 +03:00
|
|
|
radius = @ruiTabRadius,
|
2021-09-07 17:36:50 +03:00
|
|
|
},
|
2021-11-21 18:16:22 +03:00
|
|
|
ruiCurrentTab:focus {
|
|
|
|
padding-left = 2px,
|
|
|
|
padding-top = 0px,
|
|
|
|
padding-right = 2px,
|
|
|
|
padding-bottom = 0px,
|
|
|
|
border = _{style = solid, color = @ruiHighlightColor, width = 2px },
|
|
|
|
},
|
2021-11-21 17:53:52 +03:00
|
|
|
ruiTab {
|
|
|
|
min-height = @ruiTabHeight,
|
|
|
|
background-color = @ruiTabColor,
|
|
|
|
text-color = @ruiTabTextColor,
|
2021-11-17 12:32:37 +03:00
|
|
|
padding-left = 4px,
|
2021-11-21 18:16:22 +03:00
|
|
|
padding-top = 2px,
|
2021-11-17 12:32:37 +03:00
|
|
|
padding-right = 4px,
|
2021-11-21 18:16:22 +03:00
|
|
|
padding-bottom = 2px,
|
2021-11-21 17:53:52 +03:00
|
|
|
margin = @ruiTabMargin,
|
2021-11-17 12:32:37 +03:00
|
|
|
radius = @ruiTabRadius,
|
2021-09-07 17:36:50 +03:00
|
|
|
},
|
2021-11-21 18:16:22 +03:00
|
|
|
ruiTab:focus {
|
|
|
|
padding-left = 2px,
|
|
|
|
padding-top = 0px,
|
|
|
|
padding-right = 2px,
|
|
|
|
padding-bottom = 0px,
|
|
|
|
border = _{style = solid, color = @ruiHighlightColor, width = 2px },
|
|
|
|
},
|
2021-11-21 17:53:52 +03:00
|
|
|
ruiCurrentVerticalTab {
|
|
|
|
min-width = @ruiTabHeight,
|
|
|
|
background-color = @ruiCurrentTabColor,
|
|
|
|
text-color = @ruiCurrentTabTextColor,
|
2021-11-21 18:16:22 +03:00
|
|
|
padding-left = 2px,
|
2021-11-17 12:32:37 +03:00
|
|
|
padding-top = 4px,
|
2021-11-21 18:16:22 +03:00
|
|
|
padding-right = 2px,
|
2021-11-17 12:32:37 +03:00
|
|
|
padding-bottom = 4px,
|
2021-11-21 17:53:52 +03:00
|
|
|
margin = @ruiTabMargin,
|
2021-11-17 12:32:37 +03:00
|
|
|
radius = @ruiTabRadius,
|
2021-09-07 17:36:50 +03:00
|
|
|
},
|
2021-11-21 18:16:22 +03:00
|
|
|
ruiCurrentVerticalTab:focus {
|
|
|
|
padding-left = 0px,
|
|
|
|
padding-top = 2px,
|
|
|
|
padding-right = 0px,
|
|
|
|
padding-bottom = 2px,
|
|
|
|
border = _{style = solid, color = @ruiHighlightColor, width = 2px },
|
|
|
|
},
|
2021-11-21 17:53:52 +03:00
|
|
|
ruiVerticalTab {
|
|
|
|
min-width = @ruiTabHeight,
|
|
|
|
background-color = @ruiTabColor,
|
|
|
|
text-color = @ruiTabTextColor,
|
2021-11-21 18:16:22 +03:00
|
|
|
padding-left = 2px,
|
2021-11-17 12:32:37 +03:00
|
|
|
padding-top = 4px,
|
2021-11-21 18:16:22 +03:00
|
|
|
padding-right = 2px,
|
2021-11-17 12:32:37 +03:00
|
|
|
padding-bottom = 4px,
|
2021-11-21 17:53:52 +03:00
|
|
|
margin = @ruiTabMargin,
|
2021-11-17 12:32:37 +03:00
|
|
|
radius = @ruiTabRadius,
|
|
|
|
},
|
2021-11-21 18:16:22 +03:00
|
|
|
ruiVerticalTab:focus {
|
|
|
|
padding-left = 0px,
|
|
|
|
padding-top = 2px,
|
|
|
|
padding-right = 0px,
|
|
|
|
padding-bottom = 2px,
|
|
|
|
border = _{style = solid, color = @ruiHighlightColor, width = 2px },
|
|
|
|
},
|
2021-11-17 12:32:37 +03:00
|
|
|
ruiTabCloseButton {
|
|
|
|
width = 16px,
|
|
|
|
height = 16px,
|
|
|
|
cell-vertical-align = center,
|
|
|
|
cell-horizontal-align = center,
|
|
|
|
font = Helvetica,
|
|
|
|
text-size = 16px,
|
|
|
|
},
|
|
|
|
ruiTabCloseButton:hover {
|
2021-11-21 17:53:52 +03:00
|
|
|
background-color = @ruiTabBarBackgroundColor,
|
2021-11-17 12:32:37 +03:00
|
|
|
radius = 3px,
|
2021-09-07 17:36:50 +03:00
|
|
|
},
|
2021-11-21 18:16:22 +03:00
|
|
|
ruiTabCloseButton:focus {
|
|
|
|
outline = _{style = solid, color = @ruiHighlightColor, width = 2px },
|
|
|
|
},
|
2021-09-07 17:36:50 +03:00
|
|
|
ruiPopup {
|
|
|
|
background-color = @ruiPopupBackgroundColor,
|
|
|
|
text-color = @ruiPopupTextColor,
|
|
|
|
radius = 4px,
|
2022-01-15 01:20:04 +03:00
|
|
|
},
|
2021-09-07 17:36:50 +03:00
|
|
|
ruiPopupTitle {
|
|
|
|
background-color = @ruiPopupTitleColor,
|
|
|
|
text-color = @ruiPopupTitleTextColor,
|
|
|
|
min-height = 24px,
|
2022-01-15 01:20:04 +03:00
|
|
|
},
|
2021-09-07 17:36:50 +03:00
|
|
|
ruiMessageText {
|
|
|
|
padding-left = 64px,
|
|
|
|
padding-right = 64px,
|
|
|
|
padding-top = 32px,
|
|
|
|
padding-bottom = 32px,
|
2022-01-15 01:20:04 +03:00
|
|
|
},
|
2021-09-07 17:36:50 +03:00
|
|
|
ruiPopupMenuItem {
|
|
|
|
padding-top = 4px,
|
|
|
|
padding-bottom = 4px,
|
|
|
|
padding-left = 8px,
|
|
|
|
padding-right = 8px,
|
2022-01-15 01:20:04 +03:00
|
|
|
},
|
|
|
|
ruiCurrentTableCell {
|
|
|
|
background-color=@ruiSelectedColor,
|
|
|
|
text-color=@ruiSelectedTextColor,
|
|
|
|
},
|
|
|
|
ruiCurrentTableCellFocused {
|
|
|
|
background-color=@ruiHighlightColor,
|
|
|
|
text-color=@ruiHighlightTextColor,
|
|
|
|
},
|
2021-09-07 17:36:50 +03:00
|
|
|
],
|
|
|
|
}
|
|
|
|
|