mirror of
https://github.com/gilbN/theme.park.git
synced 2024-08-18 16:09:36 +02:00
background-color fixes, fix for #239
This commit is contained in:
parent
df3d1cc3aa
commit
8c26721f65
@ -317,7 +317,7 @@ label,
|
||||
|
||||
/* LOGIN */
|
||||
.bg-light {
|
||||
background-color: var(--main-bg-color) !important;
|
||||
background: var(--main-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
|
@ -137,7 +137,7 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator
|
||||
}
|
||||
|
||||
.swal2-popup {
|
||||
background-color: var(--modal-bg-color);
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
@ -158,7 +158,7 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator
|
||||
}
|
||||
|
||||
.swal2-popup .swal2-actions {
|
||||
background-color: var(--modal-bg-color);
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
@ -371,7 +371,7 @@ a.text-danger:focus {
|
||||
|
||||
/* Org */
|
||||
.org-nav {
|
||||
background-color: var(--main-bg-color);
|
||||
background: var(--main-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
@ -459,7 +459,7 @@ input:focus:-ms-input-placeholder {
|
||||
}
|
||||
|
||||
.bg-light .navbar {
|
||||
background-color: var(--main-bg-color) !important;
|
||||
background: var(--main-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
|
@ -14,13 +14,4 @@
|
||||
/* CALIBRE-WEB AQUAMARINE THEME */
|
||||
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
|
||||
@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);
|
||||
@import url(https://theme-park.dev/CSS/variables/aquamarine.css);
|
||||
|
||||
/* APP VARS*/
|
||||
:root {
|
||||
--color-background: var(--main-bg-color);
|
||||
--color-primary: rgb(var(--accent-color));
|
||||
--color-secondary: var(--button-color);
|
||||
--color-secondary-hover: var(--button-color-hover);
|
||||
--color-background-mobile: var(--main-bg-color);
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/aquamarine.css);
|
@ -12,6 +12,14 @@
|
||||
|
||||
/* "Re-skin" of CaliBlur https://github.com/leram84/layer.Cake/tree/master/caliBlur */
|
||||
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
|
||||
/* APP VARS*/
|
||||
:root {
|
||||
--color-background: var(--main-bg-color);
|
||||
--color-primary: rgb(var(--accent-color));
|
||||
--color-secondary: var(--button-color);
|
||||
--color-secondary-hover: var(--button-color-hover);
|
||||
--color-background-mobile: var(--main-bg-color);
|
||||
}
|
||||
*,
|
||||
*:focus,
|
||||
*:active,
|
||||
@ -26,7 +34,7 @@
|
||||
}
|
||||
|
||||
.blur-wrapper:after {
|
||||
background: var(--modal-bg-color) !important;
|
||||
background: var(--main-bg-color) !important;
|
||||
}
|
||||
|
||||
body>.container-fluid {
|
||||
@ -143,7 +151,7 @@
|
||||
|
||||
/* MODAL */
|
||||
.modal-content {
|
||||
background-color: var(--modal-bg-color);
|
||||
background: var(--modal-bg-color);
|
||||
}
|
||||
|
||||
#GeneralDeleteModal .bg-danger {
|
||||
@ -182,7 +190,7 @@
|
||||
|
||||
/* DROPDOWN MENU */
|
||||
.dropdown-menu {
|
||||
background-color: var(--drop-down-menu-bg) !important;
|
||||
background: var(--drop-down-menu-bg) !important;
|
||||
max-height: none !important;
|
||||
}
|
||||
|
||||
|
@ -14,13 +14,4 @@
|
||||
/* CALIBRE-WEB DARK THEME */
|
||||
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
|
||||
@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);
|
||||
@import url(https://theme-park.dev/CSS/variables/dark.css);
|
||||
|
||||
/* APP VARS*/
|
||||
:root {
|
||||
--color-background: var(--main-bg-color);
|
||||
--color-primary: rgb(var(--accent-color));
|
||||
--color-secondary: var(--button-color);
|
||||
--color-secondary-hover: var(--button-color-hover);
|
||||
--color-background-mobile: var(--main-bg-color);
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/dark.css);
|
@ -14,13 +14,4 @@
|
||||
/* CALIBRE-WEB DRACULA THEME */
|
||||
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
|
||||
@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);
|
||||
@import url(https://theme-park.dev/CSS/variables/dracula.css);
|
||||
|
||||
/* APP VARS*/
|
||||
:root {
|
||||
--color-background: var(--main-bg-color);
|
||||
--color-primary: rgb(var(--accent-color));
|
||||
--color-secondary: var(--button-color);
|
||||
--color-secondary-hover: var(--button-color-hover);
|
||||
--color-background-mobile: var(--main-bg-color);
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/dracula.css);
|
@ -14,13 +14,4 @@
|
||||
/* CALIBRE-WEB HOTLINE THEME */
|
||||
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
|
||||
@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);
|
||||
@import url(https://theme-park.dev/CSS/variables/hotline.css);
|
||||
|
||||
/* APP VARS*/
|
||||
:root {
|
||||
--color-background: var(--main-bg-color);
|
||||
--color-primary: rgb(var(--accent-color));
|
||||
--color-secondary: var(--button-color);
|
||||
--color-secondary-hover: var(--button-color-hover);
|
||||
--color-background-mobile: var(--main-bg-color);
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/hotline.css);
|
@ -14,13 +14,4 @@
|
||||
/* CALIBRE-WEB ORGANIZR-DARK THEME */
|
||||
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
|
||||
@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);
|
||||
@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);
|
||||
|
||||
/* APP VARS*/
|
||||
:root {
|
||||
--color-background: var(--main-bg-color);
|
||||
--color-primary: rgb(var(--accent-color));
|
||||
--color-secondary: var(--button-color);
|
||||
--color-secondary-hover: var(--button-color-hover);
|
||||
--color-background-mobile: var(--main-bg-color);
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);
|
@ -14,13 +14,4 @@
|
||||
/* CALIBRE-WEB SPACE GRAY THEME */
|
||||
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
|
||||
@import url(https://theme-park.dev/CSS/themes/calibreweb/calibreweb-base.css);
|
||||
@import url(https://theme-park.dev/CSS/variables/space-gray.css);
|
||||
|
||||
/* APP VARS*/
|
||||
:root {
|
||||
--color-background: var(--main-bg-color);
|
||||
--color-primary: rgb(var(--accent-color));
|
||||
--color-secondary: var(--button-color);
|
||||
--color-secondary-hover: var(--button-color-hover);
|
||||
--color-background-mobile: var(--main-bg-color);
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/space-gray.css);
|
@ -350,7 +350,7 @@ b:hover,
|
||||
.ui.basic.modal>.actions,
|
||||
.ui.basic.modal>.content,
|
||||
.ui.basic.modal>.header {
|
||||
background-color: var(--modal-bg-color);
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
|
@ -619,7 +619,7 @@ input[type=radio] {
|
||||
}
|
||||
|
||||
.transfer .in-progress .progress {
|
||||
background-color: var(--modal-bg-color);
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
|
@ -20,7 +20,6 @@ body {
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
background-color: var(--main-bg-color) !important;
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
|
@ -278,7 +278,7 @@ table {
|
||||
.table>thead>tr>td,
|
||||
.table>tbody>tr>td,
|
||||
.table>tfoot>tr>td {
|
||||
background-color: var(--modal-bg-color) !important;
|
||||
background: var(--modal-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
@ -290,7 +290,7 @@ table {
|
||||
}
|
||||
|
||||
.multi-column-dropdown li a:hover {
|
||||
background-color: var(--modal-bg-color) !important;
|
||||
background: var(--modal-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
|
@ -50,7 +50,6 @@ body {
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
background-color: var(--modal-bg-color) !important;
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
|
@ -114,7 +114,7 @@ body {
|
||||
}
|
||||
|
||||
.ui-tooltip .ui-tooltip-text {
|
||||
background-color: var(--modal-bg-color) !important;
|
||||
background: var(--modal-bg-color) !important;
|
||||
}
|
||||
|
||||
@media (max-width: 924px) {
|
||||
|
@ -173,7 +173,6 @@ h6 {
|
||||
border-color: rgb(var(--accent-color));
|
||||
color: var(--text-hover);
|
||||
background: var(--modal-bg-color);
|
||||
background-color: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
@ -1875,7 +1874,7 @@ body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div
|
||||
min-width: 478px;
|
||||
width: calc(100% - 40px);
|
||||
max-width: 1200px;
|
||||
background-color: var(--modal-bg-color) !important;
|
||||
background: var(--modal-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
|
@ -172,7 +172,7 @@
|
||||
/*Background*/
|
||||
.content-wrapper,
|
||||
.right-side {
|
||||
background-color: var(--main-bg-color);
|
||||
background: var(--main-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
|
@ -24,7 +24,7 @@ body {
|
||||
}
|
||||
|
||||
.bg-default {
|
||||
background-color: var(--main-bg-color) !important;
|
||||
background: var(--main-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
|
@ -173,7 +173,7 @@ UL.jqueryFileTree A,
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background-color: var(--modal-bg-color);
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
@ -409,7 +409,7 @@ button.selectpicker.btn-default {
|
||||
}
|
||||
|
||||
.modal-body .horizontal-separator .horizontal-separator-text {
|
||||
background-color: var(--modal-bg-color);
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
@ -457,7 +457,7 @@ ul.jqueryFileTree a:hover {
|
||||
}
|
||||
|
||||
#sharing-content .nav-tabs.nav-sub-tabs>li {
|
||||
background-color: var(--modal-bg-color);
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
@ -514,7 +514,7 @@ ul.jqueryFileTree a:hover {
|
||||
#archive-onboarding.fixed .tutorial-background,
|
||||
#onboarding-dark.fixed .tutorial-background,
|
||||
#syncall-tutorial.fixed .tutorial-background {
|
||||
background-color: var(--main-bg-color);
|
||||
background: var(--main-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
|
@ -206,7 +206,7 @@ hr {
|
||||
}
|
||||
|
||||
.main-notification-box {
|
||||
background-color: var(--modal-bg-color);
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
|
@ -730,7 +730,7 @@ input:focus:-ms-input-placeholder {
|
||||
[class*="ImportSeriesSelectSeries-content-"],
|
||||
[class*="ImportSeriesSelectSeries-searchIconContainer-"] {
|
||||
border: none;
|
||||
background-color: var(--modal-bg-color);
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
|
@ -538,7 +538,7 @@ blockquote {
|
||||
|
||||
/* MY SERVERS */
|
||||
.UnraidUPC .--hasBanner-custom .UnraidUPC-dropdown {
|
||||
background-color: var(--drop-down-menu-bg) !important;
|
||||
background: var(--drop-down-menu-bg) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
|
Loading…
Reference in New Issue
Block a user