This commit is contained in:
syuilo 2020-07-10 00:20:26 +09:00
parent ca2e53bd6e
commit a591a334ed
4 changed files with 18 additions and 18 deletions

View file

@ -18,7 +18,7 @@ import PostFormDialog from './components/post-form-dialog.vue';
import Dialog from './components/dialog.vue'; import Dialog from './components/dialog.vue';
import Menu from './components/menu.vue'; import Menu from './components/menu.vue';
import { router } from './router'; import { router } from './router';
import { applyTheme, lightTheme } from './theme'; import { applyTheme, lightTheme } from './scripts/theme';
import { isDeviceDarkmode } from './scripts/is-device-darkmode'; import { isDeviceDarkmode } from './scripts/is-device-darkmode';
import createStore from './store'; import createStore from './store';
import { clientDb, get, count } from './db'; import { clientDb, get, count } from './db';
@ -114,7 +114,7 @@ os.init(async () => {
}, false); }, false);
store.watch(state => state.device.darkMode, darkMode => { store.watch(state => state.device.darkMode, darkMode => {
import('./theme').then(({ builtinThemes }) => { import('./scripts/theme').then(({ builtinThemes }) => {
const themes = builtinThemes.concat(store.state.device.themes); const themes = builtinThemes.concat(store.state.device.themes);
applyTheme(themes.find(x => x.id === (darkMode ? store.state.device.darkTheme : store.state.device.lightTheme))); applyTheme(themes.find(x => x.id === (darkMode ? store.state.device.darkTheme : store.state.device.lightTheme)));
}); });

View file

@ -87,7 +87,7 @@ import MkButton from '../../components/ui/button.vue';
import MkSelect from '../../components/ui/select.vue'; import MkSelect from '../../components/ui/select.vue';
import MkSwitch from '../../components/ui/switch.vue'; import MkSwitch from '../../components/ui/switch.vue';
import MkTextarea from '../../components/ui/textarea.vue'; import MkTextarea from '../../components/ui/textarea.vue';
import { Theme, builtinThemes, applyTheme, validateTheme } from '../../theme'; import { Theme, builtinThemes, applyTheme, validateTheme } from '../../scripts/theme';
import { selectFile } from '../../scripts/select-file'; import { selectFile } from '../../scripts/select-file';
import { isDeviceDarkmode } from '../../scripts/is-device-darkmode'; import { isDeviceDarkmode } from '../../scripts/is-device-darkmode';

View file

@ -9,22 +9,22 @@ export type Theme = {
props: { [key: string]: string }; props: { [key: string]: string };
}; };
export const lightTheme: Theme = require('./themes/_light.json5'); export const lightTheme: Theme = require('../themes/_light.json5');
export const darkTheme: Theme = require('./themes/_dark.json5'); export const darkTheme: Theme = require('../themes/_dark.json5');
export const builtinThemes = [ export const builtinThemes = [
require('./themes/white.json5'), require('../themes/white.json5'),
require('./themes/black.json5'), require('../themes/black.json5'),
require('./themes/lavender.json5'), require('../themes/lilac.json5'),
require('./themes/halloween.json5'), require('../themes/halloween.json5'),
require('./themes/city.json5'), require('../themes/city.json5'),
require('./themes/rainy.json5'), require('../themes/rainy.json5'),
require('./themes/urban.json5'), require('../themes/urban.json5'),
require('./themes/cafe.json5'), require('../themes/cafe.json5'),
require('./themes/chocolate.json5'), require('../themes/chocolate.json5'),
require('./themes/danboard.json5'), require('../themes/danboard.json5'),
require('./themes/olive.json5'), require('../themes/olive.json5'),
require('./themes/ocean.json5'), require('../themes/ocean.json5'),
] as Theme[]; ] as Theme[];
let timeout = null; let timeout = null;

View file

@ -1,7 +1,7 @@
{ {
id: 'e9c8c01d-9c15-48d0-9b5c-3d00843b5b36', id: 'e9c8c01d-9c15-48d0-9b5c-3d00843b5b36',
name: 'Lavender', name: 'Lilac',
author: 'syuilo', author: 'syuilo',
base: 'light', base: 'light',