diff --git a/CSS/themes/ombi/aquamarine.css b/CSS/themes/ombi/aquamarine.css index ed4ecc6c..49d959e8 100644 --- a/CSS/themes/ombi/aquamarine.css +++ b/CSS/themes/ombi/aquamarine.css @@ -16,4 +16,8 @@ :root { --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --request-button:#009688; + --request-button-hover: #12afa0; + --loading-bar: #0b3161 ; + --accent-color: #eee; } diff --git a/CSS/themes/ombi/dark.css b/CSS/themes/ombi/dark.css index 5d103f9a..5365df65 100644 --- a/CSS/themes/ombi/dark.css +++ b/CSS/themes/ombi/dark.css @@ -16,4 +16,8 @@ :root { --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; - } \ No newline at end of file + --request-button: #c1c1c1; + --request-button-hover: rgba(255, 255, 255, 0.25); + --loading-bar: #df691a; + --accent-color: #c1c1c1; +} diff --git a/CSS/themes/ombi/hotline.css b/CSS/themes/ombi/hotline.css index 388b1c18..c64ea8fc 100644 --- a/CSS/themes/ombi/hotline.css +++ b/CSS/themes/ombi/hotline.css @@ -16,4 +16,8 @@ :root { --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --request-button:#F44336; + --request-button-hover: #0b3161; + --loading-bar: #F44336 ; + --accent-color: #ff6155; } \ No newline at end of file diff --git a/CSS/themes/ombi/ombi-base.css b/CSS/themes/ombi/ombi-base.css index 855e8da5..82684554 100644 --- a/CSS/themes/ombi/ombi-base.css +++ b/CSS/themes/ombi/ombi-base.css @@ -48,6 +48,9 @@ body { background-clip: padding-box; } /* Navbar */ +.navbar-default .navbar-brand { + color: var(--accent-color); +} .navbar-default { background: var(--main-bg-color); border-color: #FFF; @@ -62,6 +65,7 @@ body { .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { background-color: rgba(255, 255, 255, 0.08); + color: #fff; } .navbar-default .navbar-nav>.open>a { background-color: rgba(0, 0, 0, 0.25); @@ -76,6 +80,19 @@ body { .ui-tooltip .ui-tooltip-text{ background-color:var(--modal-bg-color) !important; } +@media (max-width: 924px) { + .navbar-collapse.collapse { + box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7); + } + } + + /* Loading bar */ + .pace .pace-progress { + background: var(--loading-bar) !important; +} +.pace .pace-progress-inner { + box-shadow: 0 0 10px var(--loading-bar), 0 0 5px var(--loading-bar) !important; +} /* Search bar */ .search-bar-background[_ngcontent-c1] { @@ -162,16 +179,19 @@ hr { } /* Buttons */ -.btn-primary-outline, .btn-primary-outline.active, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline:focus, .btn-primary-outline:hover, .open>.btn-primary-outline.dropdown-toggle { - color: #ffffff!important; - background-color: rgba(0, 0, 0, 0.45) !important; - border-color: rgba(0, 0, 0, 0)!important; +.btn-primary-outline{ + color: var(--request-button) !important; + border-color: var(--request-button) !important; outline: none !important; } +.open>.btn-primary-outline.dropdown-toggle,.btn-primary-outline.active, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline:focus, .btn-primary-outline:hover{ + background-color: var(--request-button-hover) !important; + border-color: var(--request-button-hover)!important; +} .btn-primary-outline:hover { - background-color: rgba(255, 255, 255, 0.08) !important; - border-color: #00000000!important; + background-color: var(--request-button-hover) !important; + border-color: transparent!important; } .btn-link { color: #ffffff; @@ -180,7 +200,9 @@ hr { color: #ddd; } .input-group-addon .btn-group .btn { - outline: none; + outline: none !important; + border: 1px solid transparent !important; + margin-right: 1px; } .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { margin-left: 3px; @@ -224,4 +246,12 @@ a.active { .ui-state-highlight { background: var(--modal-bg-color); +} + +/* Main page */ +.backdrop { + box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6) !important; +} +a>h4 { + color: var(--accent-color); } \ No newline at end of file diff --git a/CSS/themes/ombi/plex.css b/CSS/themes/ombi/plex.css index d1d46b1f..dcc90cf3 100644 --- a/CSS/themes/ombi/plex.css +++ b/CSS/themes/ombi/plex.css @@ -16,4 +16,8 @@ :root { --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed; --modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed; - } \ No newline at end of file + --request-button:#cc7b19; + --request-button-hover: #e59029; + --loading-bar: #cc7b19 ; + --accent-color: #f9be03; +} \ No newline at end of file diff --git a/CSS/themes/ombi/space-gray.css b/CSS/themes/ombi/space-gray.css index 5b0ded22..1a64796e 100644 --- a/CSS/themes/ombi/space-gray.css +++ b/CSS/themes/ombi/space-gray.css @@ -16,4 +16,8 @@ :root { --main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; --modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; + --request-button:#607D8B; + --request-button-hover: #81a6b7; + --loading-bar: #0b3161 ; + --accent-color: #c3dde8; }