|
|
@ -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 { |
|
|
|