olifolkerd / tabulator

Interactive Tables and Data Grids for JavaScript
http://tabulator.info
MIT License
6.59k stars 811 forks source link

Missing Light Theme on www.tabulator.info #4553

Open Nemecsek opened 1 month ago

Nemecsek commented 1 month ago

Please add Light Theme to www.tabulator.info: at least for me it is quite difficult to read the code and the text. I didn't find the theme switch, if any.

Thank you!

Screenshot_20240813_094305

ERTVZ commented 1 month ago

Apart from the request (I have no clue if there's a switch) I think there's something wrong with your screen. I can view the table text just fine.

image

Nemecsek commented 1 month ago

@ERTVZ you are right!

I didn't try with different browsers: The original screenshot comes from Firefox 128.0 in Ubuntu 20.04. In Chrome 124.0, Edge 127.0, Brave 1.16 the table is like yours and perfectly readable...

The problem comes from font-weight. In app.css we have

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: lighter;
  background: #202020;
  color: #ccc;
  height: 100%;
}

font-weight is assigned 100, that is rendered ultra-thin in Firefox.

Here the difference between different font-weight in Firefox: 100 200 300 400
Screenshot_20240814_105540_100 Screenshot_20240814_105606_200 Screenshot_20240814_105628_300 Screenshot_20240814_105646_400