OpenCloud
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube
1
0
Fork 0
Code Issues Releases Wiki Activity

remember theme in localStorage

pull/1048/head
Rigel Kent 2018-09-11 11:41:10 +02:00
parent e78980ebd1
commit e3f7f600e8
No known key found for this signature in database
GPG Key ID: EA12971B0E438F36
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client/src/app/core/theme/theme.service.ts
View File

@ -1,8 +1,10 @@
import { Injectable } from '@angular/core'
import { peertubeLocalStorage } from '@app/shared/misc/peertube-local-storage'
@Injectable()
export class ThemeService {
private theme = document.querySelector('body')
private darkTheme = false
private previousTheme = {}
constructor () {
@ -12,15 +14,24 @@ export class ThemeService {
this.previousTheme['submenuColor'] = 'rgb(32,32,32)'
this.previousTheme['inputColor'] = 'gray'
this.previousTheme['inputPlaceholderColor'] = '#fff'
this.darkTheme = (peertubeLocalStorage.getItem('theme') === 'dark')
console.log(this.darkTheme)
if (this.darkTheme) this.toggleDarkTheme(false)
}
toggleDarkTheme () {
toggleDarkTheme (setLocalStorage = true) {
// switch properties
this.switchProperty('mainBackgroundColor')
this.switchProperty('mainForegroundColor')
this.switchProperty('submenuColor')
this.switchProperty('inputColor')
this.switchProperty('inputPlaceholderColor')
if (setLocalStorage) {
this.darkTheme = !this.darkTheme
peertubeLocalStorage.setItem('theme', (this.darkTheme) ? 'dark' : 'default')
}
}
private switchProperty (property, newValue?) {