graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-11-23 15:23:08 +02:00
Code Issues Projects Releases Packages Wiki Activity

wip

Browse source
This commit is contained in:
syuilo 2018-09-26 19:14:11 +09:00
parent 2b07b3a873
commit d2d3f7810e
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
3 changed files with 18 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/client/app/app.vue
View file

@ -6,7 +6,7 @@
import Vue from 'vue';
import { url, lang } from './config';
import applyTheme from './common/scripts/theme';
import darkTheme from '../theme/dark.json';
const darkTheme = require('../theme/dark');
export default Vue.extend({
computed: {

18
src/client/app/common/scripts/theme.ts
View file

@ -5,6 +5,8 @@ export default function(theme: { [key: string]: string }) {
if (k == 'meta') return;
document.documentElement.style.setProperty(`--${k}`, v.toString());
});
localStorage.setItem('theme', JSON.stringify(props));
}
function compile(theme: { [key: string]: string }): { [key: string]: string } {
@ -17,24 +19,24 @@ function compile(theme: { [key: string]: string }): { [key: string]: string } {
let m;
//#region #RGB
m = code.match(/^#([0-9a-f]{3})$/i)[1];
m = code.match(/^#([0-9a-f]{3})$/i);
if (m) {
return [
parseInt(m.charAt(0), 16) * 0x11,
parseInt(m.charAt(1), 16) * 0x11,
parseInt(m.charAt(2), 16) * 0x11,
parseInt(m[1].charAt(0), 16) * 0x11,
parseInt(m[1].charAt(1), 16) * 0x11,
parseInt(m[1].charAt(2), 16) * 0x11,
255
];
}
//#endregion
//#region #RRGGBB
m = code.match(/^#([0-9a-f]{6})$/i)[1];
m = code.match(/^#([0-9a-f]{6})$/i);
if (m) {
return [
parseInt(m.substr(0, 2), 16),
parseInt(m.substr(2, 2), 16),
parseInt(m.substr(4, 2), 16),
parseInt(m[1].substr(0, 2), 16),
parseInt(m[1].substr(2, 2), 16),
parseInt(m[1].substr(4, 2), 16),
255
];
}

8
src/client/app/init.ts
View file

@ -8,12 +8,18 @@ import VueRouter from 'vue-router';
import * as TreeView from 'vue-json-tree-view';
import VAnimateCss from 'v-animate-css';
import VModal from 'vue-js-modal';
import VueHotkey from './common/hotkey';
import VueHotkey from './common/hotkey';
import App from './app.vue';
import checkForUpdate from './common/scripts/check-for-update';
import MiOS, { API } from './mios';
import { version, codename, lang } from './config';
import applyTheme from './common/scripts/theme';
const defaultTheme = require('../theme/light.json');
if (localStorage.getItem('theme') == null) {
applyTheme(defaultTheme);
}
Vue.use(Vuex);
Vue.use(VueRouter);