Add Roguelite and Tape themes

This commit is contained in:
Stephen Jianu 2023-12-31 17:00:33 -06:00
commit 6f8ed0141a
3 changed files with 30 additions and 0 deletions

View file

@ -40,6 +40,28 @@ function Donsol () {
b_low: '#2f4759',
b_inv: '#7fdbca'
}
this.rogueliteTheme = {
background: '#352b31',
f_high: '#f5f5d4',
f_med: '#70838c',
f_low: '#4a6b83',
f_inv: '#352b31',
b_high: '#96cf85',
b_med: '#5a6970',
b_low: '#4a3b44',
b_inv: '#f5f5d4'
}
this.tapeTheme = {
background: '#dad7cd',
f_high: '#696861',
f_med: '#ffffff',
f_low: '#b3b2ac',
f_inv: '#43423e',
b_high: '#43423e',
b_med: '#c2c1bb',
b_low: '#e5e3dc',
b_inv: '#eb3f48'
}
this.theme = new Theme(this.defaultTheme)

View file

@ -158,6 +158,12 @@ function Player () {
if (theme_value.localeCompare('nightowl') === 0) {
new_theme = donsol.nightowlTheme
}
if (theme_value.localeCompare('roguelite') === 0) {
new_theme = donsol.rogueliteTheme
}
if (theme_value.localeCompare('tape') === 0) {
new_theme = donsol.tapeTheme
}
donsol.theme = new Theme(new_theme)
donsol.theme.load(new_theme)
donsol.theme.install(document.body)

View file

@ -13,6 +13,8 @@ function Settings () {
this.theme_button.innerHTML = '<option value=\"theme\">Theme (default)</option>'
this.theme_button.innerHTML += '<option value=\"gameboy\">Game Boy</option>'
this.theme_button.innerHTML += '<option value=\"nightowl\">Night Owl</option>'
this.theme_button.innerHTML += '<option value=\"roguelite\">Roguelite</option>'
this.theme_button.innerHTML += '<option value=\"tape\">Tape</option>'
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) })