Add Teenage theme

This commit is contained in:
Stephen Jianu 2026-01-25 15:35:08 -06:00
commit f6f6d241f1
3 changed files with 15 additions and 0 deletions

View file

@ -469,6 +469,17 @@ function Donsol () {
b_low: '#e5e3dc', b_low: '#e5e3dc',
b_inv: '#eb3f48' b_inv: '#eb3f48'
} }
this.teenageTheme = {
background: '#a1a1a1',
f_high: '#222222',
f_med: '#e00b30',
f_low: '#888888',
f_inv: '#ffffff',
b_high: '#555555',
b_med: '#fbba2d',
b_low: '#b3b3b3',
b_inv: '#0e7242'
}
this.theme = new Theme(this.defaultTheme) this.theme = new Theme(this.defaultTheme)

View file

@ -275,6 +275,9 @@ function Player () {
if (theme_value.localeCompare('tape') === 0) { if (theme_value.localeCompare('tape') === 0) {
new_theme = donsol.tapeTheme new_theme = donsol.tapeTheme
} }
if (theme_value.localeCompare('teenage') === 0) {
new_theme = donsol.teenageTheme
}
donsol.theme = new Theme(new_theme) donsol.theme = new Theme(new_theme)
donsol.theme.load(new_theme) donsol.theme.load(new_theme)
donsol.theme.install(document.body) donsol.theme.install(document.body)

View file

@ -52,6 +52,7 @@ function Settings () {
this.theme_button.innerHTML += '<option value=\"sonicPi\">Sonic Pi</option>' this.theme_button.innerHTML += '<option value=\"sonicPi\">Sonic Pi</option>'
this.theme_button.innerHTML += '<option value=\"soyuz\">Soyuz</option>' this.theme_button.innerHTML += '<option value=\"soyuz\">Soyuz</option>'
this.theme_button.innerHTML += '<option value=\"tape\">Tape</option>' this.theme_button.innerHTML += '<option value=\"tape\">Tape</option>'
this.theme_button.innerHTML += '<option value=\"teenage\">Teenage</option>'
this.theme_button.addEventListener('mousedown', () => { donsol.player.change_theme(this.theme_button.value) }) this.theme_button.addEventListener('mousedown', () => { donsol.player.change_theme(this.theme_button.value) })
this.theme_button.addEventListener('change', () => { donsol.player.change_theme(this.theme_button.value) }) this.theme_button.addEventListener('change', () => { donsol.player.change_theme(this.theme_button.value) })