Better clock visibility

Hi,

the main reason I did play on Lichess was the better visibility of the clock. It's personal taste but it just was more clean and better readable for me.

Due reasons I want to give chess.com a good try again and this time with a little DIY approach I wanted to share with you.

If you like the clock in the screenshot below you can:

1. download the Stylebot chrome extension here: https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha

2. Reload chess.com and add a new style in the extension settings with this CSS:

.move-time-inactive,
.clock-component:not(.clock-player-turn).clock-black span,
.clock-component:not(.clock-player-turn).clock-white span,
.clock-component:not(.clock-player-turn) {
  opacity: 1 !important;
}

.player-component .player-clock,
.clock-component:not(.clock-theatre) {
  font-size: 4.2rem !important;
}

.clock-component.clock-black, .clock-component.clock-black span {
  color: #000 !important;
}

.clock-component.clock-black {
  background-color: #fff !important;
}

.clock-component.clock-player-turn.clock-low-time {
  background-color: #b23330 !important;
}

.clock-component.clock-player-turn.clock-low-time, .clock-component.clock-player-turn.clock-low-time span {
  color: #fff !important
}

.clock-icon-icon svg {
  fill: #000 !important;
}

3. Have fun.

My clock version:

Original clock version:

We don't care about Lichess . . .

This is Chess.com

Thanks for your useless comment. You can fly away in shame now.