diff --git a/CSS/themes/tautulli/aquamarine.css b/CSS/themes/tautulli/aquamarine.css new file mode 100644 index 00000000..8a4c1bda --- /dev/null +++ b/CSS/themes/tautulli/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 */ + +/* TAUTULLI AQUAMARINE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/tautulli/tautulli-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; +} \ No newline at end of file diff --git a/CSS/themes/tautulli/dark.css b/CSS/themes/tautulli/dark.css new file mode 100644 index 00000000..323da4fc --- /dev/null +++ b/CSS/themes/tautulli/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 */ + +/* TAUTULLI DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/tautulli/tautulli-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; + } \ No newline at end of file diff --git a/CSS/themes/tautulli/hotline.css b/CSS/themes/tautulli/hotline.css new file mode 100644 index 00000000..ee47e4f5 --- /dev/null +++ b/CSS/themes/tautulli/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 */ + +/* TAUTULLI HOTLINE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/tautulli/tautulli-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; +} \ No newline at end of file diff --git a/CSS/themes/tautulli/plex.css b/CSS/themes/tautulli/plex.css new file mode 100644 index 00000000..3d462f18 --- /dev/null +++ b/CSS/themes/tautulli/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 */ + +/* TAUTULLI PLEX THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/tautulli/tautulli-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; + } \ No newline at end of file diff --git a/CSS/themes/tautulli/tautulli-base.css b/CSS/themes/tautulli/tautulli-base.css new file mode 100644 index 00000000..6aa6ec18 --- /dev/null +++ b/CSS/themes/tautulli/tautulli-base.css @@ -0,0 +1,315 @@ + +/* 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 */ + body { + background: var(--main-bg-color); + } + + /* Text */ + .text-muted, .help-block, .small-muted ,h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { + color: #FFF; + } + a.no-highlight { + color: #dedede; + } + #plexpy-notifiers-table .friendly_name, #notifier-config-modal span.notifier_id, #plexpy-newsletters-table .friendly_name, #newsletter-config-modal span.newsletter_id, #plexpy-mobile-devices-table .friendly_name, #mobile-device-config-modal span.notifier_id { + color: #fff; + } + /* Navbar */ + .navbar { + background: var(--main-bg-color); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + } + #search_form #search_button.btn-inactive { + background-color: #0000; + } + .nav > li.active > a, .nav > li.active > a:hover, .nav > li.active > a:focus { + color: #f9be03; + background-color: rgba(0, 0, 0, 0.25); + } + .nav > li > a { + color: #FFF; + } + .nav > li > a:hover, .nav > li > a:focus { + background-color: rgba(255, 255, 255, 0.08); + } + .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { + background-color: rgba(255, 255, 255, 0.08); + } + + /* Dropdown */ + .dropdown-menu { + background: var(--modal-bg-color); + } + .dropdown-menu > li > a { + color: #FFF; + } + .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { + background-color: rgba(255, 255, 255, 0.08); + } + .dropdown-menu .divider { + background-color: rgba(255, 255, 255, 0.08); + } + select, .react-selectize.bootstrap3.root-node .react-selectize-control { + background: rgba(0, 0, 0, 0.25); + } + + /* Dashboard */ + .dashboard-stats-background, .dashboard-activity-background, .dashboard-activity-poster-container { + background-color: rgba(0, 0, 0, 0.25); + } + .dashboard-activity-progress-bar { + background-color: rgba(0, 0, 0, 0.25); + } + .dashboard-activity-progress .buffer-bar { + background-color: rgba(255, 255, 255, 0.25); + } + .dashboard-activity-metadata-user a { + color: #fff; + } + .dashboard-activity-metadata-subtitle-container { + color: #fff; + } + .dashboard-recent-media-metacontainer h3.text-muted a { + color: #fff; + } + .dashboard-recent-media-metacontainer h3.text-muted { + color: #fff; + } + /* Buttons */ + .btn-dark { + background-color: rgba(0, 0, 0, 0.25); + border-color: transparent; + } + .btn-dark:hover { + color: #d7d7d7; + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + } + .btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark, .btn-dark.active:focus { + color: #fff; + background-color: rgba(0, 0, 0, 0.45); + border-color: transparent; + } + .btn:focus, .btn.focus, .btn-dark:focus, .btn-dark.focus, .btn-dark:active:focus { + color: #fff; + background-color: rgba(0, 0, 0, 0.45) !important; + } + .btn-dark.active:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .btn-dark.inactive:hover { + background-color: rgba(255, 255, 255, 0.08); + } + .btn-danger.btn-edit { + background-color: rgba(255, 255, 255, 0.25); + } + .btn-form { + background-color: rgba(0, 0, 0, 0.45); + } + .btn-form:hover { + background-color: rgba(255, 255, 255, 0.08); + } + + /* Inputs */ + textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { + background-color: rgba(0, 0, 0, 0.25); + } + .react-selectize.root-node .react-selectize-control, .selectize-control.form-control .selectize-input { + background: rgba(0, 0, 0, 0.25) !important; + } + + /*Formcontrol */ + select.form-control, div.form-control .selectize-input { + background-color: rgba(0, 0, 0, 0.25); + } + @media (min-width: 768px) { + .form-inline .input-group > .form-control { + width: auto; + } + } + .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { + background-color: rgba(236, 236, 236, 0.25); + } + textarea.form-control { + background-color: rgba(0, 0, 0, 0.25); + } + textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { + color: #fff; + background: rgba(0, 0, 0, 0.25); + } + .form-control:focus { + border-color: transparent; + outline: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + /* Settings table cards */ + .table-card-header { + background-color: rgba(0, 0, 0, 0.25); + border-bottom: 1px solid rgba(255, 255, 255, 0.25); + border-top: 1px solid #00000000; + } + .table-card-back { + background-color: rgba(0, 0, 0, 0.15); + } + table.display thead th { + color: #fff; + background-color: rgba(0, 0, 0, 0.25); + } + table.display thead tr:hover { + background-color: rgba(0, 0, 0, 0.45); + } + /*Settings menu */ + .card-back-full { + background-color: transparent; + } + .nav-settings > li > a { + border-bottom: 1px solid transparent; + color: #fff; + } + .nav-settings > li { + background-color: rgba(0, 0, 0, 0.45); + border-top: 1px solid transparent; + } + .nav-settings > .active > a, .nav-settings > .active > a:hover, .nav-settings > .active > a:focus { + background-color: rgba(0, 0, 0, 0.25); + } + .nav-settings > li > a:hover, .nav-settings > li > a:focus { + color: #fff; + background-color: rgba(255, 255, 255, 0.08); + } + .card { + background-color: rgba(0, 0, 0, 0.25); + border-top: 1px solid #00000000; + } + .card-sortable { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + } + .card-handle { + color: #fff; + background-color: rgba(0, 0, 0, 0.25); + } + /*Notification agents menu */ + .stacked-configs > li { + background-color: rgba(0, 0, 0, 0.25); + } + .stacked-configs > li > span { + color: #FFF; + border-left: 2px solid rgba(0, 0, 0, 0.25); + border-top: 1px solid rgba(255, 255, 255, 0.08); + } + .stacked-configs > li > span:hover, .stacked-configs > li > span:focus { + color: #fff; + background-color: rgba(255, 255, 255, 0.08); + } + .inline-pre { + background-color: rgba(255, 255, 255, 0.25); + } + /* Summary containers */ + .summary-container .table-card-header, .summary-container .table-card-back { + background: rgba(0, 0, 0, 0.45); + } + .summary-navbar { + background-color: rgba(0, 0, 0, 0.25); + } + + /* pagination */ + .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { + background-color: rgba(0, 0, 0, 0.25); + border-color: #00000000; + } + .pagination > li > a, .pagination > li > span { + background-color: rgba(0, 0, 0, 0.25); + border: 1px solid #00000000; + } + .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { + background-color: rgba(255, 255, 255, 0.08); + border: 1px solid #00000000; + color: #FFF; + } + /* Graphs */ + .graphs-instance { + background-color: rgba(0, 0, 0, 0.45); + } + /* Modal */ + .modal-body li { + color: #fff; + } + .modal-body { + background: var(--modal-bg-color); + } + .modal-header { + background: var(--modal-bg-color); + border-bottom: 1px solid rgba(255, 255, 255, 0.15); + } + .modal-footer { + background: var(--modal-bg-color); + border-top: 1px solid rgba(255, 255, 255, 0.15); + } + .modal-config-section { + border-top: 1px solid rgba(255, 255, 255, .08); + } + #changelog-modal .modal-body > h2 { + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + } + #notifier-config-modal .nav-tabs > li > a, #newsletter-config-modal .nav-tabs > li > a { + color: #ffffff; + } + #notifier-config-modal .nav-tabs > li.active > a, #notifier-config-modal .nav-tabs > li.active > a:hover, #notifier-config-modal .nav-tabs > li.active > a:focus, #newsletter-config-modal .nav-tabs > li.active > a, #newsletter-config-modal .nav-tabs > li.active > a:hover, #newsletter-config-modal .nav-tabs > li.active > a:focus { + color: #fff; + background: rgba(0, 0, 0, 0.45); + } + #notifier-config-modal .nav-tabs > li.active > a, #notifier-config-modal .nav-tabs > li.active > a:hover, #notifier-config-modal .nav-tabs > li.active > a:focus, #newsletter-config-modal .nav-tabs > li.active > a, #newsletter-config-modal .nav-tabs > li.active > a:hover, #newsletter-config-modal .nav-tabs > li.active > a:focus { + border: 1px solid #0000; + border-bottom-color: transparent; + } + #notifier-config-modal .nav-tabs > li > a:hover, #newsletter-config-modal .nav-tabs > li > a:hover { + border-color: #0000; + background: rgba(255, 255, 255, 0.08); + } + #notifier-config-modal .nav-tabs, #newsletter-config-modal .nav-tabs { + border-bottom: 1px solid rgba(255, 255, 255, 0.25); + } + .accordion { + background: rgba(0, 0, 0, 0.25); + } + .accordion li .link { + color: #fff; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); + } + .accordion li .link:hover, .accordion li .link:hover i.fa { + background: rgba(255, 255, 255, 0.08); + } + .submenu { + background: rgba(0, 0, 0, 0.25); + } + /* Stream info */ + .stream-info { + background-color: rgba(0, 0, 0, 0.25); + } + /* Edit metadata */ + .item-children-section-title { + background-color: rgba(255, 255, 255, 0.08); + border-bottom: 1px solid #00000000; + border-top: 1px solid #00000000; + } + + /* Mobile */ + .navbar-toggle:hover, .navbar-toggle:focus { + background-color: rgba(255, 255, 255, 0.08); + } + .navbar-toggle { + background-color: rgba(255, 255, 255, 0.08); + } \ No newline at end of file