You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
tt-rss/themes/night_base.less

349 lines
5.8 KiB
Plaintext

@import "light/defines.less";
@import "light/utility.less";
@import "light/zoom.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-text-muted: darken(@default-text, 20%);
@fg-light : lighten(@default-text, 10%);
@color-alert-info : #3a87ad;
@color-alert-danger : #b94a48;
@color-tooltip-bg : lighten(@color-accent, 10%);
body.flat.ttrss_main.ttrss_prefs {
#main, #footer {
background: @color-panel-bg;
}
#footer a {
color : #fff;
}
td.filename,
div.prefHelp {
color : @fg-text-muted;
}
hr {
border-color : @border-light;
}
}
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, .counterNode.marked {
background: @color-panel-bg;
color: @default-text;
border-color: @default-bg;
}
.counterNode.marked {
border-color : @color-accent-marked;
}
.dijitTreeRowSelected {
background : @default-bg;
border-color : @default-bg transparent;
color : @fg-light;
}
.dijitTreeRowSelected .dijitTreeLabel {
text-shadow : none;
}
i.icon.icon-inbox {
color : darken(@default-text, 20%);
}
}
}
#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-text-muted;
}
.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-text-muted;
background: @color-panel-bg;
}
.text-muted {
color : @fg-text-muted;
}
.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%);
color : @color-accent;
}
.alert.alert-info {
color : @color-alert-info;
border-color: darken(@color-alert-info, 20%);
}
.alert.alert-danger {
color : @color-alert-danger;
border-color : darken(@color-alert-danger, 20%);
}
#filterNewRuleDlg {
.dijitValidationTextAreaError {
background : #503030;
}
.dijitValidationTextArea:not(.dijitValidationTextAreaError) {
background : #305030;
}
}
}