Trending themes

Arcade

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

Pop N' Lock Theme by Luxcium ✨

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()  }})
396

Mayukai Mono

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

ZeppelinImmigrantSong

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

Hackpot

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.6K

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

BeardedTheme Black

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.4K

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

Gruvbox ish Dark 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()  }})
369

Remedy - Dark (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()  }})
8.3K

macOS Dark Mode 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()  }})
180

Dark Blood

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()  }})
968

Soft Colors

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()  }})
879

Dark themes

One Dark Pro

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

Material Theme Palenight

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

Dracula

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

Noctis Viola

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

Shades of Purple

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

Winter is Coming (Dark Black)

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

Atom One 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()  }})
1.5M

One Monokai

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

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

Ayu Mirage

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

Community Material Theme Palenight

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

Monokai Pro

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

Night Owl

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

Light themes

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

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

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

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

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

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

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

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

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

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

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

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

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