Mirrors/theme.park
1
0
Fork 0
mirror of https://github.com/gilbN/theme.park.git synced 2024-10-27 06:12:54 +01:00
Code Issues Releases Wiki Activity

ombi: text color, buttons, mobile blur

Browse Source
This commit is contained in:
Marius 2021-06-13 10:51:47 +02:00
parent df847eabf9
commit 4568a902d1
1 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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