diff --git a/src/Ombi/ClientApp/src/app/discover/card/discover-card-details.component.scss b/src/Ombi/ClientApp/src/app/discover/card/discover-card-details.component.scss index f945ef69d..f7c62d6d6 100644 --- a/src/Ombi/ClientApp/src/app/discover/card/discover-card-details.component.scss +++ b/src/Ombi/ClientApp/src/app/discover/card/discover-card-details.component.scss @@ -1,15 +1,16 @@ -$ombi-primary:#3f3f3f; -$ombi-primary-700:#313131; -$ombi-accent-700:#166d50; +@import "~styles/variables.scss"; .poster { max-width: 100%; border-radius: 2%; } .details { - background: $ombi-primary-700; padding: 2%; border-radius: 10px; + background: $background; + div.dark & { + background: $backgroundTint-dark; + } } .details strong { @@ -20,16 +21,11 @@ h3 strong { font-weight: bold; } -.request-btn { - background-color: $ombi-accent-700; - color: white; -} - .action-buttons-right { width: 100%; text-align: right; } .btn-spacing { - margin-right:1%; + margin-right: 1%; } \ No newline at end of file diff --git a/src/Ombi/ClientApp/src/app/discover/card/discover-card-details.component.ts b/src/Ombi/ClientApp/src/app/discover/card/discover-card-details.component.ts index 766063b15..b9f680e14 100644 --- a/src/Ombi/ClientApp/src/app/discover/card/discover-card-details.component.ts +++ b/src/Ombi/ClientApp/src/app/discover/card/discover-card-details.component.ts @@ -1,4 +1,4 @@ -import { Component, Inject, OnInit } from "@angular/core"; +import { Component, Inject, OnInit, ViewEncapsulation } from "@angular/core"; import { MatDialogRef, MAT_DIALOG_DATA, MatDialog } from "@angular/material"; import { IDiscoverCardResult } from "../interfaces"; import { SearchV2Service, RequestService, MessageService } from "../../services"; @@ -12,6 +12,7 @@ import { EpisodeRequestComponent } from "../../shared/episode-request/episode-re selector: "discover-card-details", templateUrl: "./discover-card-details.component.html", styleUrls: ["./discover-card-details.component.scss"], + encapsulation: ViewEncapsulation.None, }) export class DiscoverCardDetailsComponent implements OnInit { diff --git a/src/Ombi/ClientApp/src/app/discover/card/discover-card.component.scss b/src/Ombi/ClientApp/src/app/discover/card/discover-card.component.scss index 00dfc9a5f..d0ca84cb8 100644 --- a/src/Ombi/ClientApp/src/app/discover/card/discover-card.component.scss +++ b/src/Ombi/ClientApp/src/app/discover/card/discover-card.component.scss @@ -44,7 +44,7 @@ $border-width: 3px; } ::ng-deep mat-dialog-container.mat-dialog-container { - background-color: $ombi-primary; - color: white; + // background-color: $ombi-primary; + // color: white; border-radius: 2% } diff --git a/src/Ombi/ClientApp/src/app/media-details/tv/tv-details.component.html b/src/Ombi/ClientApp/src/app/media-details/tv/tv-details.component.html index 434953410..65d936b9c 100644 --- a/src/Ombi/ClientApp/src/app/media-details/tv/tv-details.component.html +++ b/src/Ombi/ClientApp/src/app/media-details/tv/tv-details.component.html @@ -10,7 +10,8 @@