diff --git a/CSS/themes/ombi/ombi-base.css b/CSS/themes/ombi/ombi-base.css index 49492d78..b14a415c 100644 --- a/CSS/themes/ombi/ombi-base.css +++ b/CSS/themes/ombi/ombi-base.css @@ -445,3 +445,172 @@ a>h4 { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px #000; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px #000; } + + + +/* OMBI V4*/ + + + body { + background: var(--main-bg-color); + } + a { + color: var(--accent-color); + } + a:hover { + color: var(--accent-color-hover); + } + + .mat-drawer-container, .dark .mat-drawer-container { + background: var(--main-bg-color); + color: var(--text); + } + + + /* HEADER */ + + .mat-toolbar.mat-primary, .dark .mat-toolbar.mat-primary { + background: rgba(0, 0, 0, .25); + color: var(--text); + } + .dark .mat-toolbar, .mat-toolbar,.mat-list-base .mat-list-item, .mat-list-base .mat-list-option { + color: var(--text); + } + + /* SEARCH */ + .dark .mat-autocomplete-panel, .mat-autocomplete-panel { + background: var(--modal-bg-color); + color: var(--text); + } + + + + /* SIDEBAR */ + .dark .mat-drawer, .dark .mat-drawer.mat-drawer-push, .mat-drawer, .mat-drawer.mat-drawer-push { + background-color: rgba(0, 0, 0, .25); + color: var(--text) + } + .dark .mat-drawer-side { + border-right: 1px solid transparent; + } + .dark .active-list-item, .active-list-item, .active-list-item { + background: var(--accent-color) !important; + background-color: var(--accent-color) !important; + color: var(--text)!important; + font-weight: 500; + } + + /* CARDS */ + .mat-card, .dark .mat-card { + background: rgb(0 0 0 / 25%); + color: var(--text); + } + .grow:hover { + transform: scale(1.1); + color: var(--text-hover) + } + .notrequested { + border-bottom: 3px solid var(--accent-color) !important; + } + + /* BUTTONS */ + .mat-fab.mat-accent, .mat-flat-button.mat-accent, .mat-mini-fab.mat-accent, .mat-raised-button.mat-accent, + .dark .mat-fab.mat-accent, .dark .mat-flat-button.mat-accent, .dark .mat-mini-fab.mat-accent, .dark .mat-raised-button.mat-accent { + background-color: var(--button-color); + color: var(--text) + } + + .dark .mat-fab.mat-primary, .dark .mat-flat-button.mat-primary, .dark .mat-mini-fab.mat-primary, .dark .mat-raised-button.mat-primary, + .mat-fab.mat-primary, .mat-flat-button.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary { + background: rgba(255, 255, 255, .1); + } + + .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { + z-index: 1; + background: var(--button-color-hover) !important; + } + .btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) { + margin-left: 0px; + } + .mat-raised-button:not([class*=mat-elevation-z]), .dark .mat-raised-button:not([class*=mat-elevation-z]) { + box-shadow: none; + } + button:focus { + outline: 1px dotted; + outline: none; + } + /* MODAL */ + .dark .mat-dialog-container,.mat-dialog-container { + background: var(--modal-bg-color); + color: var(--text); + } + + div.dark .details, .details { + background: transparent !important; + } + + + /* SETTINGS */ + /* Table */ + .mat-table, .dark .mat-table { + background: #0000002e; + color: var(--text) + } + .mat-cell, .mat-footer-cell,.dark .mat-cell, .dark .mat-footer-cell { + color: var(--text) + } + /* Drop down menu*/ + .dark .mat-menu-panel,.mat-menu-panel { + background: var(--modal-bg-color); + } + + /* MOVEI TV PAGE*/ + + .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent, .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { + background-color: var(--accent-color); + color: var(--text); + } + .mat-expansion-panel, .dark .mat-expansion-panel { + background: rgb(0 0 0 / 25%); + color: var(--text) !important; + } + .mat-expansion-panel-header-title { + color: var(--text); + } + #info-wrapper .sidebar .poster { + border: 3px solid rgb(255 255 255 / 10%); + box-shadow: none; + } + .ui-carousel-next, body .ui-carousel .ui-carousel-content .ui-carousel-prev { + background-color: var(--accent-color); + border: 1px solid var(--accent-color); + border-radius: 50%; + margin: .2em; + color: #fff; + transition: color .2s; + } + body .ui-carousel .ui-carousel-dots-container .ui-carousel-dot-item.ui-state-highlight .ui-carousel-dot-icon { + background-color: var(--accent-color); + } + #summary-wrapper .grey-text { + color: var(--text); + } + #info-wrapper .media-icons { + color: var(--text)!important; + } + #info-wrapper .media-icons:hover { + color: var(--text-hover)!important; + } + #info-wrapper .grow-social:hover { + color: var(--text-hover)!important; + } + + #info-wrapper .dark .mat-fab, .dark .mat-flat-button, .dark .mat-mini-fab, .dark .mat-raised-button,#info-wrapper .mat-fab, .mat-flat-button, .mat-mini-fab, .mat-raised-button { + color: #fff; + background-color: var(--button-color); + } + #info-wrapper .dark .mat-mini-fab:hover, #info-wrapper .mat-raised-button:hover { + color: #fff; + background-color: var(--button-color-hover); + } + \ No newline at end of file diff --git a/CSS/themes/sonarr/sonarr-base.css b/CSS/themes/sonarr/sonarr-base.css index 5446f8a9..055f18c5 100644 --- a/CSS/themes/sonarr/sonarr-base.css +++ b/CSS/themes/sonarr/sonarr-base.css @@ -769,11 +769,8 @@ pre { /* SIDE MENU */ - .PageSidebar\/sidebar\/2UXc0 { - background-color: rgba(0, 0, 0, .45); - } .PageSidebar\/sidebarContainer\/3Hxpq { - background-color: rgba(0, 0, 0, .45) !important; + background-color: rgba(0, 0, 0, .25); } .PageSidebar\/sidebar\/3IOcI { background-color: transparent;