Compare commits
No commits in common. "3f60ff8d6151a4099024008a8b0a4481edec3eac" and "9568df1f8ffc8e1bab8b9619dcb145a1257339de" have entirely different histories.
3f60ff8d61
...
9568df1f8f
@ -1,34 +1,3 @@
|
|||||||
@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 {
|
body {
|
||||||
background: var(--main-bg-color);
|
background: var(--main-bg-color);
|
||||||
@ -42,261 +11,6 @@ body {
|
|||||||
color: var(--text);
|
color: var(--text);
|
||||||
}
|
}
|
||||||
|
|
||||||
select,
|
|
||||||
input {
|
|
||||||
border: solid 1px var(--link-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* navigation */
|
|
||||||
|
|
||||||
#nav {
|
#nav {
|
||||||
background: var(--drop-down-menu-bg);
|
background-color: transparent;
|
||||||
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);
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,101 +0,0 @@
|
|||||||
// :focus {
|
|
||||||
// border: 5px solid crimson;
|
|
||||||
// }
|
|
||||||
// .entry-smartphone-share button.entry-share,
|
|
||||||
// .entry-smartphone-share button {
|
|
||||||
// padding: 20px;
|
|
||||||
// }
|
|
||||||
// .entry-toolbar button {
|
|
||||||
// margin-top: 0px;
|
|
||||||
// padding: 6px 0 6px 20px;
|
|
||||||
// }
|
|
||||||
|
|
||||||
hr {
|
|
||||||
border-top: 1px solid #e5a00d;
|
|
||||||
border: 1px solid #e59029;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
color: #dedede;
|
|
||||||
background-color: #e5a00d;
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-bar {
|
|
||||||
color: #dedede;
|
|
||||||
background-color: #e5a00d;
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-mark {
|
|
||||||
color: #dedede;
|
|
||||||
background-color: #e5a00d;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search {
|
|
||||||
color: #dedede;
|
|
||||||
background-color: #e5a00d;
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-open {
|
|
||||||
padding: 10px;
|
|
||||||
border: none;
|
|
||||||
border-radius: 2px;
|
|
||||||
background-color: #4d4332;
|
|
||||||
cursor: pointer;
|
|
||||||
margin-left: 15px;
|
|
||||||
margin-right: 15px;
|
|
||||||
margin-top: 5px;
|
|
||||||
font-size: 0.9em;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
color: #dedede;
|
|
||||||
background-color: #f3f3f3;
|
|
||||||
background-image: url('https://raw.githubusercontent.com/fHDHR/CSS_Themes_for_fHDHR/main/plex/background.png');
|
|
||||||
// background-repeat: no-repeat;
|
|
||||||
background-size: cover;
|
|
||||||
// background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABlBMVEUUFBQMDAzbIvKLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QkPDBUFCnr7XwAAACZJREFUCNdj+PmB4dsHhvcFDPc$
|
|
||||||
}
|
|
||||||
.entry.unread .entry-title {
|
|
||||||
color: #cc7b19;
|
|
||||||
}
|
|
||||||
.entry-title {
|
|
||||||
color: #dedede;
|
|
||||||
}
|
|
||||||
.source-edit-form {
|
|
||||||
color: #dedede;
|
|
||||||
}
|
|
||||||
.source-title {
|
|
||||||
color: #dedede;
|
|
||||||
}
|
|
||||||
.source-add {
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
.entry, .source {
|
|
||||||
background: #4d4332;
|
|
||||||
border: 1px solid #fff0;
|
|
||||||
}
|
|
||||||
|
|
||||||
body:not(.loggedin) #nav-filter-unread {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.entry.selected {
|
|
||||||
background: #4d4332;
|
|
||||||
border-color: #b08c4f;
|
|
||||||
}
|
|
||||||
.entry-toolbar {
|
|
||||||
border-top-color: #e59029;
|
|
||||||
background-color: #b08c4f;
|
|
||||||
}
|
|
||||||
|
|
||||||
.entry-smartphone-share button, .entry-toolbar button {
|
|
||||||
color: #dedede;
|
|
||||||
}
|
|
||||||
|
|
||||||
.refresh-source {
|
|
||||||
color: #dedede;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fullscreen-entry {
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue
Block a user