Dainty – One Dark Pro (chroma 4, lightness 4)

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10{    count += 1    render()  }})
109

Material Gecko

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10{    count += 1    render()  }})
1K

One Dark Pro (Italic)

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
2.2K

Icy Kiss

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
681

Yi Light

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
7K

Styrokai

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
1.3K

Firefox Quantum Light

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
922

Night Blue

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
443

Horizon

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
92K

New Moon

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
43K

Firefox Light

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click'() => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
18K

Dark+ Material

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
550K

SubliminalR

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
629

GreyJungle

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
276

Moonlight

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
4.6K

Dark Sea

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
259

Pines

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10{    count += 1    render()  }})
875

SpunBeat Contrast

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
576

Styrokai++

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
185

zwlisp theme

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10{    count += 1    render()  }})
207

Ra Dark

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
156

Github Light Theme

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
1.2K

Material Minimal Dark

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
1K

soft era

const btn = document.getElementById('btn')let count = 0function render() {  btn.innerText = `Count: ${count}`}btn.addEventListener('click', () => {  // Count from 1 to 10.  if (count < 10) {    count += 1    render()  }})
8.4K