Browse Source

added ombi themes

pull/15/head
gilbN 6 years ago
parent
commit
e49849b290
  1. 19
      CSS/themes/ombi/aquamarine.css
  2. 19
      CSS/themes/ombi/dark.css
  3. 19
      CSS/themes/ombi/hotline.css
  4. 143
      CSS/themes/ombi/ombi-base.css
  5. 19
      CSS/themes/ombi/plex.css

19
CSS/themes/ombi/aquamarine.css

@ -0,0 +1,19 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* OMBI AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/ombi/ombi-base.css);
: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;
}

19
CSS/themes/ombi/dark.css

@ -0,0 +1,19 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* OMBI DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/ombi/ombi-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: radial-gradient(ellipse at top, #1f1f1f 0%, #1f1f1f 100%) center center/cover no-repeat fixed;
}

19
CSS/themes/ombi/hotline.css

@ -0,0 +1,19 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* OMBI HOTLINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/ombi/ombi-base.css);
: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;
}

143
CSS/themes/ombi/ombi-base.css

@ -0,0 +1,143 @@
body {
background: var(--main-bg-color);
}
/* Navbar */
.navbar-default {
background: var(--main-bg-color);
border-color: #FFF;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
background-color: rgba(0, 0, 0, 0.25);
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.navbar-default .navbar-nav>.open>a {
background-color: #df691a;
color: #fff;
}
.navbar-default .navbar-nav>.open>a {
background-color: rgba(0, 0, 0, 0.25);
}
@media (max-width: 924px) {
.navbar-collapse.collapse {
display: none!important;
}
}
/* Search bar */
.search-bar-background[_ngcontent-c1] {
background-color: rgba(0, 0, 0, 0.45);
}
.form-control-custom {
background-color: rgba(0, 0, 0, 0.25) !important;
}
.input-group-addon {
background-color: rgba(0, 0, 0, 0.25);
}
@media (max-width: 978px) {
.form-control-search[_ngcontent-c1] {
width: -webkit-fill-available !important;
}
}
@media (min-width: 768px) {
.nav-tabs.nav-justified>li>a {
border-bottom: none;
}
}
@media (min-width: 979px) {
.form-control-search[_ngcontent-c1] {
width: 100%;
}
}
/* Expand season request */
.content-space[_ngcontent-c3] {
padding: 15px;
background: rgba(0, 0, 0, 0.25);
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.25);
}
.table-hover>tbody>tr:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.dropdown-menu {
background: var(--modal-bg-color);
}
.dropdown-menu>li>a:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.navbar-nav>li>.dropdown-menu {
width: 163.5px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
background-color: rgba(0, 0, 0, 0.45);
}
/* Settings */
hr {
border: 1px dashed #d7d7d7;
}
/* 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:hover {
background-color: rgba(255, 255, 255, 0.08) !important;
border-color: #00000000!important;
}
.btn-link {
color: #ffffff;
}
.btn-link:focus, .btn-link:hover {
color: #ddd;
}
/* Settings menu */
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
background-color: rgba(0, 0, 0, 0.45) !important;
border: 1px solid #00000000 !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
background-color: rgba(0, 0, 0, 0.45) !important;
border: 1px solid #00000000 !important;
}
.nav-tabs>li>a:hover {
border-color: transparent;
}
.nav>li>a:focus, .nav>li>a:hover {
background-color: rgba(255, 255, 255, 0.08);
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background-color: rgba(0, 0, 0, 0.25);
border-color: #00000000;
}
.panel {
background-color: rgba(0, 0, 0, 0.45);
}
.card-header {
background-color: rgba(0, 0, 0, 0.25);
color: #ebebeb;
padding: 10px 15px;
border-bottom: 1px solid #00000000;
}
a.active {
background-color: rgba(0, 0, 0, 0.45);
}
.ui-state-highlight {
background: var(--modal-bg-color);
}

19
CSS/themes/ombi/plex.css

@ -0,0 +1,19 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* OMBI PLEX THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/ombi/ombi-base.css);
: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;
}
Loading…
Cancel
Save