topaLE
/
theme.park
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

tau accents

pull/77/head
Marius 4 years ago
parent
642ae78367
commit
0af4b63d39
6 changed files with 171 additions and 4 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      CSS/themes/tautulli/dark.css
  2. 4
      CSS/themes/tautulli/hotline.css
  3. 4
      CSS/themes/tautulli/organizr-dark.css
  4. 6
      CSS/themes/tautulli/plex.css
  5. 6
      CSS/themes/tautulli/space-gray.css
  6. 151
      CSS/themes/tautulli/tautulli-base.css

4
CSS/themes/tautulli/dark.css
View File

@ -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;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--accent-color: rgba(255, 255, 255, 0.25);
--accent-color-hover: rgba(255, 255, 255, 0.45);
}

4
CSS/themes/tautulli/hotline.css
View File

@ -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;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--accent-color: #F44336;
--accent-color-hover: #0b3161;
}

4
CSS/themes/tautulli/organizr-dark.css
View File

@ -16,4 +16,8 @@
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--accent-color: #2cabe3;
--accent-color-hover: white;
}

6
CSS/themes/tautulli/plex.css
View File

@ -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;
}
--button-color: #cc7b19;
--button-color-hover: #e59029;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
}

6
CSS/themes/tautulli/space-gray.css
View File

@ -15,5 +15,9 @@
@import url(https://gilbn.github.io/theme.park/CSS/themes/tautulli/tautulli-base.css);
: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;
--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;
--button-color: #607D8B;
--button-color-hover: #81a6b7;
--accent-color: #607D8B;
--accent-color-hover: #81a6b7;
}

151
CSS/themes/tautulli/tautulli-base.css
View File

