rebuild flat theme with dark base color and rebase night.css on it
Andrew Dolgov
6 years ago
parent
1e3a53c037
commit
b786713560
File diff suppressed because one or more lines are too long
@ -1 +1,4 @@
|
|||||||
@import "defines.less";
|
@import "defines.less";
|
||||||
|
@import "dijit_light.less";
|
||||||
|
@import "zoom.less";
|
||||||
|
@import "../lib/flat-ttrss/flat_combined.css";
|
||||||
@ -0,0 +1,22 @@
|
|||||||
|
.flat {
|
||||||
|
|
||||||
|
.dijitDialog .dijitDialogPaneContent {
|
||||||
|
background : @color-panel-bg;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dijitTab:not(.dijitTabChecked) {
|
||||||
|
background : @color-panel-bg;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dijitCheckBox {
|
||||||
|
background : #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dijitTree {
|
||||||
|
.dijitTreeNode .dijitTreeRow {
|
||||||
|
padding : 4px 0px 4px;
|
||||||
|
border-width : 1px;
|
||||||
|
color : #333;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -1,276 +1,177 @@
|
|||||||
@import "../css/default.css";
|
@import "../css/defines.less";
|
||||||
|
@import "../lib/flat-ttrss/flat_combined_dark.css";
|
||||||
:root {
|
|
||||||
--bg-main : #333;
|
@bg-main : #333;
|
||||||
--border-main : #666;
|
@border-main : #666;
|
||||||
--border-dark : #222;
|
@border-dark : #222;
|
||||||
--bg-panel : #222;
|
@bg-panel : #222;
|
||||||
--fg-main: #999;
|
@fg-main: #ccc;
|
||||||
--fg-light : #ccc;
|
@fg-light : #ccc;
|
||||||
--bg-active: #2a89bc;
|
@bg-active: #2a89bc;
|
||||||
|
|
||||||
|
body.flat.ttrss_main.ttrss_prefs {
|
||||||
|
#main, #footer {
|
||||||
|
background: @bg-panel;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer a {
|
||||||
|
color : #fff;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* main layout overrides */
|
body.flat.ttrss_main {
|
||||||
|
color : @fg-main;
|
||||||
body.flat.ttrss_main.ttrss_index {
|
|
||||||
|
#main, #overlay {
|
||||||
#feeds-holder {
|
color : @fg-main;
|
||||||
background : var(--bg-panel);
|
background: @bg-main;
|
||||||
box-shadow : inset -1px 0px 2px -1px var(--border-main);
|
}
|
||||||
}
|
|
||||||
|
#toolbar-frame #toolbar {
|
||||||
#headlines-frame,
|
background : @bg-panel;
|
||||||
div.whiteBox {
|
border-color : @border-dark;
|
||||||
border-color : var(--border-main);
|
color : @fg-light;
|
||||||
}
|
}
|
||||||
|
|
||||||
#main,
|
#feeds-holder {
|
||||||
#overlay {
|
background : @bg-panel;
|
||||||
background : var(--bg-main);
|
box-shadow : inset -1px 0px 2px -1px @border-main;
|
||||||
color : var(--fg-main);
|
|
||||||
}
|
#feedTree {
|
||||||
|
.counterNode.aux {
|
||||||
#content-insert {
|
background: @bg-panel;
|
||||||
background : var(--bg-main);
|
color: @fg-main;
|
||||||
}
|
border-color: @bg-main;
|
||||||
|
}
|
||||||
#content-insert_splitter {
|
|
||||||
border-color : var(--border-main);
|
.dijitTreeRowSelected {
|
||||||
background : var(--bg-panel);
|
background : @bg-main;
|
||||||
}
|
border-color : @bg-main transparent;
|
||||||
|
color : @fg-light;
|
||||||
#feeds-holder_splitter {
|
}
|
||||||
border-color : var(--border-main);
|
|
||||||
background : var(--bg-main);
|
.dijitTreeRowSelected .dijitTreeLabel {
|
||||||
}
|
text-shadow : none;
|
||||||
|
}
|
||||||
/* misc */
|
}
|
||||||
|
}
|
||||||
.insensitive {
|
|
||||||
color : var(--fg-light);
|
#headlines-frame {
|
||||||
}
|
.hl:not(.active):not(.Selected),
|
||||||
|
.cdm:not(.Selected) {
|
||||||
hr,
|
background: @bg-main;
|
||||||
h1,
|
}
|
||||||
h2,
|
|
||||||
h3 {
|
.hl, .cdm {
|
||||||
border-color : var(--border-dark);
|
border-color : @border-dark;
|
||||||
}
|
color : @fg-main;
|
||||||
|
|
||||||
code {
|
.title {
|
||||||
color : #c90 ! important;
|
color : darken(@fg-main, 30%);
|
||||||
}
|
}
|
||||||
|
|
||||||
pre {
|
.feed a {
|
||||||
color : var(--fg-main);
|
color : @fg-light;
|
||||||
background : var(--bg-panel) ! important;
|
}
|
||||||
}
|
|
||||||
|
.content {
|
||||||
/* feeds */
|
color : @fg-main;
|
||||||
|
}
|
||||||
#feeds-holder {
|
}
|
||||||
#feedTree .dijitTreeRow {
|
|
||||||
color : var(--fg-light) ! important;
|
.cdm .footer {
|
||||||
}
|
border-color : @bg-panel;
|
||||||
|
color : @fg-main;
|
||||||
#feedTree.dijitTree .dijitTreeRowHover {
|
}
|
||||||
background : var(--bg-panel);
|
|
||||||
border-color : var(--border-main) transparent;
|
.hl.Unread .title,
|
||||||
}
|
.cdm.Unread .title {
|
||||||
|
color : @fg-light;
|
||||||
#feedTree.dijitTree .dijitTreeRowSelected {
|
}
|
||||||
background : var(--bg-main);
|
|
||||||
border-color : var(--bg-main) transparent;
|
i.material-icons,
|
||||||
}
|
.dijitCheckBox {
|
||||||
|
opacity : 0.7;
|
||||||
#feedTree .dijitTreeRowSelected .dijitTreeLabel {
|
}
|
||||||
text-shadow : none;
|
|
||||||
}
|
.cdm.expandable.active {
|
||||||
|
background : darken(@bg-main, 5%) ! important;
|
||||||
#feedTree .counterNode.aux {
|
}
|
||||||
background : var(--bg-panel);
|
|
||||||
color : var(--fg-main);
|
}
|
||||||
border-color : var(--bg-main);
|
|
||||||
}
|
#content-insert {
|
||||||
|
.post {
|
||||||
}
|
.header {
|
||||||
|
background : @bg-panel;
|
||||||
/* headlines */
|
border-color: @border-dark;
|
||||||
|
}
|
||||||
#headlines-frame {
|
}
|
||||||
background : var(--bg-main);
|
}
|
||||||
color : var(--fg-light);
|
|
||||||
|
.insensitive {
|
||||||
i.material-icons,
|
color : @fg-light;
|
||||||
.dijitCheckBox {
|
}
|
||||||
opacity : 0.7;
|
|
||||||
}
|
.dijitAccordionInnerContainerSelected .dijitAccordionTitle {
|
||||||
|
color : white;
|
||||||
.hl {
|
}
|
||||||
border-color : var(--border-dark);
|
|
||||||
}
|
textarea {
|
||||||
|
color : @fg-light;
|
||||||
.hl:not(.Selected):not(.active) .title a {
|
}
|
||||||
color : var(--fg-main);
|
|
||||||
}
|
code {
|
||||||
|
color : #c90 ! important;
|
||||||
.hl.Unread:not(.Selected):not(.active) .title a {
|
}
|
||||||
color : var(--fg-light);
|
|
||||||
}
|
#headlines-frame blockquote,
|
||||||
|
#content-insert blockquote {
|
||||||
}
|
color : @fg-main;
|
||||||
|
border-color : @color-accent;
|
||||||
/* toolbar */
|
}
|
||||||
|
|
||||||
#toolbar-frame #toolbar {
|
pre {
|
||||||
background : var(--bg-panel);
|
color : @fg-main;
|
||||||
border-color : var(--border-dark);
|
background : @bg-panel ! important;
|
||||||
|
}
|
||||||
.dijitButtonText {
|
|
||||||
color : var(--fg-light);
|
ul#filterDlg_Matches, ul#filterDlg_Actions {
|
||||||
}
|
background: @bg-panel;
|
||||||
|
border-color : @border-main;
|
||||||
.dijitSelect,
|
}
|
||||||
.dijitDropDownButton .dijitButtonNode,
|
|
||||||
.dijitComboButton .dijitButtonNode,
|
.post .content img,
|
||||||
.dijitSelect .dijitButtonText {
|
.cdm .content-inner img,
|
||||||
background : var(--bg-panel);
|
.post .content video,
|
||||||
}
|
.cdm .content-inner video {
|
||||||
}
|
transition : opacity 0.5s linear, filter 0.5s linear;
|
||||||
|
}
|
||||||
.hl .feed a,
|
|
||||||
.cdm .feed a {
|
.post .content img:not(:hover),
|
||||||
color : white;
|
.cdm .content-inner img:not(:hover),
|
||||||
}
|
.post .content video:not(:hover),
|
||||||
|
.cdm .content-inner video:not(:hover) {
|
||||||
|
opacity : 0.5;
|
||||||
.post .header {
|
filter: grayscale(80%);
|
||||||
background : var(--bg-panel);
|
}
|
||||||
border-color : var(--border-main);
|
|
||||||
}
|
.article-note {
|
||||||
|
background : @bg-panel;
|
||||||
.post .content,
|
border-color : #9a8c59;
|
||||||
.cdm .content-inner {
|
}
|
||||||
color : var(--fg-main);
|
|
||||||
}
|
::-webkit-scrollbar {
|
||||||
|
width: 4px;
|
||||||
.post .content img,
|
}
|
||||||
.cdm .content-inner img,
|
|
||||||
.post .content video,
|
::-webkit-scrollbar-thumb {
|
||||||
.cdm .content-inner video {
|
background-color: @border-main;
|
||||||
transition : opacity 0.5s linear, filter 0.5s linear;
|
}
|
||||||
}
|
|
||||||
|
::-webkit-scrollbar-track {
|
||||||
.post .content img:not(:hover),
|
background-color: @bg-panel;
|
||||||
.cdm .content-inner img:not(:hover),
|
}
|
||||||
.post .content video:not(:hover),
|
|
||||||
.cdm .content-inner video:not(:hover) {
|
|
||||||
opacity : 0.5;
|
|
||||||
filter: grayscale(80%);
|
|
||||||
}
|
|
||||||
|
|
||||||
div.cdm div.footer {
|
|
||||||
border-color : var(--border-dark);
|
|
||||||
color : var(--fg-light);
|
|
||||||
}
|
|
||||||
|
|
||||||
div.cdm .header a.title {
|
|
||||||
color : var(--fg-main);
|
|
||||||
}
|
|
||||||
|
|
||||||
div.cdm.Unread .header a.title {
|
|
||||||
color : var(--fg-light);
|
|
||||||
}
|
|
||||||
|
|
||||||
.cdm.expandable.active .header a.title,
|
|
||||||
.cdm.expanded.active .header a.title {
|
|
||||||
color : #2a89bc;
|
|
||||||
}
|
|
||||||
|
|
||||||
#headlines-frame .cdm {
|
|
||||||
border-color : var(--border-dark);
|
|
||||||
}
|
|
||||||
|
|
||||||
#headlines-frame .cdm .header .author {
|
|
||||||
color : var(--fg-main);
|
|
||||||
}
|
|
||||||
|
|
||||||
#headlines-frame .cdm.expandable {
|
|
||||||
background : var(--bg-main) ! important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#headlines-frame .cdm.expandable.Selected {
|
|
||||||
background : var(--bg-active) ! important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#headlines-frame .cdm.expandable.active {
|
|
||||||
background : var(--bg-main);
|
|
||||||
}
|
|
||||||
|
|
||||||
#headlines-frame .cdm.expanded.active {
|
|
||||||
background : var(--bg-main);
|
|
||||||
}
|
|
||||||
|
|
||||||
#content-insert blockquote,
|
|
||||||
#headlines-frame blockquote,
|
|
||||||
.dijitContentPane blockquote {
|
|
||||||
color : var(--fg-main);
|
|
||||||
border-color : var(--border-main);
|
|
||||||
}
|
|
||||||
|
|
||||||
.dijitInputField.dijitButtonText {
|
|
||||||
background : var(--bg-main);
|
|
||||||
}
|
|
||||||
|
|
||||||
.cdm .footer img {
|
|
||||||
opacity : 0.6;
|
|
||||||
}
|
|
||||||
|
|
||||||
#floatingTitle {
|
|
||||||
background : var(--bg-panel);
|
|
||||||
border-color : var(--border-main);
|
|
||||||
}
|
|
||||||
|
|
||||||
#floatingTitle * {
|
|
||||||
color : var(--fg-light) ! important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* other dijits */
|
|
||||||
|
|
||||||
.dijitMenu,
|
|
||||||
.dijitMenuTable,
|
|
||||||
.dijitMenu .dijitMenuItem td {
|
|
||||||
border-color : var(--bg-panel);
|
|
||||||
background : var(--bg-panel);
|
|
||||||
color : var(--fg-main);
|
|
||||||
}
|
|
||||||
|
|
||||||
.dijitMenu .dijitMenuItemSelected,
|
|
||||||
.dijitMenu .dijitMenuItemSelected td {
|
|
||||||
background : black;
|
|
||||||
color : white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dijitMenu .dijitMenuSeparator * {
|
|
||||||
border-bottom-color : var(--border-dark) ! important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.article-note {
|
|
||||||
background : var(--bg-panel);
|
|
||||||
border-color : #9a8c59;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
width: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
background-color: var(--border-main);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-track {
|
|
||||||
background-color: var(--bg-panel);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue