diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-11-15 01:43:06 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-11-15 01:43:06 +0900 |
| commit | 89f045d62480b2374d0b4ca75e1e2e742a93fdb5 (patch) | |
| tree | b21e98ffb9abbdaf42bf62ed971526c78e51763c /src/client | |
| parent | [Client] Fix icon (diff) | |
| download | sharkey-89f045d62480b2374d0b4ca75e1e2e742a93fdb5.tar.gz sharkey-89f045d62480b2374d0b4ca75e1e2e742a93fdb5.tar.bz2 sharkey-89f045d62480b2374d0b4ca75e1e2e742a93fdb5.zip | |
:art:
Diffstat (limited to 'src/client')
| -rw-r--r-- | src/client/app/common/views/components/theme.vue | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/src/client/app/common/views/components/theme.vue b/src/client/app/common/views/components/theme.vue index fac11d9efb..8e23d4cfa7 100644 --- a/src/client/app/common/views/components/theme.vue +++ b/src/client/app/common/views/components/theme.vue @@ -1,7 +1,7 @@ <template> <div class="nicnklzforebnpfgasiypmpdaaglujqm"> <label> - <span>{{ $t('light-theme') }}</span> + <span><fa :icon="faSun"/> {{ $t('light-theme') }}</span> <ui-select v-model="light" :placeholder="$t('light-theme')"> <optgroup :label="$t('light-themes')"> <option v-for="x in lightThemes" :value="x.id" :key="x.id">{{ x.name }}</option> @@ -13,7 +13,7 @@ </label> <label> - <span>{{ $t('dark-theme') }}</span> + <span><fa :icon="faMoon"/> {{ $t('dark-theme') }}</span> <ui-select v-model="dark" :placeholder="$t('dark-theme')"> <optgroup :label="$t('dark-themes')"> <option v-for="x in darkThemes" :value="x.id" :key="x.id">{{ x.name }}</option> @@ -104,6 +104,7 @@ import { Chrome } from 'vue-color'; import * as uuid from 'uuid'; import * as tinycolor from 'tinycolor2'; import * as JSON5 from 'json5'; +import { faMoon, faSun } from '@fortawesome/free-regular-svg-icons'; // 後方互換性のため function convertOldThemedefinition(t) { @@ -135,7 +136,8 @@ export default Vue.extend({ myThemeDesc: '', myThemePrimary: lightTheme.vars.primary, myThemeSecondary: lightTheme.vars.secondary, - myThemeText: lightTheme.vars.text + myThemeText: lightTheme.vars.text, + faMoon, faSun }; }, |