diff options
Diffstat (limited to 'themes/night.css')
-rw-r--r-- | themes/night.css | 1196 |
1 files changed, 552 insertions, 644 deletions
diff --git a/themes/night.css b/themes/night.css index 7dc7bc80f..3321e26f3 100644 --- a/themes/night.css +++ b/themes/night.css @@ -1,4 +1,4 @@ -@import "../lib/flat-ttrss/flat_combined.css"; +@import "../lib/flat-ttrss/flat_combined_dark.css"; body.ttrss_main, body.ttrss_prefs, #main { @@ -10,8 +10,8 @@ body.ttrss_prefs, margin: 0; } body.ttrss_main { - background: white; - color: black; + background: #333333; + color: #cccccc; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; overflow: hidden; @@ -21,38 +21,48 @@ body.ttrss_main :focus { } body.ttrss_main div.post { padding: 0px; + font-size: 13px; } body.ttrss_main div.post div.header { padding: 5px; color: #909090; - border: 0px solid #ddd; + border: 0px solid #222222; border-bottom-width: 1px; - background: #f0f0f0; + background: #222222; } -body.ttrss_main div.post div.header div.date { - text-align: right; - float: right; +body.ttrss_main div.post div.header .left, +body.ttrss_main div.post div.header .right { + display: flex; } -body.ttrss_main div.post div.header div { - padding-bottom: 3px; +body.ttrss_main div.post div.header .row { + display: flex; + margin-bottom: 4px; + flex-wrap: nowrap; } -body.ttrss_main div.post div.header span.author { - color: #555555; - font-size: 11px; - font-weight: normal; +body.ttrss_main div.post div.header .row > * { + align-self: center; } -body.ttrss_main div.post div.title { - overflow: hidden; - font-size: 15px; - text-overflow: ellipsis; +body.ttrss_main div.post div.header .comments { + flex-grow: 2; +} +body.ttrss_main div.post div.header .date { + text-align: right; white-space: nowrap; + align-self: flex-start; +} +body.ttrss_main div.post div.header img, +body.ttrss_main div.post div.header i { + margin: 0px 4px; + vertical-align: middle; +} +body.ttrss_main div.post div.header .title { + flex-grow: 2; + align-self: flex-start; + font-size: 15px; font-weight: 600; text-rendering: optimizelegibility; font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; } -body.ttrss_main div.post div.date { - padding-left: 10px; -} body.ttrss_main div.post div.content { padding: 10px; font-size: 16px; @@ -70,27 +80,27 @@ body.ttrss_main div.post div.content iframe { min-width: 50%; max-width: 98%; } -body.ttrss_main div.post div.postEnclosures { - color: #555555; +body.ttrss_main .inline-player { + display: flex; } -body.ttrss_main div.post img.tagsPic { - width: 16px; - height: 16px; - margin-left: 4px; - vertical-align: middle; +body.ttrss_main .inline-player > * { + align-self: center; } -body.ttrss_main div.post span.author { - font-size: 12px; +body.ttrss_main .inline-player audio { + margin-right: 8px; } -body.ttrss_main div.articleNote { +body.ttrss_main .article-note { background-color: #fff7d5; - padding: 5px; margin: 5px; border: 1px solid #e7d796; color: #9a8c59; + display: flex; } -body.ttrss_main div.articleNote div.noteEdit { - float: right; +body.ttrss_main .article-note > * { + align-self: center; + padding: 5px; +} +body.ttrss_main .article-note.editable { cursor: pointer; } body.ttrss_main h1 { @@ -118,45 +128,42 @@ body.ttrss_main hr { border-bottom-width: 1px; } body.ttrss_main a { - color: #257aa7; + color: #b87d2c; text-decoration: none; } body.ttrss_main a:hover { - color: #133d54; + color: #664518; text-decoration: underline; } body.ttrss_main #notify.visible { - transform: translate(0, -35px); + transform: translate(0, -45px); } body.ttrss_main #notify { - bottom: -35px; + bottom: -45px; right: 0px; - height: 20px; + height: 30px; left: 0px; border-width: 1px 0px 0px 0px; border-style: solid; position: fixed; - font-size: 12px; + font-size: 13px; z-index: 99; - padding: 5px; - box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.1); + display: flex; transition: all 0.5s ease-in-out; } +body.ttrss_main #notify > * { + align-self: center; + padding: 4px; +} body.ttrss_main #notify img { vertical-align: middle; - max-height: 14px; } -body.ttrss_main #notify span.msg { - width: 100%; +body.ttrss_main #notify .msg { + flex-grow: 2; } -body.ttrss_main #notify img.close { +body.ttrss_main #notify .icon-close { cursor: pointer; } -body.ttrss_main #notify span { - display: table-cell; - vertical-align: middle; - padding: 2px; -} body.ttrss_main .notify { border-color: #d7c47a; background-color: #fff7d5; @@ -166,20 +173,29 @@ body.ttrss_main .notify.notify_progress { background-color: #fff7d5; } body.ttrss_main .notify.notify_info { - border-color: #257aa7; - background-color: #d5ebf6; + border-color: #b87d2c; + background-color: #faf3e9; +} +body.ttrss_main .notify.notify_info i.icon-notify { + color: #b87d2c; } body.ttrss_main .notify.notify_error { - background-color: #ffcccc; - border-color: #ff0000; + background-color: #c00; + border-color: #900; + color: white; +} +body.ttrss_main .notify.notify_error i.icon-notify, +body.ttrss_main .notify.notify_error i.icon-close { + color: white; } body.ttrss_main .hl { - border: 0px solid #ddd; + border: 0px solid #222222; border-bottom-width: 1px; transition: color 0.2s, background 0.2s; display: flex; flex-direction: row; flex-wrap: nowrap; + background: #222222; } body.ttrss_main .hl > * { align-self: center; @@ -211,6 +227,12 @@ body.ttrss_main .hl div.title { overflow: hidden; text-overflow: ellipsis; } +body.ttrss_main .hl span.author { + white-space: nowrap; + color: #cccccc; + font-size: 11px; + font-weight: normal; +} body.ttrss_main .hl div.right { text-align: right; } @@ -221,13 +243,13 @@ body.ttrss_main .hl span.feed a { font-size: 11px; font-style: italic; font-weight: normal; - color: #555555; + color: #cccccc; } body.ttrss_main .hl span.feed a:hover { - color: #257aa7; + color: #b87d2c; } body.ttrss_main .hl span.updated { - color: #555555; + color: #cccccc; text-align: right; font-size: 11px; padding-left: 10px; @@ -246,37 +268,32 @@ body.ttrss_main .hl div.title a { font-weight: 600; text-rendering: optimizelegibility; font-family: "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; - color: #777; + color: #555; } body.ttrss_main .hl a.title.high, body.ttrss_main .hl span.hl-content.high .preview { color: #00aa00; } -body.ttrss_main .hl.Unread a.title.high, -body.ttrss_main .hl.Unread span.hl-content.high .preview { - color: #00dd00; +body.ttrss_main .hl.vgrlf .feed { + display: none; } -body.ttrss_main .hl a.title.low, -body.ttrss_main span.hl-content.low .preview, -body.ttrss_main .hl.Unread a.title.low, -body.ttrss_main .hl.Unread span.hl-content.low .preview { - color: #909090; - text-decoration: line-through; +body.ttrss_main .hl.Unread { + background: white; } body.ttrss_main .hl.Unread div.title a { color: black; } body.ttrss_main .hl.active div.title a { - color: #257aa7; + color: #b87d2c; /* text-shadow : 1px 1px 2px #fff; */ } body.ttrss_main .hl.active { - background: #257aa7 ! important; + background: #b87d2c ! important; } body.ttrss_main .hl.active, body.ttrss_main .hl.Selected { color: white; - background: #3f728e; + background: #9c7948; } body.ttrss_main .hl.active a, body.ttrss_main .hl.Selected a, @@ -291,19 +308,11 @@ body.ttrss_main .hl.Selected span { body.ttrss_main .hl.Grayed { color: #909090; } -body.ttrss_main div.filterTestHolder { - height: 300px; - overflow: auto; - border-color: #ddd; - border-style: solid; - margin: 0px 0px 5px 0px; - border-width: 1px; -} body.ttrss_main #content-insert blockquote, body.ttrss_main #headlines-frame blockquote, body.ttrss_main .dijitContentPane blockquote { margin: 5px 0px 5px 0px; - color: #555555; + color: #cccccc; padding-left: 10px; border: 0px solid #ccc; border-left-width: 4px; @@ -319,11 +328,11 @@ body.ttrss_main #headlines-frame pre, body.ttrss_main .dijitContentPane pre { margin: 5px 0px 5px 0px; padding: 10px; - color: #555555; + color: #cccccc; font-family: monospace; font-size: 12px; border: 0px solid #ccc; - background: #f5f5f5; + background: #222222; display: block; max-width: 98%; overflow: auto; @@ -331,7 +340,7 @@ body.ttrss_main .dijitContentPane pre { body.ttrss_main .alert { padding: 8px 35px 8px 14px; margin-bottom: 10px; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + /* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); */ background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px; @@ -376,17 +385,12 @@ body.ttrss_main .alert-info { body.ttrss_main .alert-info h4 { color: #3a87ad; } -body.ttrss_main ul.nomarks { - list-style-type: none; - margin: 0px; - padding: 10px; -} body.ttrss_main div.prefHelp { - color: #555555; + color: #cccccc; padding: 5px; } body.ttrss_main .insensitive { - color: #555555; + color: #cccccc; } body.ttrss_main .small { font-size: 11px; @@ -399,12 +403,12 @@ body.ttrss_main span.preview { } body.ttrss_main .hl.Selected .hlLabelRef, body.ttrss_main .hl.active .hlLabelRef { - color: #063064; + color: #cccccc; } body.ttrss_main span.hlLabelRef { background-color: #fff7d5; font-size: 8px; - color: #063064; + color: #cccccc; font-weight: normal; margin-left: 2px; padding: 1px 4px 1px 4px; @@ -418,35 +422,17 @@ body.ttrss_main i.pub-pic { cursor: pointer; color: #ccc; } -body.ttrss_main div.tagCloudContainer { - background: white; - border: 1px solid #ddd; - margin: 5px 0px 5px 0px; - padding: 5px; - text-align: center; -} body.ttrss_main div.errorExplained { - border: 1px solid #ddd; + border: 1px solid #222222; margin: 5px 0px 5px 0px; padding: 5px; } -body.ttrss_main ul.feedErrorsList { - max-height: 300px; - overflow: auto; - list-style-type: none; - border: 1px solid #ddd; - margin: 0px 0px 5px 0px; - padding: 5px; -} -body.ttrss_main ul.feedErrorsList em { - color: #555555; -} body.ttrss_main ul.browseFeedList { height: 300px; width: 100%; overflow: auto; border-width: 0px 1px 1px 1px; - border-color: #ddd; + border-color: #222222; border-style: solid; margin: 0px 0px 5px 0px; background-color: white; @@ -476,7 +462,7 @@ body.ttrss_main .noborder { border-width: 0px; } body.ttrss_main #overlay { - background: white; + background: #333333; left: 0; top: 0; height: 100%; @@ -488,10 +474,6 @@ body.ttrss_main #overlay_inner { font-weight: bold; margin: 1em; } -body.ttrss_main form { - margin: 0px; - padding: 0px; -} body.ttrss_main div.loadingPrompt { padding: 1em; text-align: center; @@ -502,14 +484,14 @@ body.ttrss_main div.whiteBox { text-align: center; padding: 1em 1em 0px 1em; font-size: 11px; - border: 0px solid #ddd; + border: 0px solid #222222; border-bottom-width: 1px; } body.ttrss_main div.autocomplete { position: absolute; width: 250px; - background-color: white; - border: 1px solid #778899; + background-color: #333333; + border: 1px solid #222222; margin: 0px; padding: 0px; } @@ -519,7 +501,7 @@ body.ttrss_main div.autocomplete ul { padding: 0px; } body.ttrss_main div.autocomplete ul li.selected { - background-color: #fff7d5; + background-color: #1a1a1a; } body.ttrss_main div.autocomplete ul li { list-style-type: none; @@ -574,27 +556,18 @@ body.ttrss_main .dijitDialog .dlgButtons { text-align: right; clear: both; } -body.ttrss_main span.labelColorIndicator { - height: 16px; - width: 16px; - border-radius: 4px; - line-height: 14px; - vertical-align: middle; - font-size: 9px; - display: inline-block; - background-color: #fff7d5; - color: #063064; - text-align: center; +body.ttrss_main i.icon-label { + color: #fff7d5; } body.ttrss_main div#cmdline { position: absolute; left: 5px; bottom: 5px; font-size: 11px; - color: #555555; + color: #cccccc; font-weight: bold; - background-color: white; - border: 1px solid #257aa7; + background-color: #333333; + border: 1px solid #b87d2c; padding: 3px 5px 3px 5px; z-index: 5; } @@ -620,9 +593,9 @@ body.ttrss_main #content-wrap { } body.ttrss_main #feeds-holder { padding: 0px; - border: 0px solid #ddd; + border: 0px solid #222222; overflow: hidden; - background: #f5f5f5; + background: #222222; box-shadow: inset -1px 0px 2px -1px rgba(0, 0, 0, 0.1); -webkit-overflow-scrolling: touch; } @@ -633,18 +606,18 @@ body.ttrss_main #feeds-holder #feedTree { font-family: "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; } body.ttrss_main #feeds-holder #feedTree .counterNode.aux { - background: #f0f0f0; - color: #999; - border-color: #f0f0f0; + background: #222222; + color: #e6e6e6; + border-color: #080808; } body.ttrss_main #feeds-holder #feedTree .counterNode { font-weight: bold; display: inline-block; font-size: 9px; text-align: center; - border: 1px solid #2a89bc; + border: 1px solid #cd8b31; color: white; - background: #2a89bc; + background: #cd8b31; border-radius: 4px; vertical-align: middle; float: right; @@ -667,16 +640,14 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeRow .dijitTreeLabel.Unread { body.ttrss_main #feeds-holder #feedTree .dijitTreeRow.Error .dijitTreeLabel { color: red; } -body.ttrss_main #feeds-holder #feedTree .dijitTreeRow.UpdatesDisabled .dijitTreeLabel { - color: #909090; -} body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow { border: 1px solid transparent; } body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRowSelected { box-shadow: -1px 0px 2px -1px rgba(0, 0, 0, 0.1); - border-color: #ddd transparent; - background: white; + border-color: #222222 transparent; + background: #333333; + color: #333; } body.ttrss_main #feeds-holder #feedTree .icon { position: relative; @@ -700,13 +671,13 @@ body.ttrss_main #feeds-holder #feedTree i.icon.icon-star { body.ttrss_main #feeds-holder #feedTree i.icon.icon-rss_feed { color: #ff7c4b; } -body.ttrss_main #feeds-holder #feedTree i.icon.icon-new_releases { +body.ttrss_main #feeds-holder #feedTree i.icon.icon-whatshot { color: #69c671; } -body.ttrss_main #feeds-holder #feedTree i.icon.icon-cached { +body.ttrss_main #feeds-holder #feedTree i.icon.icon-restore { font-weight: bold; left: -3px; - color: #257aa7; + color: #b87d2c; } body.ttrss_main #headlines-wrap-inner { padding: 0px; @@ -715,26 +686,26 @@ body.ttrss_main #headlines-wrap-inner { } body.ttrss_main #headlines-frame { padding: 0px; - border: 0px #ddd; + border: 0px #222222; margin-top: 0px; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } body.ttrss_main #headlines-frame div.feed-title { - border: 0px solid #257aa7; + border: 0px solid #b87d2c; border-bottom-width: 1px; - padding: 5px 3px 5px 5px; + padding: 5px 8px; } body.ttrss_main #headlines-frame div.feed-title a.title { - color: #555555; + color: #cccccc; font-weight: bold; } body.ttrss_main #headlines-frame div.feed-title a { - color: #555555; + color: #cccccc; } body.ttrss_main #headlines-frame div.feed-title a:hover { - color: #257aa7; + color: #b87d2c; } body.ttrss_main #toolbar-frame_splitter { display: none; @@ -748,13 +719,14 @@ body.ttrss_main #toolbar-frame { } body.ttrss_main #toolbar-frame #toolbar { background: white; - border: 0px solid #ddd; + border: 0px solid #222222; border-bottom-width: 1px; + padding-left: 4px; height: 32px; display: flex; flex-direction: row; flex-wrap: nowrap; - color: #555555; + color: #cccccc; font-size: 12px; } body.ttrss_main #toolbar-frame #toolbar > * { @@ -765,6 +737,10 @@ body.ttrss_main #toolbar-frame #toolbar .dijitDropDownButton .dijitButtonNode, body.ttrss_main #toolbar-frame #toolbar .dijitComboButton .dijitButtonNode { border: 0px; } +body.ttrss_main #toolbar-frame #toolbar .net-alert i, +body.ttrss_main #toolbar-frame #toolbar .left i.icon-error { + color: red; +} body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines { padding-right: 4px; flex-grow: 2; @@ -787,10 +763,15 @@ body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .right { body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .right > * { align-self: center; } +body.ttrss_main #toolbar-frame #toolbar #updates-available { + color: #69c671; + padding-right: 4px; +} body.ttrss_main #toolbar-frame #toolbar #selected_prompt { font-style: italic; text-align: right; margin-right: 4px; + color: #b87d2c; } @media (max-width: 992px) { body.ttrss_main #toolbar-frame #toolbar #selected_prompt { @@ -800,7 +781,7 @@ body.ttrss_main #toolbar-frame #toolbar #selected_prompt { body.ttrss_main #header { border-width: 0px; text-align: right; - color: #555555; + color: #cccccc; padding: 5px 5px 0px 0px; margin: 0px; position: absolute; @@ -810,7 +791,7 @@ body.ttrss_main #header { } body.ttrss_main #content-insert { padding: 0px; - border-color: #ddd; + border-color: #222222; border-width: 0px; line-height: 1.5; overflow: auto; @@ -826,40 +807,42 @@ body.ttrss_main img.icon { } body.ttrss_main .player { display: inline-block; - color: #555555; + color: #cccccc; font-size: 11px; font-family: sans-serif; - border: 1px solid #555555; + border: 1px solid #cccccc; padding: 0px 4px 0px 4px; margin: 0px 2px 0px 2px; width: 50px; text-align: center; - background: white; + background: #333333; } body.ttrss_main .player.playing { color: #00c000; border-color: #00c000; } body.ttrss_main .player:hover { - background: #f0f0f0; + background: #222222; cursor: pointer; } -body.ttrss_main #headlines-spacer { +body.ttrss_main #headlines-frame.auto_catchup #headlines-spacer { height: 100%; +} +body.ttrss_main #headlines-spacer { margin-left: 1px; text-align: center; - color: #555555; + color: #cccccc; font-size: 11px; font-style: italic; } body.ttrss_main #headlines-spacer a, body.ttrss_main #headlines-spacer span { - color: #555555; + color: #cccccc; padding: 10px; display: block; } body.ttrss_main #headlines-spacer a:hover { - color: #257aa7; + color: #b87d2c; } body.ttrss_main ul#filterDlg_Matches, body.ttrss_main ul#filterDlg_Actions { @@ -867,9 +850,9 @@ body.ttrss_main ul#filterDlg_Actions { overflow: auto; list-style-type: none; border-style: solid; - border-color: #ddd; + border-color: #222222; border-width: 1px 1px 1px 1px; - background-color: white; + background-color: #333333; margin: 0px 0px 5px 0px; padding: 4px; min-height: 16px; @@ -886,14 +869,14 @@ body.ttrss_main ul.helpKbList { max-height: 300px; overflow: auto; list-style-type: none; - border: 1px solid #ddd; + border: 1px solid #222222; margin: 0px 0px 5px 0px; padding: 5px; } body.ttrss_main ul.helpKbList span.hksequence { width: 6em; margin-left: 20px; - color: #257aa7; + color: #b87d2c; font-weight: bold; display: inline-block; } @@ -947,7 +930,7 @@ body.ttrss_login label { color: gray; } body.ttrss_login div.header { - border: 0px solid #257aa7; + border: 0px solid #b87d2c; border-bottom-width: 1px; margin-bottom: 1em; padding-bottom: 5px; @@ -955,7 +938,7 @@ body.ttrss_login div.header { body.ttrss_login div.footer { margin-top: 1em; padding-top: 5px; - border: 0px solid #257aa7; + border: 0px solid #b87d2c; border-top-width: 1px; text-align: center; color: gray; @@ -967,19 +950,19 @@ body.ttrss_login a.forgotpass { display: inline-block; } body.ttrss_login a { - color: #257aa7; + color: #b87d2c; text-decoration: none; } body.ttrss_login a:hover, body.ttrss_login a:focus { - color: #257aa7; + color: #b87d2c; text-decoration: underline; } body.ttrss_login div.footer a { color: gray; } body.ttrss_login div.footer a:hover { - color: #257aa7; + color: #b87d2c; } body.ttrss_login div.row { padding: 0px 0px 5px 0px; @@ -1001,27 +984,74 @@ body.ttrss_main i.icon-syndicate { border: 1px solid #ff7c4b; border-radius: 4px; } +body.ttrss_main i.icon-no-feed { + opacity: 0.2; +} +body.ttrss_main .dijitTreeRow.UpdatesDisabled .dijitTreeLabel { + opacity: 0.5; +} +body.ttrss_main #floatingTitle.marked i.marked-pic, body.ttrss_main .cdm.marked .left i.marked-pic, body.ttrss_main .hl.marked .left i.marked-pic { color: #ffc069; } +body.ttrss_main #floatingTitle.published i.pub-pic, body.ttrss_main .cdm.published .left i.pub-pic, body.ttrss_main .hl.published .left i.pub-pic { color: #ff7c4b; } +body.ttrss_main .score-high i.icon-score { + color: #69c671; +} +body.ttrss_main .score-low i.icon-score { + color: #500; +} +body.ttrss_main .score-neutral i.icon-score { + opacity: 0.5; +} +body.ttrss_main i.icon-score { + cursor: pointer; +} +body.ttrss_main .panel { + border: 1px solid #222222; + background: #222222; + padding: 4px; +} +body.ttrss_main .dijitDialog .panel { + background: #333333; +} +body.ttrss_main .panel-scrollable { + overflow: auto; + height: 200px; +} +body.ttrss_main ul.list li { + padding: 2px; +} +body.ttrss_main ul.list { + padding: 4px; +} +body.ttrss_main ul.list-unstyled { + list-style-type: none; +} +body.ttrss_main .text-center { + text-align: center; +} ::selection { - background: #257aa7; - color: white; + background: #b87d2c; + color: #333333; } ::-webkit-scrollbar { width: 4px; } ::-webkit-scrollbar-thumb { - background-color: #257aa7; + background-color: #b87d2c; } ::-webkit-scrollbar-track { background-color: #eee; } +video::-webkit-media-controls-overlay-play-button { + display: none; +} .cdm .header, .cdm .footer { display: flex; @@ -1029,7 +1059,8 @@ body.ttrss_main .hl.published .left i.pub-pic { flex-wrap: nowrap; } .cdm .header img, -.cdm .footer img { +.cdm .footer img, +.cdm .footer i { margin: 0px 4px; vertical-align: middle; } @@ -1058,7 +1089,7 @@ body.ttrss_main .hl.published .left i.pub-pic { flex-grow: 2; } .cdm .header span.updated { - color: #555555; + color: #cccccc; font-weight: normal; font-size: 11px; white-space: nowrap; @@ -1070,7 +1101,7 @@ body.ttrss_main .hl.published .left i.pub-pic { height: 30px; padding-left: 5px; font-weight: normal; - color: #555555; + color: #cccccc; clear: both; } .cdm .footer > * { @@ -1080,7 +1111,8 @@ body.ttrss_main .hl.published .left i.pub-pic { flex-grow: 2; } .cdm .intermediate { - margin: 10px; + margin-top: 10px; + margin-left: 10px; } .cdm .content-inner { margin: 10px; @@ -1107,7 +1139,7 @@ body.ttrss_main .hl.published .left i.pub-pic { white-space: normal; } .cdm.expanded .footer { - border: 0px solid #ddd; + border: 0px solid #222222; border-bottom-width: 1px; } .cdm.expanded > hr { @@ -1129,13 +1161,13 @@ div.cdm.expanded.active { background: white; } div.cdm.expanded.active div.header a.title { - color: #257aa7; + color: #b87d2c; } div.cdm.expanded.Unread div.header a.title { color: black; } div.cdm.expanded div.content { - color: #555555; + color: #cccccc; } div.cdm.expanded.Unread div.content { color: black; @@ -1143,24 +1175,23 @@ div.cdm.expanded.Unread div.content { div.cdm.active div.content { color: black; } -.cdm div.content div.postEnclosures { - margin-top: 1em; - color: #555555; +div.cdm.vgrlf .feed { + display: none; } .cdm div.feed-title { - border: 0px solid #257aa7; + border: 0px solid #b87d2c; border-bottom-width: 1px; padding: 5px 3px 5px 5px; } .cdm div.feed-title a.title { - color: #555555; + color: #cccccc; font-weight: bold; } .cdm div.feed-title a { - color: #555555; + color: #cccccc; } .cdm div.feed-title a:hover { - color: #257aa7; + color: #b87d2c; } .cdm div.header span.feed { float: right; @@ -1170,7 +1201,7 @@ div.cdm.active div.content { .cdm div.header div.feed, .cdm div.header div.feed a { vertical-align: middle; - color: #555555; + color: #cccccc; font-weight: normal; font-style: italic; font-size: 11px; @@ -1187,7 +1218,7 @@ div.cdm.active div.content { } .cdm div.header span.author { white-space: nowrap; - color: #555555; + color: #cccccc; font-size: 11px; font-weight: normal; } @@ -1202,10 +1233,10 @@ div#floatingTitle { top: 0px; right: 0px; left: 0px; - border: 0px solid #ddd; + border: 0px solid #222222; border-bottom-width: 1px; background: white; - color: #555555; + color: #cccccc; display: flex; flex-direction: row; flex-wrap: nowrap; @@ -1227,18 +1258,20 @@ div#floatingTitle .right > * { div#floatingTitle .left i.material-icons, div#floatingTitle .right i.material-icons { margin-left: 2px; - font-size: 20px; + font-size: 21px; padding: 2px; user-select: none; } -div#floatingTitle .left i.anchor, -div#floatingTitle .right i.anchor { +div#floatingTitle .left i.icon-anchor, +div#floatingTitle .right i.icon-anchor { margin-left: 0px; + margin-right: 1px; padding: 0px; color: #ccc; + cursor: pointer; } div#floatingTitle span.author { - color: #555555; + color: #cccccc; font-size: 11px; font-weight: normal; } @@ -1250,12 +1283,9 @@ div#floatingTitle a.title { text-rendering: optimizelegibility; font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; } -div#floatingTitle img.anchor { - margin-left: 0px; -} div#floatingTitle div.feed { padding-right: 10px; - color: #555555; + color: #cccccc; font-weight: normal; font-style: italic; font-size: 11px; @@ -1269,11 +1299,11 @@ div#floatingTitle div.feed a { div#floatingTitle span.updated { padding-right: 10px; white-space: nowrap; - color: #555555; + color: #cccccc; font-size: 11px; } div#floatingTitle div.feed a { - color: #555555; + color: #cccccc; } div#floatingTitle .collapse, div#floatingTitle .excerpt { @@ -1283,9 +1313,6 @@ div#floatingTitle span.titleWrap { width: 100%; white-space: normal; } -div#floatingTitle img.score-pic { - display: none; -} div#floatingTitle .feed-title > * { display: table-cell; vertical-align: middle; @@ -1295,38 +1322,20 @@ div#floatingTitle .feed-title a.title { } div#floatingTitle .feed-title a.catchup { text-align: right; - color: #555555; + color: #cccccc; padding-right: 10px; font-size: 11px; white-space: nowrap; } div#floatingTitle .feed-title a.catchup:hover { - color: #257aa7; + color: #b87d2c; } div#floatingTitle.Unread a.title { color: black; } -.cdm.high .header a.title.high, -.cdm.high .header .excerpt, -.cdm.high .header span.author { - color: #00aa00; -} -.cdm.Unread.high .header a.title.high, -.cdm.Unread.high .header .excerpt, -.cdm.Unread.high .header span.author { - color: #00dd00; -} -.cdm .header a.title.low, -.cdm.low .header .excerpt, -.cdm.Unread .header a.title.low, -.cdm.Unread.low .header .excerpt, -.cdm.low .header span.author { - color: #909090; - text-decoration: line-through; -} .cdm.expandable { - background-color: #f0f0f0; - border: 0px solid #ddd; + background-color: #222222; + border: 0px solid #222222; border-bottom-width: 1px; } .cdm.expandable > hr { @@ -1348,7 +1357,7 @@ div#floatingTitle.Unread a.title { background: white; } .cdm.expandable.Selected:not(.active) { - background: #3f728e; + background: #9c7948; } .cdm.expandable.Selected:not(.active) a, .cdm.expandable.Selected:not(.active) .header a.title, @@ -1363,7 +1372,7 @@ div.cdm.expandable.active div.header span.titleWrap { } div.cdm.expandable div.header a.title { font-weight: 600; - color: #555555; + color: #cccccc; font-size: 14px; transition: color 0.2s, background 0.2s; text-rendering: optimizelegibility; @@ -1372,11 +1381,15 @@ div.cdm.expandable div.header a.title { div.cdm.expandable.Unread div.header a.title { color: black; } +div.cdm.expandable.active .collapse i { + color: #b87d2c; + cursor: pointer; +} div.cdm.expandable.active .excerpt { display: none; } div.cdm.expandable.active div.header a.title { - color: #257aa7; + color: #b87d2c; font-size: 16px; font-weight: 600; text-rendering: optimizelegibility; @@ -1390,29 +1403,9 @@ div.cdm.expandable:not(.active) .collapse { display: none; } body.ttrss_prefs { - background-color: #f5f5f5; + background-color: #222222; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; - /* div#pref-tabs .dijitContentPane { - font-size : 14px; - } */ - /* div#pref-tabs { - box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1); - margin : 0px 5px 0px 5px; - } */ - /* div#pref-tabs .dijitContentPane { - h1:first-of-type, - h2:first-of-type, - h3:first-of-type, - h4:first-of-type { - margin-top: 0px; - } - } */ - /* preferences */ - /* table.prefPrefsList h3 { - margin-top : 0.5em; - margin-bottom : 0px; - } */ } body.ttrss_prefs #footer, body.ttrss_prefs #header { @@ -1426,14 +1419,11 @@ body.ttrss_prefs #footer_splitter { display: none; } body.ttrss_prefs #footer { - background-color: #f5f5f5; + background-color: #222222; font-size: 13px; border: 0px; text-align: center; } -body.ttrss_prefs #header a:hover { - color: black; -} body.ttrss_prefs #header img { vertical-align: middle; cursor: pointer; @@ -1443,62 +1433,30 @@ body.ttrss_prefs .dijitTree#labelTree .dijitTreeIcon, body.ttrss_prefs .dijitTree#filterTree .dijitTreeIcon { display: none; } -body.ttrss_prefs #pref-filter-wrap, -body.ttrss_prefs #pref-filter-header, -body.ttrss_prefs #pref-filter-content, -body.ttrss_prefs #pref-label-wrap, -body.ttrss_prefs #pref-label-header, -body.ttrss_prefs #pref-label-content, -body.ttrss_prefs #pref-user-wrap, -body.ttrss_prefs #pref-user-header, -body.ttrss_prefs #pref-user-content, -body.ttrss_prefs #pref-instance-wrap, -body.ttrss_prefs #pref-instance-header, -body.ttrss_prefs #pref-instance-content { - margin: 0px; - padding: 0px; - border-width: 0px; +body.ttrss_prefs .dijitAccordionTitle i.material-icons { + top: -1px; + position: relative; } -body.ttrss_prefs #userConfigTab, -body.ttrss_prefs #labelConfigTab, -body.ttrss_prefs #filterConfigTab, -body.ttrss_prefs #pref-feeds-feeds, -body.ttrss_prefs #instanceConfigTab { +body.ttrss_prefs .dijitAccordionTitleSelected i.material-icons { + color: white; +} +body.ttrss_prefs .dijitDialog #pref-profiles-list .dijitInlineEditBoxDisplayMode { padding: 0px; } body.ttrss_prefs tr.title td { border: 0px solid #ecf4ff; border-bottom-width: 1px; - color: #257aa7; + color: #b87d2c; } -body.ttrss_prefs div.prefProfileHolder, -body.ttrss_prefs div.prefFeedOPMLHolder, -body.ttrss_prefs div.inactiveFeedHolder { - height: 300px; - overflow: auto; - border: 1px solid #ddd; - margin: 0px 0px 5px 0px; - background-color: white; - padding: 4px; -} -body.ttrss_prefs div.filterTestHolder, -body.ttrss_prefs div.prefFeedOPMLHolder { - border-width: 1px; -} -body.ttrss_prefs ul.userFeedList { - height: 200px; - overflow: auto; - list-style-type: none; - border: 1px solid #ddd; - margin: 0px 0px 5px 0px; - padding: 5px; +body.ttrss_prefs .prefPrefsList td { + padding-bottom: 4px; } body.ttrss_prefs div#feedlistLoading, body.ttrss_prefs div#filterlistLoading, body.ttrss_prefs div#labellistLoading { text-align: center; padding: 5px; - color: #555555; + color: #cccccc; } body.ttrss_prefs div#feedlistLoading img, body.ttrss_prefs div#filterlistLoading img, @@ -1516,7 +1474,7 @@ body.ttrss_prefs table.prefPluginsList label { white-space: nowrap; } body.ttrss_prefs table.prefPluginsList i.plugin-enabled { - color: #69C671; + color: #69c671; } body.ttrss_prefs table.prefPluginsList label img { vertical-align: middle; @@ -1532,110 +1490,18 @@ body.ttrss_prefs table.prefErrorLog tr.errrow td.errno { body.ttrss_prefs table.prefErrorLog td.filename, body.ttrss_prefs table.prefErrorLog td.login, body.ttrss_prefs table.prefErrorLog td.timestamp { - color: #555555; + color: #cccccc; } body.ttrss_prefs hr { border-color: #ecf4ff; 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 .dijitTreeRowSelected { - background: 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 .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 { background: #900; } body.ttrss_utility { - background: #f5f5f5; - color: black; + background: #222222; + color: #cccccc; padding: 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; @@ -1673,12 +1539,12 @@ body.ttrss_utility .floatingLogo { display: none; } body.ttrss_utility a { - color: #257aa7; + color: #b87d2c; text-decoration: none; } body.ttrss_utility a:hover, body.ttrss_utility a:focus { - color: #133d54; + color: #664518; text-decoration: underline; } body.ttrss_utility .alert { @@ -1732,13 +1598,13 @@ body.ttrss_utility .alert-info h4 { color: #3a87ad; } body.ttrss_utility h1 { - color: #257aa7; + color: #b87d2c; font-size: 32px; margin: 20px 0px 5px 0px; text-shadow: 0 0 6px #fff; } body.ttrss_utility h2 { - color: #257aa7; + color: #b87d2c; font-size: 14pt; border-width: 0px 0px 1px 0px; border-color: #f0f0f0; @@ -1851,19 +1717,14 @@ body.small_margins { max-width: none; } body#sharepopup { - background: #ffffff url("../images/toolbar.png") repeat-x bottom; + color: #cccccc; + background: #333333; margin: 10px; - padding: 0px; } body#sharepopup h1 { font-size: 14px; margin: 0px; - color: #257aa7; -} -body#sharepopup table { - background: white; - border: 1px solid #257aa7; - padding: 5px; + color: #b87d2c; } body#sharepopup form { height: 100%; @@ -1871,93 +1732,112 @@ body#sharepopup form { body#sharepopup input { width: 100%; } -body.ttrss_zoom { - margin-left: auto; - margin-right: auto; - padding: 20px; - max-width: 800px; - background: #f5f5f5; +.flat li { + padding: 2px; } -body.ttrss_zoom div.post { - border: 1px solid #ddd; - background: white; - box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1); +.flat .filterRules span { + display: block; + color: green; } -body.ttrss_zoom div.post div.header { - margin: 10px; - padding-bottom: 10px; - border: 0px solid #eee; - border-bottom-width: 1px; - background: white; - font-size: 12px; - color: #555; +.flat #filterDlg_Matches span.filterRule { + color: green; } -body.ttrss_zoom div.post div.header .author { - font-size: 11px; +.flat .filterRules span.inverse, +.flat #filterDlg_Matches span.filterRule.inverse { + color: red; } -body.ttrss_zoom div.post div.header div.feed-title { - float: left; - text-align: right; +.flat .dijitToolbar { + font-size: 13px; + padding: 0px; } -body.ttrss_zoom div.post div.header a.comments { - text-align: right; +.flat .dijitAccordionContainer { + box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); } -body.ttrss_zoom div.post div.header div.date { - float: none; - text-align: right; - margin-bottom: 5px; +.flat .dijitCheckBox.dijitCheckBoxChecked { + background-color: #69c671; + border-color: #45b74f; } -body.ttrss_zoom div.post div.header div.tags img { - vertical-align: middle; +.flat .dijitMenu .dijitMenuItem .dijitMenuItemLabel { + padding: 4px 8px; + font-size: 13px; } -body.ttrss_zoom div.post div.header div.title { - white-space: normal; - font-size: 16px; - margin-bottom: 5px; +.flat .dijitMenu .dijitMenuItem.dijitDisabled:not(.dijitMenuItemSelected) .dijitMenuItemLabel { + color: #d29745; } -body.ttrss_zoom div.post p { - -webkit-hyphens: auto; - -moz-hyphens: auto; - hyphens: auto; +.flat .dijitMenu .dijitMenuItem td { + padding: 0px; } -body.ttrss_zoom div.post div.footer { - margin-top: 1em; - text-align: center; +.flat .dijitCheckBox { + margin: 1px; } -body.ttrss_zoom div.post div.content { - font-size: 15px; - line-height: 1.5; - padding: 10px; - border-width: 0px; +.flat .dijitCheckBox:before { + font-family: "flat-icon"; + content: "\f00c"; + color: white; } -body.ttrss_zoom div.post div.content img, -body.ttrss_zoom div.post div.content video { - max-width: 760px; - height: auto; +.flat .dijitTab i.material-icons, +.flat .dijitAccordionInnerContainer:not(.dijitSelected) i.material-icons { + color: #b87d2c; } -body.ttrss_zoom div.post div.content blockquote { - margin: 5px 0px 5px 0px; - color: #555555; - padding-left: 10px; - border: 0px solid #ccc; - border-left-width: 4px; +.flat .dijitTree .dijitFolderClosed, +.flat .dijitTree .dijitFolderOpened { + display: none; } -body.ttrss_zoom div.post div.content code { - color: #009900; - font-family: monospace; - font-size: 12px; +.flat .dijitTree .dijitTreeRowSelected .filterRules span { + color: white; } -body.ttrss_zoom div.post div.content pre { - margin: 5px 0px 5px 0px; - padding: 10px; - color: #555555; - font-family: monospace; - font-size: 12px; - border: 0px solid #ccc; - background: #f5f5f5; +.flat .dijitTree .dijitTreeRowSelected .dijitTreeExpando { + color: #b87d2c; +} +.flat .dijitTree .dijitTreeNode .dijitTreeRow.dijitTreeRowSelected { + color: white; +} +.flat .dijitTree .dijitTreeRow .dijitTreeExpando { + position: relative; + top: -2px; +} +.flat .dijitTree .labelParam { + float: right; + margin-right: 16px; +} +.flat .dijitTree .dijitTreeRow.filterDisabled { + opacity: 0.5; +} +.flat .dijitTree .dijitTreeRow.filterDisabled .filterRules { + filter: saturate(0%); +} +.flat .dijitTree .feedParam { + float: right; +} +.flat .dijitTree .filterRules { display: block; - max-width: 98%; - overflow: auto; + 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; +} +.flat label.dijitButton { + border: 1px solid #ccc; + padding: 6px; + border-radius: 4px; + cursor: pointer; + position: relative; + top: 1px; +} +.flat label.dijitButton:hover { + background-color: #222222; +} +.flat .dijitTree .dijitTreeNode .dijitTreeRow { + padding: 4px 0px 4px; + border-width: 1px; + color: #cccccc; } @font-face { font-family: 'Material Icons'; @@ -1992,207 +1872,235 @@ body.ttrss_zoom div.post div.content pre { /* Support for IE. */ font-feature-settings: 'liga'; } -: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 { - /* misc */ - /* feeds */ - /* headlines */ - /* other dijits */ -} -body.flat.ttrss_main.ttrss_index #feeds-holder { - background: var(--bg-panel); - box-shadow: inset -1px 0px 2px -1px var(--border-main); -} -body.flat.ttrss_main.ttrss_index #headlines-frame, -body.flat.ttrss_main.ttrss_index div.whiteBox { - border-color: var(--border-main); -} -body.flat.ttrss_main.ttrss_index #main, -body.flat.ttrss_main.ttrss_index #overlay { - background: var(--bg-main); - color: var(--fg-main); -} -body.flat.ttrss_main.ttrss_index #content-insert { - background: var(--bg-main); -} -body.flat.ttrss_main.ttrss_index #content-insert_splitter { - border-color: var(--border-main); - background: var(--bg-panel); -} -body.flat.ttrss_main.ttrss_index #feeds-holder_splitter { - border-color: var(--border-main); - background: var(--bg-main); -} -body.flat.ttrss_main.ttrss_index .insensitive { - color: var(--fg-light); -} -body.flat.ttrss_main.ttrss_index hr, -body.flat.ttrss_main.ttrss_index h1, -body.flat.ttrss_main.ttrss_index h2, -body.flat.ttrss_main.ttrss_index h3 { - border-color: var(--border-dark); -} -body.flat.ttrss_main.ttrss_index code { - color: #c90 ! important; +body.flat.ttrss_main.ttrss_prefs #main, +body.flat.ttrss_main.ttrss_prefs #footer { + background: #222222; +} +body.flat.ttrss_main.ttrss_prefs #footer a { + color: #fff; +} +body.flat.ttrss_main.ttrss_prefs td.filename, +body.flat.ttrss_main.ttrss_prefs div.prefHelp { + color: #999999; +} +body.flat.ttrss_main { + /* + .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%); + } */ } -body.flat.ttrss_main.ttrss_index pre { - color: var(--fg-main); - background: var(--bg-panel) ! important; +body.flat.ttrss_main img[src*='indicator_white.gif'] { + filter: invert(1); } -body.flat.ttrss_main.ttrss_index #feeds-holder #feedTree .dijitTreeRow { - color: var(--fg-light) ! important; +body.flat.ttrss_main a:hover { + color: #dcae6e; } -body.flat.ttrss_main.ttrss_index #feeds-holder #feedTree.dijitTree .dijitTreeRowHover { - background: var(--bg-panel); - border-color: var(--border-main) transparent; +body.flat.ttrss_main #main, +body.flat.ttrss_main #overlay { + color: #cccccc; + background: #333333; } -body.flat.ttrss_main.ttrss_index #feeds-holder #feedTree.dijitTree .dijitTreeRowSelected { - background: var(--bg-main); - border-color: var(--bg-main) transparent; +body.flat.ttrss_main #toolbar-frame #toolbar { + background: #222222; + color: #e6e6e6; } -body.flat.ttrss_main.ttrss_index #feeds-holder #feedTree .dijitTreeRowSelected .dijitTreeLabel { - text-shadow: none; +body.flat.ttrss_main #feeds-holder { + background: #222222; + box-shadow: inset -1px 0px 2px -1px #666666; } -body.flat.ttrss_main.ttrss_index #feeds-holder #feedTree .counterNode.aux { - background: var(--bg-panel); - color: var(--fg-main); - border-color: var(--bg-main); +body.flat.ttrss_main #feeds-holder #feedTree .counterNode.aux { + background: #222222; + color: #cccccc; + border-color: #333333; } -body.flat.ttrss_main.ttrss_index #headlines-frame { - background: var(--bg-main); - color: var(--fg-light); +body.flat.ttrss_main #feeds-holder #feedTree .dijitTreeRowSelected { + background: #333333; + border-color: #333333 transparent; + color: #e6e6e6; } -body.flat.ttrss_main.ttrss_index #main-toolbar { - background: var(--bg-panel); - border-color: var(--border-dark); +body.flat.ttrss_main #feeds-holder #feedTree .dijitTreeRowSelected .dijitTreeLabel { + text-shadow: none; } -body.flat.ttrss_main.ttrss_index #main-toolbar .dijitButtonText { - color: var(--fg-light); +body.flat.ttrss_main #floatingTitle { + background-color: #333333; } -body.flat.ttrss_main.ttrss_index #main-toolbar .dijitSelect, -body.flat.ttrss_main.ttrss_index #main-toolbar .dijitSelect .dijitButtonText { - background: var(--bg-panel); +body.flat.ttrss_main #floatingTitle .feed a { + color: #e6e6e6; } -body.flat.ttrss_main.ttrss_index .hl .feed a, -body.flat.ttrss_main.ttrss_index .cdm .feed a { - color: white; +body.flat.ttrss_main #floatingTitle i.material-icons { + opacity: 0.7; } -body.flat.ttrss_main.ttrss_index #headlines-frame .hl { - border-color: var(--border-dark); +body.flat.ttrss_main div#floatingTitle.Unread a.title { + color: #e6e6e6; } -body.flat.ttrss_main.ttrss_index #headlines-frame .hl:not(.Selected):not(.active) .title a { - color: var(--fg-main); +body.flat.ttrss_main #headlines-frame .hl:not(.active):not(.Selected):not(.Unread), +body.flat.ttrss_main #headlines-frame .cdm.expandable:not(.active):not(.Selected):not(.Unread) { + background: #333333; } -body.flat.ttrss_main.ttrss_index #headlines-frame .hl.Unread:not(.Selected):not(.active) .title a { - color: var(--fg-light); +body.flat.ttrss_main #headlines-frame .hl.Unread:not(.active):not(.Selected), +body.flat.ttrss_main #headlines-frame .cdm.expandable.Unread:not(.active):not(.Selected) { + background: #222222; } -body.flat.ttrss_main.ttrss_index .post .header { - background: var(--bg-panel); - border-color: var(--border-main); +body.flat.ttrss_main #headlines-frame .cdm.expanded { + background: #333333; } -body.flat.ttrss_main.ttrss_index .post .content, -body.flat.ttrss_main.ttrss_index .cdm .content-inner { - color: var(--fg-main); +body.flat.ttrss_main #headlines-frame .hl.Unread .title, +body.flat.ttrss_main #headlines-frame .cdm.Unread .title { + color: #e6e6e6; } -body.flat.ttrss_main.ttrss_index .post .content img, -body.flat.ttrss_main.ttrss_index .cdm .content-inner img, -body.flat.ttrss_main.ttrss_index .post .content video, -body.flat.ttrss_main.ttrss_index .cdm .content-inner video { - transition: opacity 0.5s linear, filter 0.5s linear; +body.flat.ttrss_main #headlines-frame .hl.active > *, +body.flat.ttrss_main #headlines-frame .hl.Selected > *, +body.flat.ttrss_main #headlines-frame .cdm.expandable.Selected > * { + filter: invert(1); } -body.flat.ttrss_main.ttrss_index .post .content img:not(:hover), -body.flat.ttrss_main.ttrss_index .cdm .content-inner img:not(:hover), -body.flat.ttrss_main.ttrss_index .post .content video:not(:hover), -body.flat.ttrss_main.ttrss_index .cdm .content-inner video:not(:hover) { - opacity: 0.5; - filter: grayscale(80%); +body.flat.ttrss_main #headlines-frame .hl.active > * img, +body.flat.ttrss_main #headlines-frame .hl.Selected > * img, +body.flat.ttrss_main #headlines-frame .cdm.expandable.Selected > * img { + filter: invert(1); } -body.flat.ttrss_main.ttrss_index div.cdm div.footer { - border-color: var(--border-dark); - color: var(--fg-light); +body.flat.ttrss_main #headlines-frame .hl.active .dijitCheckBox, +body.flat.ttrss_main #headlines-frame .hl.Selected .dijitCheckBox, +body.flat.ttrss_main #headlines-frame .cdm.expandable.Selected .dijitCheckBox { + filter: invert(1); } -body.flat.ttrss_main.ttrss_index div.cdm .header a.title { - color: var(--fg-main); +body.flat.ttrss_main #headlines-frame .hl.Selected.marked i.marked-pic, +body.flat.ttrss_main #headlines-frame .cdm.expandable.Selected.marked i.marked-pic, +body.flat.ttrss_main #headlines-frame .hl.active.marked i.marked-pic { + filter: invert(1); } -body.flat.ttrss_main.ttrss_index div.cdm.Unread .header a.title { - color: var(--fg-light); +body.flat.ttrss_main #headlines-frame .hl.Selected.published i.pub-pic, +body.flat.ttrss_main #headlines-frame .cdm.expandable.Selected.published i.pub-pic, +body.flat.ttrss_main #headlines-frame .hl.active.published i.pub-pic { + filter: invert(1); } -body.flat.ttrss_main.ttrss_index .cdm.expandable.active .header a.title, -body.flat.ttrss_main.ttrss_index .cdm.expanded.active .header a.title { - color: #2a89bc; +body.flat.ttrss_main #headlines-frame .cdm.expanded.active .title, +body.flat.ttrss_main #headlines-frame .cdm.expandable.active .title { + color: #b87d2c; } -body.flat.ttrss_main.ttrss_index #headlines-frame .cdm { - border-color: var(--border-dark); +body.flat.ttrss_main #headlines-frame .cdm.expandable.active { + background: #222222 ! important; } -body.flat.ttrss_main.ttrss_index #headlines-frame .cdm .header .author { - color: var(--fg-main); +body.flat.ttrss_main #headlines-frame .hl, +body.flat.ttrss_main #headlines-frame .cdm { + color: #cccccc; } -body.flat.ttrss_main.ttrss_index #headlines-frame .cdm.expandable { - background: var(--bg-main) ! important; +body.flat.ttrss_main #headlines-frame .hl .title, +body.flat.ttrss_main #headlines-frame .cdm .title { + color: #cccccc; } -body.flat.ttrss_main.ttrss_index #headlines-frame .cdm.expandable.Selected { - background: var(--bg-active) ! important; +body.flat.ttrss_main #headlines-frame .hl .author, +body.flat.ttrss_main #headlines-frame .cdm .author { + color: #999999; } -body.flat.ttrss_main.ttrss_index #headlines-frame .cdm.expandable.active { - background: var(--bg-main); +body.flat.ttrss_main #headlines-frame .hl .updated, +body.flat.ttrss_main #headlines-frame .cdm .updated, +body.flat.ttrss_main #headlines-frame .hl .content, +body.flat.ttrss_main #headlines-frame .cdm .content { + color: #cccccc; } -body.flat.ttrss_main.ttrss_index #headlines-frame .cdm.expanded.active { - background: var(--bg-main); +body.flat.ttrss_main #headlines-frame .hl .feed a, +body.flat.ttrss_main #headlines-frame .cdm .feed a { + color: #e6e6e6; } -body.flat.ttrss_main.ttrss_index #content-insert blockquote, -body.flat.ttrss_main.ttrss_index #headlines-frame blockquote, -body.flat.ttrss_main.ttrss_index .dijitContentPane blockquote { - color: var(--fg-main); - border-color: var(--border-main); +body.flat.ttrss_main #headlines-frame .cdm .footer { + border-color: #222222; + color: #cccccc; } -body.flat.ttrss_main.ttrss_index .dijitInputField.dijitButtonText { - background: var(--bg-main); +body.flat.ttrss_main #headlines-frame .left i.material-icons, +body.flat.ttrss_main #headlines-frame .left .dijitCheckBox { + opacity: 0.7; } -body.flat.ttrss_main.ttrss_index .cdm .footer img { - opacity: 0.6; +body.flat.ttrss_main .dijitToolbar .dijitSelect .dijitButtonContents, +body.flat.ttrss_main .dijitToolbar .dijitSelect .dijitButtonNode { + transition: background-color 0.3s linear; } -body.flat.ttrss_main.ttrss_index #floatingTitle { - background: var(--bg-panel); - border-color: var(--border-main); +body.flat.ttrss_main .dijitToolbar .dijitSelect:not(.dijitHover) .dijitButtonContents, +body.flat.ttrss_main .dijitToolbar .dijitSelect:not(.dijitHover) .dijitButtonNode { + background-color: #222222; } -body.flat.ttrss_main.ttrss_index #floatingTitle * { - color: var(--fg-light) ! important; +body.flat.ttrss_main .dijitCheckBox:not(.dijitChecked)::before { + color: #999999; + background: #222222; } -body.flat.ttrss_main.ttrss_index .dijitMenu, -body.flat.ttrss_main.ttrss_index .dijitMenuTable, -body.flat.ttrss_main.ttrss_index .dijitMenu .dijitMenuItem td { - border-color: var(--bg-panel); - background: var(--bg-panel); - color: var(--fg-main); +body.flat.ttrss_main .insensitive { + color: #999999; } -body.flat.ttrss_main.ttrss_index .dijitMenu .dijitMenuItemSelected, -body.flat.ttrss_main.ttrss_index .dijitMenu .dijitMenuItemSelected td { - background: black; +body.flat.ttrss_main .dijitAccordionInnerContainerSelected .dijitAccordionTitle { color: white; } -body.flat.ttrss_main.ttrss_index .dijitMenu .dijitMenuSeparator * { - border-bottom-color: var(--border-dark) ! important; +body.flat.ttrss_main .dijitDialog .dijitDialogPaneContent { + background: #222222; +} +body.flat.ttrss_main .dijitTab:not(.dijitTabChecked) { + background: #222222; +} +body.flat.ttrss_main .dijitTab.dijitTabChecked.dijitTabHover { + color: #e6e6e6; } -body.flat.ttrss_main.ttrss_index .articleNote { - background: var(--bg-panel); - border-color: #9a8c59; +body.flat.ttrss_main label.dijitButton { + border: 1px solid #666666; } -body.flat.ttrss_main.ttrss_index ::-webkit-scrollbar { +body.flat.ttrss_main label.dijitButton:hover { + border-color: #2f2f2f; + background-color: #333333; +} +body.flat.ttrss_main textarea { + color: #e6e6e6; +} +body.flat.ttrss_main code { + color: #c90 ! important; +} +body.flat.ttrss_main .panel { + background-color: #222222; + border-color: #666666; +} +body.flat.ttrss_main .dijitDialog .panel { + background-color: #333333; +} +body.flat.ttrss_main #headlines-frame blockquote, +body.flat.ttrss_main #content-insert blockquote { + color: #cccccc; + border-color: #b87d2c; +} +body.flat.ttrss_main pre { + color: #cccccc; + background: #222222 ! important; +} +body.flat.ttrss_main ul#filterDlg_Matches, +body.flat.ttrss_main ul#filterDlg_Actions { + background: #222222; + border-color: #666666; +} +body.flat.ttrss_main .article-note { + background: #b87d2c; + border-color: #b87d2c; + color: #333333; +} +body.flat.ttrss_main .article-note i.material-icons { + color: #333333; +} +body.flat.ttrss_main ::-webkit-scrollbar { width: 4px; } -body.flat.ttrss_main.ttrss_index ::-webkit-scrollbar-thumb { - background-color: var(--border-main); +body.flat.ttrss_main ::-webkit-scrollbar-thumb { + background-color: #666666; +} +body.flat.ttrss_main ::-webkit-scrollbar-track { + background-color: #222222; } -body.flat.ttrss_main.ttrss_index ::-webkit-scrollbar-track { - background-color: var(--bg-panel); +body.flat.ttrss_main .alert { + background: #222222; + border-color: #664518; } /*# sourceMappingURL=night.css.map */
\ No newline at end of file |