deathbybandaid/theme.park
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

test

Browse Source
This commit is contained in:
deathbybandaid 2022-01-06 14:02:19 -05:00
parent 856b86f8f6
commit 3f60ff8d61
1 changed files with 288 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

290
dbb-css/base/selfoss_2.19/selfoss_2.19-base.css
View File

@ -1,3 +1,34 @@
@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);
@ -11,6 +42,261 @@ body {
color: var(--text); color: var(--text);
} }
#nav { select,
background-color: transparent; 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);
} }