Legacy - Material Theme Lighter

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()  }})
6.5M

GitHub 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()  }})
4.5M

Winter is Coming (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()  }})
3.4M

Noctis Lux

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()  }})
3.2M

Eva 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()  }})
2.5M

Night Owl 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()  }})
2.2M

Ayu 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()  }})
2.1M

Light (Visual Studio - C/C++)

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.2M

Atom One 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()  }})
989K

Tokyo Night 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()  }})
819K

Bluloco Light 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()  }})
770K

Horizon Bright

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()  }})
680K

Remedy - Bright (Tilted)

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()  }})
567K

Bearded Theme Solarized 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()  }})
541K

Community Material Theme Lighter

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()  }})
531K

Material Theme Lighter

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()  }})
464K

GitHub Plus

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()  }})
452K

Gruvbox Material 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()  }})
437K

🕹 Arcade 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()  }})
418K

Slack Theme Hoth

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()  }})
324K

FlatUI Immersed

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()  }})
310K

Matter (by Particle)

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()  }})
260K

Gruvbox Light Soft

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()  }})
257K

Github Light Theme - Gray

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()  }})
255K