Browse Source

ombi: text color, buttons, mobile blur

pull/211/head
Marius 4 years ago
parent
commit
4568a902d1
  1. 25
      CSS/themes/ombi/ombi-base.css

25
CSS/themes/ombi/ombi-base.css

@ -25,6 +25,9 @@ body,
color: var(--text) !important; color: var(--text) !important;
background: var(--main-bg-color) !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 */ /* LINKS */
a { a {
@ -92,7 +95,7 @@ a:hover {
} }
.mat-drawer-backdrop.mat-drawer-shown { .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; backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important;
} }
@ -248,7 +251,6 @@ a:hover {
#cardImage, #cardImage,
.ombi-card { .ombi-card {
border-radius: .75rem !important; border-radius: .75rem !important;
height: auto !important;
} }
#cardImage { #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%); 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; 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 { .btn-ombi {
background-color: rgba(0, 0, 0, 0.85) !important; background-color: rgba(0, 0, 0, 0.85) !important;
/* backdrop-filter: blur(10px) !important; /* backdrop-filter: blur(10px) !important;
@ -392,6 +401,10 @@ small.important {
color: var(--button-text) !important; color: var(--button-text) !important;
background-color: var(--button-color) !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 */ /* Plex buttons */
.viewon-btn.plex, .viewon-btn.plex,
@ -539,6 +552,14 @@ hr {
border-top: 1px solid rgb(var(--accent-color)); 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 */ /* MODAL */
.mat-autocomplete-panel, .mat-autocomplete-panel,
.mat-dialog-container { .mat-dialog-container {

Loading…
Cancel
Save