ttrss/themes/night_base.less

339 lines
5.6 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;
@color-icon: #999;
@border-light : #666;
@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 {
.dijitTreeRow {
.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%);
}
.loadingNode {
filter : invert(1);
}
}
}
}
#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;
}
}
}
.dijitSplitterHover {
background-color : rgba(255, 255, 255, 0.25);
}
.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,
.cdm .content-inner {
img, video {
filter: saturate(0.9) brightness(0.8);
}
}
.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;
}
}
.dijitDialog {
#feed_add_spinner {
filter : invert(1);
}
}
}