You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
1.1 KiB
63 lines
1.1 KiB
5 months ago
|
import { Injectable, EventEmitter } from '@angular/core';
|
||
|
|
|
||
|
|
export interface ThemeItem {
|
||
|
|
theme: string,
|
||
|
|
desc: string,
|
||
|
|
c1st: string,
|
||
|
|
c2nd: string,
|
||
|
|
}
|
||
|
|
|
||
|
|
export const themeItems: ThemeItem[] = [
|
||
|
|
{
|
||
|
|
theme: "default",
|
||
|
|
desc: "theme.default",
|
||
|
|
c1st: "#263238",
|
||
|
|
c2nd: "#fafafa"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
theme: "colorful",
|
||
|
|
desc: "theme.colorful",
|
||
|
|
c1st: "#1e88e5",
|
||
|
|
c2nd: "#fafafa"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
theme: "light",
|
||
|
|
desc: "theme.light",
|
||
|
|
c1st: "#e8eaf6",
|
||
|
|
c2nd: "#ffffff"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
theme: "dark",
|
||
|
|
desc: "theme.dark",
|
||
|
|
c1st: "#212121",
|
||
|
|
c2nd: "#263238"
|
||
|
|
}
|
||
|
|
];
|
||
|
|
|
||
|
|
@Injectable({
|
||
|
|
providedIn: 'root'
|
||
|
|
})
|
||
|
|
export class ThemeService {
|
||
|
|
|
||
|
|
private _current: string;
|
||
|
|
|
||
|
|
constructor() {
|
||
|
|
this.onchange.emit(this._current = localStorage.getItem('theme') || 'default');
|
||
|
|
}
|
||
|
|
|
||
|
|
public get items(): any[] {
|
||
|
|
return themeItems;
|
||
|
|
}
|
||
|
|
|
||
|
|
public get current(): string {
|
||
|
|
return this._current;
|
||
|
|
}
|
||
|
|
|
||
|
|
public set current(value: string) {
|
||
|
|
localStorage.setItem('theme', value);
|
||
|
|
this.onchange.emit(this._current = value);
|
||
|
|
}
|
||
|
|
|
||
|
|
public onchange: EventEmitter<string> = new EventEmitter<string>();
|
||
|
|
}
|