appsmithorg / appsmith

Platform to build admin panels, internal tools, and dashboards. Integrates with 25+ databases and any API.
https://www.appsmith.com
Apache License 2.0
33.27k stars 3.6k forks source link

chore: Refine WDS text size and weight tokens #34660

Open ichik opened 2 months ago

ichik commented 2 months ago

In particular for Inputs (labels and entered text).

Current Proposal
image image

CSS from proposal:

div[data-field-input] > input{
  font-weight: 500;
}

label[data-field-label], .wds-caption-text{
  color: var(--color-fg-neutral);
  font-weight: 400;
}

label[data-selected="true"] > div > span {
  color: var(--color-fg);
  font-weight: 500;
}

[data-field-input] textarea{
  color: var(--color-fg);
  padding-top: var(--inner-spacing-1);
}

.styles_clampedText__6MNXe{
  color: var(--color-fg-neutral);
}

.wds-heading-text > span{
  color: var(--color-fg);
  letter-spacing: -0.5px;
}

.css-1lfmwbm{
  gap: var(--outer-spacing-5);
}

.wds-body-text {
  font-size: 15px;
  font-weight: 400;
}

.styles_radio__aFBEC:before{
  width: var(--sizing-4);
  height: var(--sizing-4);
  --radio-border-width: 1px;
}
ichik commented 2 months ago

Please add your planning poker estimate with Zenhub @KelvinOm