Font Weight on buttons suddenly at 400 and ignoring themeing

💬 App Building
1

I am having a issue this morning where my entire app's buttons are not showing font weight. They are font weight of 400 when inspected in Chrome even tho they've been configured to 600-700 for months now. I've made no changes whatsoever for a month

Anyone else seeing this? Doesnt seem to care if its system fonts or custom that I can see. Labels work fine and use the emphasized font.

This is with Safari and Chrome

2

._label_l26xo_28 {
justify-content: center;
font-weight: 400;
font-family: var(--retool-button-content-font-family);
font-size: var(--retool-button-content-font-size);
line-height: 1.333em;
max-height: 100%;
overflow: hidden
}

This is what I see when I explore the AppContainer css. Seems like var(--retool-button-content-font-weight) is missing and replaced with a hardcoded value

3

Hello @FBCRandy ,

Kindly try this CSS and ensure the class name is correctly defined

._label_l26xo_28 {
  font-weight: 600 !important; 
}
1 Like
4

I'd prefer to not add custom css to solve site wide css issues on Retools side, not my own. Thanks for the suggestion tho.

Are you not seeing button font weight issues? I created a new app and it appears there as well.

5

Woke up this morning and it was fixed behind the scenes. Thanks retool team.

1 Like
6

@FBCRandy Apologies for the odd behavior with the font styling!

Glad it is fixed now.

1 Like