PushButton, ToolButton { color: black; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(0, 0, 0, 0.073); border-bottom: 1px solid rgba(0, 0, 0, 0.183); border-radius: 5px; font: 14px 'Segoe UI', 'Microsoft YaHei'; padding: 5px 12px 6px 12px; outline: none; } ToolButton { padding: 5px 9px 6px 8px; } PushButton[hasIcon=false] { padding: 5px 12px 6px 12px; } PushButton[hasIcon=true] { padding: 5px 12px 6px 36px; } PushButton:hover, ToolButton:hover { background: rgba(249, 249, 249, 0.5); } PushButton:pressed, ToolButton:pressed { color: rgba(0, 0, 0, 0.63); background: rgba(249, 249, 249, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.073); } PushButton:disabled, ToolButton:disabled { color: rgba(0, 0, 0, 0.36); background: rgba(255, 255, 255, 0.3); border: 1px solid rgba(0, 0, 0, 0.06); border-bottom: 1px solid rgba(0, 0, 0, 0.06); } PrimaryPushButton { color: white; background-color: --ThemeColorPrimary; border: 1px solid --ThemeColorLight1; border-bottom: 1px solid --ThemeColorDark1; } PrimaryPushButton:hover { background-color: --ThemeColorLight1; border: 1px solid --ThemeColorLight2; border-bottom: 1px solid --ThemeColorDark1; } PrimaryPushButton:pressed { color: rgba(255, 255, 255, 0.63); background-color: --ThemeColorLight3; border: 1px solid --ThemeColorLight3; } PrimaryPushButton:disabled { color: rgba(255, 255, 255, 0.9); background-color: rgb(205, 205, 205); border: 1px solid rgb(205, 205, 205); } HyperlinkButton { font: 14px 'Segoe UI', 'Microsoft YaHei'; padding: 6px 12px 6px 12px; color: --ThemeColorPrimary; border: none; border-radius: 6px; background-color: transparent; } HyperlinkButton:hover { background-color: rgba(0, 0, 0, 15); } HyperlinkButton:pressed { background-color: rgba(0, 0, 0, 7); } HyperlinkButton:disabled { color: rgba(0, 0, 0, 0.43) } RadioButton { min-height: 24px; max-height: 24px; background-color: transparent; font: 14px 'Segoe UI', 'Microsoft YaHei'; color: black; } RadioButton::indicator { width: 18px; height: 18px; border-radius: 11px; border: 2px solid #999999; background-color: rgba(0, 0, 0, 5); margin-right: 4px; } RadioButton::indicator:hover { background-color: rgba(0, 0, 0, 0); } RadioButton::indicator:pressed { border: 2px solid #bbbbbb; background-color: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5, stop:0 rgb(255, 255, 255), stop:0.5 rgb(255, 255, 255), stop:0.6 rgb(225, 224, 223), stop:1 rgb(225, 224, 223)); } RadioButton::indicator:checked { height: 22px; width: 22px; border: none; border-radius: 11px; background-color: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5, stop:0 rgb(255, 255, 255), stop:0.5 rgb(255, 255, 255), stop:0.6 --ThemeColorPrimary, stop:1 --ThemeColorPrimary); } RadioButton::indicator:checked:hover { background-color: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5, stop:0 rgb(255, 255, 255), stop:0.6 rgb(255, 255, 255), stop:0.7 --ThemeColorPrimary, stop:1 --ThemeColorPrimary); } RadioButton::indicator:checked:pressed { background-color: qradialgradient(spread:pad, cx:0.5, cy:0.5, radius:0.5, fx:0.5, fy:0.5, stop:0 rgb(255, 255, 255), stop:0.5 rgb(255, 255, 255), stop:0.6 --ThemeColorPrimary, stop:1 --ThemeColorPrimary); } RadioButton:disabled { color: rgba(0, 0, 0, 110); } RadioButton::indicator:disabled { border: 2px solid #bbbbbb; background-color: rgba(0, 0, 0, 0); } TransparentToolButton { background-color: transparent; border-radius: 4px; margin: 0; } TransparentToolButton:hover { background-color: rgba(0, 0, 0, 9); } TransparentToolButton:pressed { background-color: rgba(0, 0, 0, 6); }