banananetwork
/
tt-rss
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

rebuild flat theme with dark base color and rebase night.css on it

Browse Source
master
Andrew Dolgov 6 years ago
parent 1e3a53c037
commit b786713560
10 changed files with 2355 additions and 614 deletions
Show Stats Download Patch File Download Diff File

258
css/default.css
Unescape Escape View File

@ -1543,101 +1543,6 @@ body.ttrss_prefs hr {
border-color: #ecf4ff; border-color: #ecf4ff;
max-width: 100%; max-width: 100%;
} }
.flat li {
padding: 2px;
}
.flat .filterRules span.inverse,
.flat #filterDlg_Matches span.filterRule.inverse {
color: red;
}
.flat .dijitDialog .dijitDialogPaneContent {
background: #f5f5f5;
}
.flat .dijitAccordionContainer {
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}
.flat .filterRules span {
display: block;
color: green;
}
.flat #filterDlg_Matches span.filterRule {
color: green;
}
.flat .dijitToolbar {
font-size: 13px;
padding: 0px;
}
.flat .dijitTab:not(.dijitTabChecked) {
background: #f5f5f5;
}
.flat .dijitMenu .dijitMenuItem .dijitMenuItemLabel {
padding: 4px 8px;
font-size: 13px;
}
.flat .dijitMenu .dijitMenuItem td {
padding: 0px;
}
.flat .dijitCheckBox {
border: 0px;
background: #ccc;
}
.flat .dijitCheckBox:before {
font-family: "flat-icon";
content: "\f00c";
color: white;
}
.flat .dijitCheckBox.dijitCheckBoxChecked {
background-color: #69C671;
}
.flat .dijitTree .dijitFolderClosed,
.flat .dijitTree .dijitFolderOpened {
display: none;
}
.flat .dijitTree .dijitTreeRow .dijitTreeExpando {
position: relative;
top: -2px;
}
.flat .dijitTree .dijitTreeRowSelected .dijitTreeExpando {
color: #257aa7;
}
.flat .dijitTree .dijitTreeNode .dijitTreeRow.dijitTreeRowSelected {
color: white;
}
.flat .dijitTree .labelParam {
float: right;
margin-right: 1em;
}
.flat .dijitTree .labelParam.filterDisabled,
.flat .dijitTree .dijitTreeLabel.filterDisabled {
text-decoration: line-through;
}
.flat .dijitTree .feedParam {
color: #555555;
float: right;
margin-right: 1em;
}
.flat .dijitTree .filterRules {
display: block;
color: #ccc;
font-size: 12px;
margin-left: 100px;
line-height: normal;
}
.flat .dijitTree .dijitTreeRowSelected .filterRules span {
color: white;
}
.flat .dijitTree .dijitTreeContainer {
max-width: 100%;
}
.flat .dijitTree .dijitTreeRow {
overflow: hidden;
text-overflow: ellipsis;
}
.flat .dijitTree .dijitTreeNode .dijitTreeRow {
padding: 4px 0px 4px;
border-width: 1px;
color: #333;
}
body.ttrss_utility.sanity_failed { body.ttrss_utility.sanity_failed {
background: #900; background: #900;
} }
@ -1879,6 +1784,136 @@ body#sharepopup form {
body#sharepopup input { body#sharepopup input {
width: 100%; width: 100%;
} }
.flat li {
padding: 2px;
}
.flat .filterRules span {
display: block;
color: green;
}
.flat #filterDlg_Matches span.filterRule {
color: green;
}
.flat .dijitToolbar {
font-size: 13px;
padding: 0px;
}
.flat .dijitTab:not(.dijitTabChecked) {
background: #f5f5f5;
}
.flat .dijitCheckBox.dijitCheckBoxChecked {
background-color: #69C671;
}
.flat .dijitMenu .dijitMenuItem .dijitMenuItemLabel {
padding: 4px 8px;
font-size: 13px;
}
.flat .dijitMenu .dijitMenuItem td {
padding: 0px;
}
.flat .dijitCheckBox:before {
font-family: "flat-icon";
content: "\f00c";
color: white;
}
.flat .dijitTree .dijitFolderClosed,
.flat .dijitTree .dijitFolderOpened {
display: none;
}
.flat .dijitTree .dijitTreeRow .dijitTreeExpando {
position: relative;
top: -2px;
}
.flat .dijitTree .labelParam {
float: right;
margin-right: 1em;
}
.flat .dijitTree .labelParam.filterDisabled,
.flat .dijitTree .dijitTreeLabel.filterDisabled {
text-decoration: line-through;
}
.flat .dijitTree .feedParam {
color: #555555;
float: right;
margin-right: 1em;
}
.flat .dijitTree .filterRules {
display: block;
color: #ccc;
font-size: 12px;
margin-left: 100px;
line-height: normal;
}
.flat .dijitTree .dijitTreeContainer {
max-width: 100%;
}
.flat .dijitTree .dijitTreeRow {
overflow: hidden;
text-overflow: ellipsis;
}
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(../lib/iconfont/MaterialIcons-Regular.eot);
src: local('Material Icons'), local('MaterialIcons-Regular'), url(../lib/iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(../lib/iconfont/MaterialIcons-Regular.woff) format('woff'), url(../lib/iconfont/MaterialIcons-Regular.ttf) format('truetype');
/* For IE6-8 */
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 18px;
/* Preferred icon size */
display: inline-block;
line-height: 1;
color: #777;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
vertical-align: middle;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
.flat .filterRules span.inverse,
.flat #filterDlg_Matches span.filterRule.inverse {
color: red;
}
.flat .dijitDialog .dijitDialogPaneContent {
background: #f5f5f5;
}
.flat .dijitAccordionContainer {
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}
.flat .dijitTab:not(.dijitTabChecked) {
background: #f5f5f5;
}
.flat .dijitCheckBox {
background: #ccc;
}
.flat .dijitTree .dijitTreeRowSelected .dijitTreeExpando {
color: #257aa7;
}
.flat .dijitTree .dijitTreeNode .dijitTreeRow.dijitTreeRowSelected {
color: white;
}
.flat .dijitTree .dijitTreeRowSelected .filterRules span {
color: white;
}
.flat .dijitTree .dijitTreeNode .dijitTreeRow {
padding: 4px 0px 4px;
border-width: 1px;
color: #333;
}
body.ttrss_zoom { body.ttrss_zoom {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -1976,37 +2011,4 @@ body.ttrss_zoom div.post div.content pre {
max-width: 98%; max-width: 98%;
overflow: auto; overflow: auto;
} }
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(../lib/iconfont/MaterialIcons-Regular.eot);
src: local('Material Icons'), local('MaterialIcons-Regular'), url(../lib/iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(../lib/iconfont/MaterialIcons-Regular.woff) format('woff'), url(../lib/iconfont/MaterialIcons-Regular.ttf) format('truetype');
/* For IE6-8 */
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 18px;
/* Preferred icon size */
display: inline-block;
line-height: 1;
color: #777;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
vertical-align: middle;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
/*# sourceMappingURL=default.css.map */ /*# sourceMappingURL=default.css.map */

2
css/default.css.map
View File

File diff suppressed because one or more lines are too long

3
css/default.less
Unescape Escape View File

@ -1 +1,4 @@
@import "defines.less"; @import "defines.less";
@import "dijit_light.less";
@import "zoom.less";
@import "../lib/flat-ttrss/flat_combined.css";

5
css/defines.less
Unescape Escape View File

@ -24,11 +24,8 @@ body.ttrss_prefs,
@import "tt-rss.less"; @import "tt-rss.less";
@import "cdm.less"; @import "cdm.less";
@import "prefs.less"; @import "prefs.less";
@import "dijit.less";
@import "utility.less"; @import "utility.less";
@import "zoom.less"; @import "dijit_basic.less";
@import "../lib/flat-ttrss/flat_combined.css";
@font-face { @font-face {
font-family: 'Material Icons'; font-family: 'Material Icons';

74
css/dijit.less → css/dijit_basic.less
Unescape Escape View File

@ -1,7 +1,16 @@
.flat { .flat {
li { li {
padding : 2px; padding: 2px;
}
.filterRules span {
display: block;
color: green;
}
#filterDlg_Matches span.filterRule {
color: green;
} }
.filterRules span.inverse, .filterRules span.inverse,
@ -9,54 +18,40 @@
color: red; color: red;
} }
.dijitDialog .dijitDialogPaneContent { .dijitToolbar {
background : @color-panel-bg; font-size: 13px;
padding: 0px;
} }
.dijitAccordionContainer { .dijitAccordionContainer {
box-shadow : 0px 0px 8px rgba(0,0,0,0.1); box-shadow : 0px 0px 8px rgba(0,0,0,0.1);
} }
.filterRules span { .dijitDialog .dijitDialogPaneContent {
display: block; background : @bg-panel;
color: green;
}
#filterDlg_Matches span.filterRule {
color: green;
} }
.dijitToolbar { .dijitTab:not(.dijitTabChecked) {
font-size : 13px; background : @bg-panel;
padding : 0px;
} }
.dijitTab:not(.dijitTabChecked) { .dijitCheckBox.dijitCheckBoxChecked {
background : @color-panel-bg; background-color : #69C671;
} }
.dijitMenu .dijitMenuItem .dijitMenuItemLabel { .dijitMenu .dijitMenuItem .dijitMenuItemLabel {
padding : 4px 8px; padding: 4px 8px;
font-size : 13px; font-size: 13px;
} }
.dijitMenu .dijitMenuItem td { .dijitMenu .dijitMenuItem td {
padding : 0px; padding: 0px;
}
.dijitCheckBox {
border : 0px;
background : #ccc;
} }
.dijitCheckBox:before { .dijitCheckBox:before {
font-family: "flat-icon"; font-family: "flat-icon";
content : "\f00c"; content: "\f00c";
color : white; color: white;
}
.dijitCheckBox.dijitCheckBoxChecked {
background-color : #69C671;
} }
.dijitTree { .dijitTree {
@ -65,19 +60,24 @@
display : none; display : none;
} }
.dijitTreeRow .dijitTreeExpando { .dijitTreeRowSelected {
position : relative; .filterRules span {
top : -2px; color : white;
} }
.dijitTreeRowSelected .dijitTreeExpando { .dijitTreeExpando {
color : @color-accent; color : @color-accent;
} }
}
.dijitTreeNode .dijitTreeRow.dijitTreeRowSelected { .dijitTreeNode .dijitTreeRow.dijitTreeRowSelected {
color : white; color : white;
} }
.dijitTreeRow .dijitTreeExpando {
position : relative;
top : -2px;
}
.labelParam { .labelParam {
float: right; float: right;
margin-right: 1em; margin-right: 1em;
@ -102,9 +102,6 @@
line-height : normal; line-height : normal;
} }
.dijitTreeRowSelected .filterRules span {
color : white;
}
.dijitTreeContainer { .dijitTreeContainer {
max-width : 100%; max-width : 100%;
@ -115,10 +112,5 @@
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.dijitTreeNode .dijitTreeRow {
padding : 4px 0px 4px;
border-width : 1px;
color : #333;
}
} }
} }

