test

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 {
+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);
 }

dbb-css/selfoss_2.18/user.css

@@ -0,0 +1,101 @@
+// :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;
+}