Add Vacuui theme

This commit is contained in:
Stephen Jianu 2026-01-25 15:37:07 -06:00
commit aef2bd440b
3 changed files with 15 additions and 0 deletions

View file

@ -491,6 +491,17 @@ function Donsol () {
b_low: '#0000ff', b_low: '#0000ff',
b_inv: '#ffffff' b_inv: '#ffffff'
} }
this.vacuuiTheme = {
background: '#22282a',
f_high: '#f1f2f3',
f_med: '#a6e22e',
f_low: '#66d9ef',
f_inv: '#f92672',
b_high: '#678cb1',
b_med: '#4f6164',
b_low: '#42464C',
b_inv: '#e6db74'
}
this.theme = new Theme(this.defaultTheme) this.theme = new Theme(this.defaultTheme)

View file

@ -281,6 +281,9 @@ function Player () {
if (theme_value.localeCompare('teletext') === 0) { if (theme_value.localeCompare('teletext') === 0) {
new_theme = donsol.teletextTheme new_theme = donsol.teletextTheme
} }
if (theme_value.localeCompare('vacuui') === 0) {
new_theme = donsol.vacuuiTheme
}
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

@ -54,6 +54,7 @@ function Settings () {
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.innerHTML += '<option value=\"teenage\">Teenage</option>'
this.theme_button.innerHTML += '<option value=\"teletext\">Teletext</option>' this.theme_button.innerHTML += '<option value=\"teletext\">Teletext</option>'
this.theme_button.innerHTML += '<option value=\"vacuui\">Vacuui</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) })