@import url("https://assets.deathbybandaid.net/theme.park/CSS/variables/plex.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;
   */
   --main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/resources/blur-noise.png") repeat scroll 0% 0%, radial-gradient(circle at 0% 100%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 100% 100%, rgba(113, 135, 153, 0.55) 0%, rgba(113, 135, 153, 0.043) 70%, rgba(113, 135, 153, 0) 80%), radial-gradient(circle at 100% 0%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 0% 0%, rgba(91, 114, 135, 0.55) 0%, rgba(91, 114, 135, 0.043) 70%, rgba(91, 114, 135, 0) 80%), rgb(0, 0, 0) center center/cover no-repeat fixed;

   --modal-bg-color: #1f2326;
   --modal-header-color: #1f2326;
   --modal-footer-color: #323232;

   --drop-down-menu-bg: #191a1c;

   --button-color: #cc7b19;
   --button-color-hover: #e59029;
   --button-text: #eee;
   --button-text-hover: #fff;

   --accent-color: 229, 160, 13;
   --accent-color-hover: #ffc107;
   --link-color: #e5a00d;
   --link-color-hover: #fff;
   --label-text-color: #fff;

   --text:#ddd;
   --text-hover: #fff;
   --text-muted: #999;
 }


/* base */

body {
    background: var(--main-bg-color);
    background-repeat: repeat, no-repeat;
    background-attachment: fixed, fixed;
    background-position: center center, center center;
    background-size: auto, cover;
    -webkit-background-size: auto, cover;
    -moz-background-size: auto, cover;
    -o-background-size: auto, cover;
    color: var(--text);
}

select,
input {
    border: solid 1px var(--link-color);
}


/* navigation */

#nav {
    background: var(--drop-down-menu-bg);
    border-right: 5px solid var(--accent-color);
}


#nav hr {
    border-bottom: 1px solid var(--accent-color);
}

#nav-mark {
    color: var(--button-text);
    background: var(--button-color);
}


#nav-mark[disabled],
#nav-mark[disabled]:hover {
    background: var(--button-color-hover);
    color: var(--button-text-hover);
}


#nav-mark:hover {
    background: var(--button-color-hover);
    color: var(--button-text-hover);
}

#nav-filter li a {
    color: var(--text);
}


#nav-filter li a.active {
    background: var(--modal-bg-color);
    color: var(--button-color-hover);
}


#nav-filter span {
    color: var(--text-muted);
}


.unread-count.unread {
    background-color: var(--accent-color-hover);
    color: var(--button-text) !important;
}

.unread-count.unread span {
    color: var(--button-text) !important;
}

.unread-count.unread.offline {
    background-color: var(--text);
}

span.offline-count {
    color: var(--accent-color-hover) !important;
}

.unread-count span.offline-count {
    color: var(--text) !important;
}

span.offline-count::after {
    color: var(--text) !important;
}

.unread-count span.offline-count::after {
    color: var(--text) !important;
}


.nav-section-toggle {
    color: var(--text-muted);
}

.nav-unavailable.offline {
    color: var(--text);
}

#nav-tags li a {
    color: var(--text-muted);
}


#nav-tags li a.active {
    background: var(--modal-bg-color);
    color: var(--link-color);
}

#nav-sources li a {
    color: var(--text-muted);
}

#nav-sources li a.active {
    background: var(--modal-bg-color);
    color: var(--text-hover);
}

#nav .unread {
    color: var(--link-color);
}


.nav-toolbar button,
.nav-toolbar a {
    background: var(--button-color);
    color: var(--button-text);
}

.nav-toolbar button.offline {
    border: solid var(--link-color) 1px;
}

/* search */

#search {
    color: var(--button-text);
    background-color: var(--button-color);
}


#search-list li {
    color: var(--label-text-color);
    background-color: var(--button-color);
    border-right: 6px solid var(--button-color);
}

#search-list .regex-search-term {
    background-color: var(--button-color);
    border-right-color: var(--button-color);
}

/* content */

.entry,
.source {
    background: var(--modal-header-color);
}


.entry.selected {
    border: solid 1px var(--link-color);
}

.entry .found {
    color: var(--label-text-color);
    background: var(--modal-bg-color);
}

.entry-title {
    color: var(--text-muted);
}

.entry-title a {
    color: var(--text-muted);
}

.entry.unread .entry-title {
    color: var(--button-text);
}

.entry-content a {
    color: var(--text);
}

.entry-content blockquote {
    border-left: 2px solid var(--text);
}

.entry.selected.unread, .entry.unread {
    border-left: 3px solid var(--link-color);
}


.entry-author,
.entry-readtime,
.entry-source,
.entry-separator,
.entry-datetime {
    color: var(--text-muted);
}


.entry-toolbar {
    border-top: 1px solid var(--link-color);
    background: var(--modal-footer-color);
}

.stream-more,
.mark-these-read,
.stream-error {
    color: var(--text-muted);
}

.source-title {
    display: inline;
    color: var(--text-muted);
}


.source-edit-delete,
.source-days,
.source-action {
    color: var(--button-text);
}

.source-showparams,
.source-delete,
.source-save,
.source-cancel {
    color: var(--button-color);
}

.source-edit-form {
    color: var(--text-muted);
}

.source-edit-form .source-edit-form-help {
    color: var(--button-color);
}

.source-showparams.saved {
    color: var(--link-color);
}

.source-add {
    color: var(--button-color);
}

.refresh-source {
    color: var(--button-color);
}

.source-export,
.source-opml {
    color: var(--accent-color-hover);
}

/* opml import */
#opml .success {
    background-color: var(--button-color);
}

#opml input {
    margin-top: 30px;
    background: var(--button-color);
}