add night_base so that output files would generate properly, etc

1 files changed, 311 insertions, 0 deletions

diff --git a/themes/night_base.less b/themes/night_base.less
new file mode 100644
index 000000000..9e664fcd9
--- /dev/null
+++ b/themes/night_base.less
@@ -0,0 +1,311 @@
+@import "../css/defines.less";
+@import "../lib/flat-ttrss/flat_combined_dark.css";
+
+@color-accent: #b87d2c;
+@color-panel-bg : #222;
+@default-text: #ccc;
+@default-fg: @default-text;
+@border-default: #222;
+@default-bg : #333;
+
+@border-light : #666;
+
+@default-text: #ccc;
+
+@fg-insensitive: darken(@default-text, 20%);
+@fg-light : lighten(@default-text, 10%);
+
+body.flat.ttrss_main.ttrss_prefs {
+	#main, #footer {
+		background: @color-panel-bg;
+	}
+
+	#footer a {
+		color : #fff;
+	}
+
+	td.filename,
+	div.prefHelp {
+		color : @fg-insensitive;
+	}
+}
+
+body.flat.ttrss_main {
+	img[src*='indicator_white.gif'] {
+		filter : invert(1);
+	}
+
+	a:hover {
+		color : lighten(@color-link, 20%);
+	}
+
+	#main, #overlay {
+		color : @default-text;
+		background: @default-bg;
+	}
+
+	#toolbar-frame #toolbar {
+		background : @color-panel-bg;
+		color : @fg-light;
+	}
+
+	#feeds-holder {
+		background : @color-panel-bg;
+		box-shadow : inset -1px 0px 2px -1px @border-light;
+
+		#feedTree {
+			.counterNode.aux {
+				background: @color-panel-bg;
+				color: @default-text;
+				border-color: @default-bg;
+			}
+
+			.dijitTreeRowSelected {
+				background : @default-bg;
+				border-color : @default-bg transparent;
+				color : @fg-light;
+			}
+
+			.dijitTreeRowSelected .dijitTreeLabel {
+				text-shadow : none;
+			}
+		}
+	}
+
+	#floatingTitle {
+		background-color : @default-bg;
+
+		.feed a {
+			color : @fg-light;
+		}
+
+		i.material-icons {
+			opacity : 0.7;
+		}
+	}
+
+	div#floatingTitle.Unread a.title {
+		color : @fg-light;
+	}
+
+	#headlines-frame {
+		.hl:not(.active):not(.Selected):not(.Unread),
+		.cdm.expandable:not(.active):not(.Selected):not(.Unread) {
+			background : @default-bg;
+		}
+
+		.hl.Unread:not(.active):not(.Selected),
+		.cdm.expandable.Unread:not(.active):not(.Selected) {
+			background : @color-panel-bg;
+		}
+
+		.cdm.expanded {
+			background: @default-bg;
+		}
+
+		.hl.Unread .title,
+		.cdm.Unread .title {
+			color : @fg-light;
+		}
+
+		.hl.active,
+		.hl.Selected,
+		.cdm.expandable.Selected {
+			> * {
+				filter : invert(1);
+
+				img {
+					filter : invert(1);
+				}
+			}
+
+			.dijitCheckBox {
+				filter : invert(1);
+			}
+		}
+
+		.hl.Selected.marked,
+		.cdm.expandable.Selected.marked,
+		.hl.active.marked {
+			i.marked-pic {
+				filter : invert(1);
+			}
+		}
+
+		.hl.Selected.published,
+		.cdm.expandable.Selected.published,
+		.hl.active.published {
+			i.pub-pic {
+				filter : invert(1);
+			}
+		}
+
+		.cdm.expanded.active .title,
+		.cdm.expandable.active .title {
+			color : @color-accent;
+		}
+
+		.cdm.expandable.active {
+			background : @color-panel-bg ! important;
+		}
+
+		.hl, .cdm {
+			color : @default-text;
+
+			.title {
+				color : @default-text;
+			}
+
+			.author {
+				color : @fg-insensitive;
+			}
+
+			.updated, .content {
+				color : @default-text;
+			}
+
+			.feed a {
+				color : @fg-light;
+			}
+		}
+
+		.cdm .footer {
+			border-color : @color-panel-bg;
+			color : @default-text;
+		}
+
+		.left {
+			i.material-icons,
+			.dijitCheckBox {
+				opacity: 0.7;
+			}
+		}
+
+	}
+
+	.dijitToolbar {
+		.dijitSelect {
+			.dijitButtonContents, .dijitButtonNode {
+				transition: background-color 0.3s linear;
+			}
+		}
+
+		.dijitSelect:not(.dijitHover) {
+			.dijitButtonContents, .dijitButtonNode {
+				background-color: @color-panel-bg;
+			}
+		}
+	}
+
+	.dijitCheckBox:not(.dijitChecked)::before {
+		color : @fg-insensitive;
+		background: @color-panel-bg;
+	}
+
+	.insensitive {
+		color : @fg-insensitive;
+	}
+
+	.dijitAccordionInnerContainerSelected .dijitAccordionTitle {
+		color : white;
+	}
+
+	.dijitDialog .dijitDialogPaneContent {
+		background : @color-panel-bg;
+	}
+
+	.dijitTab:not(.dijitTabChecked) {
+		background : @color-panel-bg;
+	}
+
+	.dijitTab.dijitTabChecked.dijitTabHover {
+		color : @fg-light;
+	}
+
+	label.dijitButton {
+		border: 1px solid @border-light;
+	}
+
+	label.dijitButton:hover {
+		border-color : lighten(@border-default, 5%);
+		background-color: @default-bg;
+	}
+
+	textarea {
+		color : @fg-light;
+	}
+
+	code {
+		color : #c90 ! important;
+	}
+
+	.panel {
+		background-color : @color-panel-bg;
+		border-color : @border-light;
+	}
+
+	.dijitDialog .panel {
+		background-color : @default-bg;
+	}
+
+	#headlines-frame blockquote,
+	#content-insert blockquote {
+		color : @default-text;
+		border-color : @color-accent;
+	}
+
+	pre {
+		color : @default-text;
+		background : @color-panel-bg ! important;
+	}
+
+	ul#filterDlg_Matches, ul#filterDlg_Actions {
+		background: @color-panel-bg;
+		border-color : @border-light;
+	}
+
+	/*
+	.post .content img,
+	.cdm .content-inner img,
+	.post .content video,
+	.cdm .content-inner video {
+		transition : opacity 0.2s linear, filter 0.2s linear;
+	}
+
+	.post .content img:not(:hover),
+	.cdm .content-inner img:not(:hover),
+	.post .content video:not(:hover),
+	.cdm .content-inner video:not(:hover) {
+		opacity : 0.5;
+		filter: grayscale(80%);
+	} */
+
+	.article-note {
+		background : @color-accent;
+		border-color : @color-accent;
+		color : @default-bg;
+
+		i.material-icons {
+			color : @default-bg;
+		}
+	}
+
+	::-webkit-scrollbar {
+		width: 4px;
+	}
+
+	::-webkit-scrollbar-thumb {
+		background-color: @border-light;
+	}
+
+	::-webkit-scrollbar-track {
+		background-color: @color-panel-bg;
+	}
+
+	.alert {
+		background: @color-panel-bg;
+		border-color : darken(@color-accent, 20%);
+	}
+
+}
+