From b6a021461d2ea54a91ce77c58591ad2ead35abdc Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Tue, 11 Dec 2018 21:06:02 +0300 Subject: add night_base so that output files would generate properly, etc --- themes/night_base.less | 311 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 311 insertions(+) create mode 100644 themes/night_base.less (limited to 'themes/night_base.less') 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%); + } + +} + -- cgit v1.2.3