From 3f60ff8d6151a4099024008a8b0a4481edec3eac Mon Sep 17 00:00:00 2001
From: deathbybandaid <github@deathbybandaid.net>
Date: Thu, 6 Jan 2022 14:02:19 -0500
Subject: [PATCH] test

---
 .../base/selfoss_2.19/selfoss_2.19-base.css   | 290 +++++++++++++++++-
 1 file changed, 288 insertions(+), 2 deletions(-)

diff --git a/dbb-css/base/selfoss_2.19/selfoss_2.19-base.css b/dbb-css/base/selfoss_2.19/selfoss_2.19-base.css
index 2cbd5b28..4e6e648a 100644
--- a/dbb-css/base/selfoss_2.19/selfoss_2.19-base.css
+++ b/dbb-css/base/selfoss_2.19/selfoss_2.19-base.css
@@ -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 {
     background: var(--main-bg-color);
@@ -11,6 +42,261 @@ body {
     color: var(--text);
 }
 
-#nav {
-    background-color: transparent;
+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);
 }