Function buttonSolidColorVariables

packages/theme/src/window.ts:146–166

(
  color: YaakColor | null,
  isDefault = false,
)

}

function buttonSolidColorVariables(
  color: YaakColor | null,
  isDefault = false,
): Partial<CSSVariables> {
  if (color == null) return {};

  const theme: Partial<ThemeComponentColors> = {
    text: "white",
    surface: color.lower(0.3).css(),
    surfaceHighlight: color.lower(0.1).css(),
    border: color.css(),
  };

  if (isDefault) {
    theme.text = undefined;
    theme.surface = undefined;
    theme.surfaceHighlight = color.lift(0.08).css();
  }

  return theme;
}

function buttonBorderColorVariables(
  color: YaakColor | null,