diff --git a/src/Ombi/ClientApp/angular.json b/src/Ombi/ClientApp/angular.json
index 0dd70fd7a..cd17cccc0 100644
--- a/src/Ombi/ClientApp/angular.json
+++ b/src/Ombi/ClientApp/angular.json
@@ -25,8 +25,10 @@
"src/assets"
],
"styles": [
+ "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
"src/styles/_imports.scss",
"node_modules/bootstrap/scss/bootstrap.scss",
+ "node_modules/primeng/resources/themes/md-dark-deeppurple/theme.css",
"node_modules/font-awesome/scss/font-awesome.scss",
"node_modules/primeng/resources/primeng.min.css",
"node_modules/primeicons/primeicons.css",
diff --git a/src/Ombi/ClientApp/package.json b/src/Ombi/ClientApp/package.json
index 8f1e6384a..777dcfe8c 100644
--- a/src/Ombi/ClientApp/package.json
+++ b/src/Ombi/ClientApp/package.json
@@ -54,6 +54,7 @@
"primeicons": "^4.0.0",
"primeng": "^11.0.0",
"rxjs": "^6.5.2",
+ "sass-recursive-map-merge": "^1.0.1",
"spinkit": "^1.2.5",
"store": "^2.0.12",
"ts-md5": "^1.2.7",
diff --git a/src/Ombi/ClientApp/src/app/app.component.html b/src/Ombi/ClientApp/src/app/app.component.html
index 1f3f4012c..f5f2d82eb 100644
--- a/src/Ombi/ClientApp/src/app/app.component.html
+++ b/src/Ombi/ClientApp/src/app/app.component.html
@@ -170,7 +170,7 @@
-
+
diff --git a/src/Ombi/ClientApp/src/app/app.component.ts b/src/Ombi/ClientApp/src/app/app.component.ts
index f6f9fe62a..40ece5d31 100644
--- a/src/Ombi/ClientApp/src/app/app.component.ts
+++ b/src/Ombi/ClientApp/src/app/app.component.ts
@@ -85,8 +85,6 @@ export class AppComponent implements OnInit {
public ngOnInit() {
window["loading_screen"].finish();
- const theme = this.storage.get("theme");
- this.onSetTheme(theme);
this.settingsService.getCustomization().subscribe(x => {
this.customizationSettings = x;
@@ -131,11 +129,4 @@ export class AppComponent implements OnInit {
this.authService.logout();
this.router.navigate(["login"]);
}
-
- public onSetTheme(theme: string) {
- if (theme) {
- this.overlayContainer.getContainerElement().classList.add(theme);
- this.componentCssClass = theme;
- }
- }
}
diff --git a/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.html b/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.html
index ff54f9241..368341b3d 100644
--- a/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.html
+++ b/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.html
@@ -42,11 +42,6 @@
-
- wb_incandescent
- brightness_4
- {{ 'NavigationBar.ChangeTheme' | translate }}
-
exit_to_app
diff --git a/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss b/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss
index ed853ac4d..6d6559a44 100644
--- a/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss
+++ b/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss
@@ -114,7 +114,7 @@
// New CSS for new style //
.sidenav-container .sidenav{
- background: #1b242f;
+ background: $ombi-background-accent;
color:#FFF;
width: 23rem;
font-family: 'Montserrat', sans-serif;
@@ -167,7 +167,7 @@
.top-bar-container{
background: $ombi-background-primary;
- color:$ombi-background-primary-accent;
+ color:$ombi-background-primary-accent;
}
}
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.ts b/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.ts
index cafef32a8..9a5ec794c 100644
--- a/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.ts
+++ b/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.ts
@@ -37,7 +37,6 @@ export class MyNavComponent implements OnInit {
@Input() public isAdmin: string;
@Input() public email: string;
@Output() public logoutClick = new EventEmitter();
- @Output() public themeChange = new EventEmitter();
public theme: string;
public issuesEnabled: boolean = false;
public navItems: INavBar[];
@@ -98,20 +97,6 @@ export class MyNavComponent implements OnInit {
this.logoutClick.emit();
}
- public switchTheme() {
- if (this.theme) {
- let newTheme = "";
- if (this.theme === "dark") {
- newTheme = "light";
- } else {
- newTheme = "dark";
- }
- this.store.save("theme", newTheme)
- this.theme = newTheme;
- this.themeChange.emit(newTheme);
- }
- }
-
public changeFilter(event: MatSlideToggleChange, searchFilterType: SearchFilterType) {
switch (searchFilterType) {
case SearchFilterType.Movie:
diff --git a/src/Ombi/ClientApp/src/app/requests-list/components/movies-grid/movies-grid.component.scss b/src/Ombi/ClientApp/src/app/requests-list/components/movies-grid/movies-grid.component.scss
index fd5a5e47c..c911bec1b 100644
--- a/src/Ombi/ClientApp/src/app/requests-list/components/movies-grid/movies-grid.component.scss
+++ b/src/Ombi/ClientApp/src/app/requests-list/components/movies-grid/movies-grid.component.scss
@@ -4,7 +4,7 @@
background: $accent-dark !important;
font-size: 1em;
font-weight: bold;
- color: #303030;
+ color: $ombi-background-primary-accent;
}
.mat-form-field {
@@ -23,7 +23,7 @@
::ng-deep .dark .mat-tab-label-active{
background: $accent-dark !important;
- color: #303030 !important;
+ color: $ombi-background-primary-accent !important;
font-weight:bold;
}
diff --git a/src/Ombi/ClientApp/src/index.html b/src/Ombi/ClientApp/src/index.html
index f7804c77f..5659be377 100644
--- a/src/Ombi/ClientApp/src/index.html
+++ b/src/Ombi/ClientApp/src/index.html
@@ -57,7 +57,7 @@
-
+