6 examples of 'material ui button color' in JavaScript

19
get color() {
20
	return ColorButton.getColor(this.handle);
21
}

37
get color(): ColorTheme {
38
    return this._color;
39
}

6
function Button({
7
  size = 1,
8
  disabled,
9
  danger,
10
  variant = 'primary',
11
  css,
12
  ...props
13
}) {
14
  const isPrimary = variant === 'primary'
15
  const bgColor = danger ? theme.colors.danger : theme.colors.primary
16
17
  const bg = isPrimary ? bgColor : transparentize(0.88, bgColor)
18
  const color = isPrimary ? theme.colors.white : theme.colors.primary
19
20
  return (
21
    <>
22
      
23
      
24
    </>
25
  )
26
}

283
private getActionButtonColor() {
284
  // コントラスト比4.5(chromeの推奨する最低ライン)の色
285
  const contrastLimitColor = '#697b8c';
286
287
  const actionButton = document.querySelector(
288
    '.ProfileTweet-actionButton'
289
  ) as HTMLElement;
290
  if (!(actionButton && actionButton.style)) {
291
    return contrastLimitColor;
292
  }
293
294
  const buttonColor = window.getComputedStyle(actionButton).color;
295
  if (buttonColor && buttonColor.length > 0) {
296
    return buttonColor;
297
  }
298
  return contrastLimitColor;
299
}

76
@Input() set color(value: string) {
77
  if (value !== 'gray') {
78
    this._colorTemp = value;
79
    this.setColor(value);
80
  }
81
}

97
public set color(value: Color | undefined) {
98
    this._color = value;
99
    this.titleLabel.textColor = value || this.tintColor;
100
}