@ -261,11 +261,11 @@ span > a.active, .stacked-configs > li > span > span.active {
}
.modal-header {
background: var(--modal-bg-color);
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
border-bottom: 1px solid var(--accent-color);
}
.modal-footer {
background: var(--modal-bg-color);
border-top: 1px solid rgba(255, 255, 255, 0.15);
border-top: 1px solid var(--accent-color);
}
.modal-config-section {
border-top: 1px solid rgba(255, 255, 255, .08);
@ -326,4 +326,151 @@ span > a.active, .stacked-configs > li > span > span.active {
.navbar-collapse.in {
box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7);
}
}
#login-methods .submenu {
background: transparent;
}
.login-container .remember-group {
color: #eee;
}
#login-methods > li.open > div {
color: var(--accent-color);
}
/* Buttons */
.btn-bright {
color: #fff;
background-color: var(--button-color);
box-shadow: inset 0 1px 0 var(--button-color);
}
.btn-bright:hover {
color: #fff;
background-color: var(--button-color-hover);
box-shadow: inset 0 1px 0 var(--button-color-hover);
}
.btn-bright:active, .btn-bright.active, .open > .dropdown-toggle.btn-bright, #menu_link_show_advanced_settings.active {
color: #fff;
background-color: var(--button-color-hover);
box-shadow: inset 0 1px 0 var(--button-color-hover);
}
.btn-bright:active:hover, .btn-bright.active:hover, .open > .dropdown-toggle.btn-bright:hover, .btn-bright:active:focus, .btn-bright.active:focus, .open > .dropdown-toggle.btn-bright:focus, .btn-bright:active.focus, .btn-bright.active.focus, .open > .dropdown-toggle.btn-bright.focus {
color: #fff;
background-color: var(--button-color-hover);
box-shadow: inset 0 1px 0 var(--button-color-hover);
}
.btn:focus, .btn.focus, .btn-dark:focus, .btn-dark.focus, .btn-dark:active:focus {
color: #fff;
background-color: var(--button-color-hover) !important;
opacity: .8;
}
.btn-bright.disabled, .btn-bright[disabled], fieldset[disabled] .btn-bright, .btn-bright.disabled:hover, .btn-bright[disabled]:hover, fieldset[disabled] .btn-bright:hover, .btn-bright.disabled:focus, .btn-bright[disabled]:focus, fieldset[disabled] .btn-bright:focus, .btn-bright.disabled.focus, .btn-bright[disabled].focus, fieldset[disabled] .btn-bright.focus, .btn-bright.disabled:active, .btn-bright[disabled]:active, fieldset[disabled] .btn-bright:active, .btn-bright.disabled.active, .btn-bright[disabled].active, fieldset[disabled] .btn-bright.active {
background-color: var(--button-color);
border-color: var(--button-color);
}
/* Accents */
.nav > li.active > a, .nav > li.active > a:hover, .nav > li.active > a:focus {
color: var(--accent-color);
}
.dashboard-activity-progress .progress-bar {
background-color: var(--accent-color);
background-image: -moz-linear-gradient(top, var(--accent-color-hover), var(--accent-color));
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--accent-color-hover)), to(var(--accent-color)));
background-image: -webkit-linear-gradient(top, var(--accent-color-hover, var(--accent-color)));
background-image: -o-linear-gradient(top, var(--accent-color-hover, var(--accent-color)));
background-image: linear-gradient(to bottom, var(--accent-color-hover, var(--accent-color)));
}
.dashboard-stats-info-item .sub-count {
color: var(--accent-color);
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background-color: var(--accent-color);
border-color: var(--accent-color);
}
a:hover, a:focus {
color: var(--accent-color);
}
table.display td:hover a {
color: var(--accent-color);
}
.user-overview-stats-instance h3, .user-player-instance-playcount h3, .summary-content-title h1, .summary-content-title h1 a {
color: var(--accent-color);
}
.user-info-nav > .active > a {
color: var(--accent-color);
}
a:hover .dashboard-recent-media-poster, a:hover .dashboard-recent-media-cover {
webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
box-shadow: inset 0 0 0 2px var(--accent-color);
}
.nav-settings > .active > a, .nav-settings > .active > a:hover, .nav-settings > .active > a:focus {
color: var(--accent-color);
}
div.advanced-setting {
border-left: 1px solid var(--accent-color);
}
.docker-setting {
color: var(--accent-color);
}
.modal-body strong, .modal-body strong i.fa {
color: var(--accent-color);
}
.user-info-nav a:hover {
color: var(--accent-color-hover)
}
a:hover .dashboard-activity-poster, a:hover .dashboard-activity-cover {
-webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
box-shadow: inset 0 0 0 2px var(--accent-color);
}
a:hover .dashboard-stats-poster, a:hover .dashboard-stats-cover, a:hover .dashboard-stats-circle, a:hover .dashboard-stats-square {
-webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
box-shadow: inset 0 0 0 2px var(--accent-color);
}
a:hover .item-children-poster {
webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
box-shadow: inset 0 0 0 2px var(--accent-color);
}
.dashboard-activity-terminate-session:hover {
color: var(--accent-color);
}
a .dashboard-activity-metadata-user-thumb:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
box-shadow: inset 0 0 0 2px var(--accent-color);
}
.stream-info .heading {
color: var(--accent-color);
}
a .library-user-instance-box:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
box-shadow: inset 0 0 0 2px var(--accent-color);
}
.summary-navbar-list .breadcrumb a:hover {
color: var(--accent-color);
}
.dashboard-recent-media-metacontainer h3.text-muted a:hover {
color: var(--accent-color);
}
a .poster-face:hover, a .cover-face:hover, a .users-poster-face:hover {
-webkit-box-shadow: inset 0 0 0 2px var(--accent-color);
-moz-box-shadow: inset 0 0 0 2px var(--accent-color);
box-shadow: inset 0 0 0 2px var(--accent-color);
}
.submenu li {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
span > a.active, .stacked-configs > li > span > span.active {
color: var(--accent-color);
}
.accordion li.open .link, .accordion li.open .link i.fa {
color: var(--accent-color);
}
.news-body a:hover {
color: var(--accent-color);
}
Write Preview
Loading…
Cancel
Save