22
css/dijit_light.less
Unescape Escape View File

@ -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;
}
}
}

1
lib/flat-ttrss/flat_combined_dark.css
View File

File diff suppressed because one or more lines are too long

2151
themes/night.css
View File

File diff suppressed because it is too large Load Diff

2
themes/night.css.map
View File

File diff suppressed because one or more lines are too long

279
themes/night.less
Unescape Escape View File

@ -1,157 +1,144 @@
@import "../css/default.css"; @import "../css/defines.less";
@import "../lib/flat-ttrss/flat_combined_dark.css";
:root {
--bg-main : #333;
--border-main : #666;
--border-dark : #222;
--bg-panel : #222;
--fg-main: #999;
--fg-light : #ccc;
--bg-active: #2a89bc;
}
/* main layout overrides */
body.flat.ttrss_main.ttrss_index {
#feeds-holder { @bg-main : #333;
background : var(--bg-panel); @border-main : #666;
box-shadow : inset -1px 0px 2px -1px var(--border-main); @border-dark : #222;
} @bg-panel : #222;
@fg-main: #ccc;
@fg-light : #ccc;
@bg-active: #2a89bc;
#headlines-frame, body.flat.ttrss_main.ttrss_prefs {
div.whiteBox { #main, #footer {
border-color : var(--border-main); background: @bg-panel;
} }
#main, #footer a {
#overlay { color : #fff;
background : var(--bg-main);
color : var(--fg-main);
} }
}
#content-insert { body.flat.ttrss_main {
background : var(--bg-main); color : @fg-main;
}
#content-insert_splitter { #main, #overlay {
border-color : var(--border-main); color : @fg-main;
background : var(--bg-panel); background: @bg-main;
} }
#feeds-holder_splitter { #toolbar-frame #toolbar {
border-color : var(--border-main); background : @bg-panel;
background : var(--bg-main); border-color : @border-dark;
color : @fg-light;
} }
/* misc */ #feeds-holder {
background : @bg-panel;
box-shadow : inset -1px 0px 2px -1px @border-main;
.insensitive { #feedTree {
color : var(--fg-light); .counterNode.aux {
background: @bg-panel;
color: @fg-main;
border-color: @bg-main;
} }
hr, .dijitTreeRowSelected {
h1, background : @bg-main;
h2, border-color : @bg-main transparent;
h3 { color : @fg-light;
border-color : var(--border-dark);
} }
code { .dijitTreeRowSelected .dijitTreeLabel {
color : #c90 ! important; text-shadow : none;
}
}
} }
pre { #headlines-frame {
color : var(--fg-main); .hl:not(.active):not(.Selected),
background : var(--bg-panel) ! important; .cdm:not(.Selected) {
background: @bg-main;
} }
/* feeds */ .hl, .cdm {
border-color : @border-dark;
color : @fg-main;
#feeds-holder { .title {
#feedTree .dijitTreeRow { color : darken(@fg-main, 30%);
color : var(--fg-light) ! important;
} }
#feedTree.dijitTree .dijitTreeRowHover { .feed a {
background : var(--bg-panel); color : @fg-light;
border-color : var(--border-main) transparent;
} }
#feedTree.dijitTree .dijitTreeRowSelected { .content {
background : var(--bg-main); color : @fg-main;
border-color : var(--bg-main) transparent;
} }
#feedTree .dijitTreeRowSelected .dijitTreeLabel {
text-shadow : none;
} }
#feedTree .counterNode.aux { .cdm .footer {
background : var(--bg-panel); border-color : @bg-panel;
color : var(--fg-main); color : @fg-main;
border-color : var(--bg-main);
} }
.hl.Unread .title,
.cdm.Unread .title {
color : @fg-light;
} }
/* headlines */
#headlines-frame {
background : var(--bg-main);
color : var(--fg-light);
i.material-icons, i.material-icons,
.dijitCheckBox { .dijitCheckBox {
opacity : 0.7; opacity : 0.7;
} }
.hl { .cdm.expandable.active {
border-color : var(--border-dark); background : darken(@bg-main, 5%) ! important;
} }
.hl:not(.Selected):not(.active) .title a {
color : var(--fg-main);
} }
.hl.Unread:not(.Selected):not(.active) .title a { #content-insert {
color : var(--fg-light); .post {
.header {
background : @bg-panel;
border-color: @border-dark;
}
} }
} }
/* toolbar */ .insensitive {
color : @fg-light;
#toolbar-frame #toolbar {
background : var(--bg-panel);
border-color : var(--border-dark);
.dijitButtonText {
color : var(--fg-light);
} }
.dijitSelect, .dijitAccordionInnerContainerSelected .dijitAccordionTitle {
.dijitDropDownButton .dijitButtonNode, color : white;
.dijitComboButton .dijitButtonNode,
.dijitSelect .dijitButtonText {
background : var(--bg-panel);
} }
textarea {
color : @fg-light;
} }
.hl .feed a, code {
.cdm .feed a { color : #c90 ! important;
color : white;
} }
#headlines-frame blockquote,
#content-insert blockquote {
color : @fg-main;
border-color : @color-accent;
}
.post .header { pre {
background : var(--bg-panel); color : @fg-main;
border-color : var(--border-main); background : @bg-panel ! important;
} }
.post .content, ul#filterDlg_Matches, ul#filterDlg_Actions {
.cdm .content-inner { background: @bg-panel;
color : var(--fg-main); border-color : @border-main;
} }
.post .content img, .post .content img,
@ -169,94 +156,8 @@ body.flat.ttrss_main.ttrss_index {
filter: grayscale(80%); 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 { .article-note {
background : var(--bg-panel); background : @bg-panel;
border-color : #9a8c59; border-color : #9a8c59;
} }
@ -265,11 +166,11 @@ body.flat.ttrss_main.ttrss_index {
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background-color: var(--border-main); background-color: @border-main;
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background-color: var(--bg-panel); background-color: @bg-panel;
} }
} }

Write Preview
Loading…
Cancel
Save