diff options
| author | Henry Jameson <me@hjkos.com> | 2018-08-05 09:18:04 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2018-08-05 09:18:04 +0300 |
| commit | 3373d287012d66c642249bbe2da48febaa69b12e (patch) | |
| tree | 67f8fe717d200a49ea418bc6a8c230d6abe441c0 /src/components/style_switcher/style_switcher.vue | |
| parent | 32fd108e97de8a1e1201bcc31f70af9ace77e517 (diff) | |
Fixes selects having unreadable text on some browsers/OSes. Added bonus: theme
switcher select now has styled options that show preview of what theme's bg/fg
colors are
Diffstat (limited to 'src/components/style_switcher/style_switcher.vue')
| -rw-r--r-- | src/components/style_switcher/style_switcher.vue | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/src/components/style_switcher/style_switcher.vue b/src/components/style_switcher/style_switcher.vue index 7acba1dc..112bbc1e 100644 --- a/src/components/style_switcher/style_switcher.vue +++ b/src/components/style_switcher/style_switcher.vue @@ -3,7 +3,10 @@ <div>{{$t('settings.presets')}} <label for="style-switcher" class='select'> <select id="style-switcher" v-model="selected" class="style-switcher"> - <option v-for="style in availableStyles" :value="style">{{style[0]}}</option> + <option v-for="style in availableStyles" :value="style" :style="{ + backgroundColor: style[1], + color: style[3] + }">{{style[0]}}</option> </select> <i class="icon-down-open"/> </label> |