rebuild flat theme with dark base color and rebase night.css on it
This commit is contained in:
Andrew Dolgov
parent
1e3a53c037
commit
b786713560
258
css/default.css
258
css/default.css
|
|
@ -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 */
|
||||||
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";
|
||||||
|
|
@ -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';
|
||||||
|
|
|
||||||
|
|
@ -1,20 +1,7 @@
|
||||||
.flat {
|
.flat {
|
||||||
|
|
||||||
li {
|
li {
|
||||||
padding : 2px;
|
padding: 2px;
|
||||||
}
|
|
||||||
|
|
||||||
.filterRules span.inverse,
|
|
||||||
#filterDlg_Matches span.filterRule.inverse {
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dijitDialog .dijitDialogPaneContent {
|
|
||||||
background : @color-panel-bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dijitAccordionContainer {
|
|
||||||
box-shadow : 0px 0px 8px rgba(0,0,0,0.1);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.filterRules span {
|
.filterRules span {
|
||||||
|
|
@ -26,58 +13,71 @@
|
||||||
color: green;
|
color: green;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.filterRules span.inverse,
|
||||||
|
#filterDlg_Matches span.filterRule.inverse {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
.dijitToolbar {
|
.dijitToolbar {
|
||||||
font-size : 13px;
|
font-size: 13px;
|
||||||
padding : 0px;
|
padding: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dijitAccordionContainer {
|
||||||
|
box-shadow : 0px 0px 8px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dijitDialog .dijitDialogPaneContent {
|
||||||
|
background : @bg-panel;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dijitTab:not(.dijitTabChecked) {
|
.dijitTab:not(.dijitTabChecked) {
|
||||||
background : @color-panel-bg;
|
background : @bg-panel;
|
||||||
}
|
|
||||||
|
|
||||||
.dijitMenu .dijitMenuItem .dijitMenuItemLabel {
|
|
||||||
padding : 4px 8px;
|
|
||||||
font-size : 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dijitMenu .dijitMenuItem td {
|
|
||||||
padding : 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dijitCheckBox {
|
|
||||||
border : 0px;
|
|
||||||
background : #ccc;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dijitCheckBox:before {
|
|
||||||
font-family: "flat-icon";
|
|
||||||
content : "\f00c";
|
|
||||||
color : white;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.dijitCheckBox.dijitCheckBoxChecked {
|
.dijitCheckBox.dijitCheckBoxChecked {
|
||||||
background-color : #69C671;
|
background-color : #69C671;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dijitMenu .dijitMenuItem .dijitMenuItemLabel {
|
||||||
|
padding: 4px 8px;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dijitMenu .dijitMenuItem td {
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dijitCheckBox:before {
|
||||||
|
font-family: "flat-icon";
|
||||||
|
content: "\f00c";
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
.dijitTree {
|
.dijitTree {
|
||||||
.dijitFolderClosed,
|
.dijitFolderClosed,
|
||||||
.dijitFolderOpened {
|
.dijitFolderOpened {
|
||||||
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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -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
2165
themes/night.css
2165
themes/night.css
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: #ccc;
|
||||||
--fg-main: #999;
|
@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 {
|
||||||
|
color : @fg-main;
|
||||||
|
background: @bg-main;
|
||||||
|
}
|
||||||
|
|
||||||
#feeds-holder {
|
#toolbar-frame #toolbar {
|
||||||
background : var(--bg-panel);
|
background : @bg-panel;
|
||||||
box-shadow : inset -1px 0px 2px -1px var(--border-main);
|
border-color : @border-dark;
|
||||||
}
|
color : @fg-light;
|
||||||
|
}
|
||||||
|
|
||||||
#headlines-frame,
|
#feeds-holder {
|
||||||
div.whiteBox {
|
background : @bg-panel;
|
||||||
border-color : var(--border-main);
|
box-shadow : inset -1px 0px 2px -1px @border-main;
|
||||||
}
|
|
||||||
|
|
||||||
#main,
|
#feedTree {
|
||||||
#overlay {
|
.counterNode.aux {
|
||||||
background : var(--bg-main);
|
background: @bg-panel;
|
||||||
color : var(--fg-main);
|
color: @fg-main;
|
||||||
}
|
border-color: @bg-main;
|
||||||
|
}
|
||||||
|
|
||||||
#content-insert {
|
.dijitTreeRowSelected {
|
||||||
background : var(--bg-main);
|
background : @bg-main;
|
||||||
}
|
border-color : @bg-main transparent;
|
||||||
|
color : @fg-light;
|
||||||
|
}
|
||||||
|
|
||||||
#content-insert_splitter {
|
.dijitTreeRowSelected .dijitTreeLabel {
|
||||||
border-color : var(--border-main);
|
text-shadow : none;
|
||||||
background : var(--bg-panel);
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
#feeds-holder_splitter {
|
#headlines-frame {
|
||||||
border-color : var(--border-main);
|
.hl:not(.active):not(.Selected),
|
||||||
background : var(--bg-main);
|
.cdm:not(.Selected) {
|
||||||
}
|
background: @bg-main;
|
||||||
|
}
|
||||||
|
|
||||||
/* misc */
|
.hl, .cdm {
|
||||||
|
border-color : @border-dark;
|
||||||
|
color : @fg-main;
|
||||||
|
|
||||||
.insensitive {
|
.title {
|
||||||
color : var(--fg-light);
|
color : darken(@fg-main, 30%);
|
||||||
}
|
}
|
||||||
|
|
||||||
hr,
|
.feed a {
|
||||||
h1,
|
color : @fg-light;
|
||||||
h2,
|
}
|
||||||
h3 {
|
|
||||||
border-color : var(--border-dark);
|
|
||||||
}
|
|
||||||
|
|
||||||
code {
|
.content {
|
||||||
color : #c90 ! important;
|
color : @fg-main;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
pre {
|
.cdm .footer {
|
||||||
color : var(--fg-main);
|
border-color : @bg-panel;
|
||||||
background : var(--bg-panel) ! important;
|
color : @fg-main;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* feeds */
|
.hl.Unread .title,
|
||||||
|
.cdm.Unread .title {
|
||||||
|
color : @fg-light;
|
||||||
|
}
|
||||||
|
|
||||||
#feeds-holder {
|
i.material-icons,
|
||||||
#feedTree .dijitTreeRow {
|
.dijitCheckBox {
|
||||||
color : var(--fg-light) ! important;
|
opacity : 0.7;
|
||||||
}
|
}
|
||||||
|
|
||||||
#feedTree.dijitTree .dijitTreeRowHover {
|
.cdm.expandable.active {
|
||||||
background : var(--bg-panel);
|
background : darken(@bg-main, 5%) ! important;
|
||||||
border-color : var(--border-main) transparent;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
#feedTree.dijitTree .dijitTreeRowSelected {
|
}
|
||||||
background : var(--bg-main);
|
|
||||||
border-color : var(--bg-main) transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
#feedTree .dijitTreeRowSelected .dijitTreeLabel {
|
#content-insert {
|
||||||
text-shadow : none;
|
.post {
|
||||||
}
|
.header {
|
||||||
|
background : @bg-panel;
|
||||||
|
border-color: @border-dark;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
#feedTree .counterNode.aux {
|
.insensitive {
|
||||||
background : var(--bg-panel);
|
color : @fg-light;
|
||||||
color : var(--fg-main);
|
}
|
||||||
border-color : var(--bg-main);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
.dijitAccordionInnerContainerSelected .dijitAccordionTitle {
|
||||||
|
color : white;
|
||||||
|
}
|
||||||
|
|
||||||
/* headlines */
|
textarea {
|
||||||
|
color : @fg-light;
|
||||||
|
}
|
||||||
|
|
||||||
#headlines-frame {
|
code {
|
||||||
background : var(--bg-main);
|
color : #c90 ! important;
|
||||||
color : var(--fg-light);
|
}
|
||||||
|
|
||||||
i.material-icons,
|
#headlines-frame blockquote,
|
||||||
.dijitCheckBox {
|
#content-insert blockquote {
|
||||||
opacity : 0.7;
|
color : @fg-main;
|
||||||
}
|
border-color : @color-accent;
|
||||||
|
}
|
||||||
|
|
||||||
.hl {
|
pre {
|
||||||
border-color : var(--border-dark);
|
color : @fg-main;
|
||||||
}
|
background : @bg-panel ! important;
|
||||||
|
}
|
||||||
|
|
||||||
.hl:not(.Selected):not(.active) .title a {
|
ul#filterDlg_Matches, ul#filterDlg_Actions {
|
||||||
color : var(--fg-main);
|
background: @bg-panel;
|
||||||
}
|
border-color : @border-main;
|
||||||
|
}
|
||||||
|
|
||||||
.hl.Unread:not(.Selected):not(.active) .title a {
|
.post .content img,
|
||||||
color : var(--fg-light);
|
.cdm .content-inner img,
|
||||||
}
|
.post .content video,
|
||||||
|
.cdm .content-inner video {
|
||||||
|
transition : opacity 0.5s linear, filter 0.5s 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%);
|
||||||
|
}
|
||||||
|
|
||||||
/* toolbar */
|
.article-note {
|
||||||
|
background : @bg-panel;
|
||||||
|
border-color : #9a8c59;
|
||||||
|
}
|
||||||
|
|
||||||
#toolbar-frame #toolbar {
|
::-webkit-scrollbar {
|
||||||
background : var(--bg-panel);
|
width: 4px;
|
||||||
border-color : var(--border-dark);
|
}
|
||||||
|
|
||||||
.dijitButtonText {
|
::-webkit-scrollbar-thumb {
|
||||||
color : var(--fg-light);
|
background-color: @border-main;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dijitSelect,
|
::-webkit-scrollbar-track {
|
||||||
.dijitDropDownButton .dijitButtonNode,
|
background-color: @bg-panel;
|
||||||
.dijitComboButton .dijitButtonNode,
|
}
|
||||||
.dijitSelect .dijitButtonText {
|
|
||||||
background : var(--bg-panel);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.hl .feed a,
|
|
||||||
.cdm .feed a {
|
|
||||||
color : white;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.post .header {
|
|
||||||
background : var(--bg-panel);
|
|
||||||
border-color : var(--border-main);
|
|
||||||
}
|
|
||||||
|
|
||||||
.post .content,
|
|
||||||
.cdm .content-inner {
|
|
||||||
color : var(--fg-main);
|
|
||||||
}
|
|
||||||
|
|
||||||
.post .content img,
|
|
||||||
.cdm .content-inner img,
|
|
||||||
.post .content video,
|
|
||||||
.cdm .content-inner video {
|
|
||||||
transition : opacity 0.5s linear, filter 0.5s 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%);
|
|
||||||
}
|
|
||||||
|
|
||||||
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