カスタムテーマの設定のUI

[sapphi-red]

• カラーピッカー: カラーコード手動入力大変なので
• リセットボタン
• プレビュー表示
• JSONのインポート/エクスポート (テーマのjsonインポート/エクスポート #1470)
• リンクからのインポート

[sapphi-red]

https://github.com/xiaokaike/vue-color

[sapphi-red]

traQ_S-UI/src/components/Main/Modal/SettingModal/ThemeTab/ThemeTab.vue

Lines 26 to 47 in 88e3394

	<div :class="$style.element">
	<h3>カスタムテーマ設定</h3>
	<div :class="$style.content">
	<template v-if="state.type === 'custom'">
	<div
	v-for="(val, category) in state.custom"
	:key="category"
	:class="$style.category"
	>
	<h4>{{ category }}</h4>
	<form-input
	v-for="(color, name) in val"
	:key="name"
	:label="name"
	v-model="val[name]"
	use-change-event
	:class="$style.input"
	/>
	</div>
	</template>
	<p v-else>カスタムテーマが選択されていません</p>
	</div>