diff --git a/CSS/themes/ombi/ombi-base.css b/CSS/themes/ombi/ombi-base.css index 884ce7d4..c2ea69db 100644 --- a/CSS/themes/ombi/ombi-base.css +++ b/CSS/themes/ombi/ombi-base.css @@ -25,6 +25,9 @@ body, color: var(--text) !important; background: var(--main-bg-color) !important; } +.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, legend { + color: var(--text-hover); +} /* LINKS */ a { @@ -92,7 +95,7 @@ a:hover { } .mat-drawer-backdrop.mat-drawer-shown { - background-color: hsl(0deg 0% 0% / 85%); + background-color: hsl(0deg 0% 0% / 50%); backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } @@ -248,7 +251,6 @@ a:hover { #cardImage, .ombi-card { border-radius: .75rem !important; - height: auto !important; } #cardImage { @@ -286,7 +288,14 @@ a:hover { box-shadow: 0 0 0 0 rgb(0 0 0 / 20%), 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%); background: transparent; } +#info-wrapper .mat-card .label, +#info-wrapper .mat-card .mat-card-header { + color: var(--text-hover); +} +#info-wrapper .mat-card,#info-wrapper .mat-card-content { + color: var(--text); +} .btn-ombi { background-color: rgba(0, 0, 0, 0.85) !important; /* backdrop-filter: blur(10px) !important; @@ -392,6 +401,10 @@ small.important { color: var(--button-text) !important; background-color: var(--button-color) !important; } +.mat-raised-button:not([class*=mat-elevation-z]):not(.mat-raised-button.mat-warn):not(.viewon-btn.plex) { + box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); + background: var(--button-color); +} /* Plex buttons */ .viewon-btn.plex, @@ -539,6 +552,14 @@ hr { border-top: 1px solid rgb(var(--accent-color)); } +.full-screenshot.enabled.overlay { + background-image: linear-gradient(180deg,transparent,50%,rgb(var(--accent-color), 0.1)); +} +.social-icons-container { + background-color: hsl(0deg 0% 0% / 85%) !important; + backdrop-filter: blur(10px) !important; + -webkit-backdrop-filter: blur(10px) !important; +} /* MODAL */ .mat-autocomplete-panel, .mat-dialog-container {