forked from FoundKeyGang/FoundKey
🎨
This commit is contained in:
parent
1a77dea7ed
commit
89f045d624
1 changed files with 5 additions and 3 deletions
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="nicnklzforebnpfgasiypmpdaaglujqm">
|
<div class="nicnklzforebnpfgasiypmpdaaglujqm">
|
||||||
<label>
|
<label>
|
||||||
<span>{{ $t('light-theme') }}</span>
|
<span><fa :icon="faSun"/> {{ $t('light-theme') }}</span>
|
||||||
<ui-select v-model="light" :placeholder="$t('light-theme')">
|
<ui-select v-model="light" :placeholder="$t('light-theme')">
|
||||||
<optgroup :label="$t('light-themes')">
|
<optgroup :label="$t('light-themes')">
|
||||||
<option v-for="x in lightThemes" :value="x.id" :key="x.id">{{ x.name }}</option>
|
<option v-for="x in lightThemes" :value="x.id" :key="x.id">{{ x.name }}</option>
|
||||||
|
@ -13,7 +13,7 @@
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label>
|
<label>
|
||||||
<span>{{ $t('dark-theme') }}</span>
|
<span><fa :icon="faMoon"/> {{ $t('dark-theme') }}</span>
|
||||||
<ui-select v-model="dark" :placeholder="$t('dark-theme')">
|
<ui-select v-model="dark" :placeholder="$t('dark-theme')">
|
||||||
<optgroup :label="$t('dark-themes')">
|
<optgroup :label="$t('dark-themes')">
|
||||||
<option v-for="x in darkThemes" :value="x.id" :key="x.id">{{ x.name }}</option>
|
<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 uuid from 'uuid';
|
||||||
import * as tinycolor from 'tinycolor2';
|
import * as tinycolor from 'tinycolor2';
|
||||||
import * as JSON5 from 'json5';
|
import * as JSON5 from 'json5';
|
||||||
|
import { faMoon, faSun } from '@fortawesome/free-regular-svg-icons';
|
||||||
|
|
||||||
// 後方互換性のため
|
// 後方互換性のため
|
||||||
function convertOldThemedefinition(t) {
|
function convertOldThemedefinition(t) {
|
||||||
|
@ -135,7 +136,8 @@ export default Vue.extend({
|
||||||
myThemeDesc: '',
|
myThemeDesc: '',
|
||||||
myThemePrimary: lightTheme.vars.primary,
|
myThemePrimary: lightTheme.vars.primary,
|
||||||
myThemeSecondary: lightTheme.vars.secondary,
|
myThemeSecondary: lightTheme.vars.secondary,
|
||||||
myThemeText: lightTheme.vars.text
|
myThemeText: lightTheme.vars.text,
|
||||||
|
faMoon, faSun
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue