valvin
/
ttrss
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rebuild night.css with arguably better fitting accent color

This commit is contained in:
Andrew Dolgov 2018-12-09 05:40:24 +03:00
parent fa5bb07019
commit ea4598a4aa
3 changed files with 46 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
themes/night.css
View File

@ -128,11 +128,11 @@ body.ttrss_main hr {
border-bottom-width: 1px; border-bottom-width: 1px;
} }
body.ttrss_main a { body.ttrss_main a {
color: #257aa7; color: #b87d2c;
text-decoration: none; text-decoration: none;
} }
body.ttrss_main a:hover { body.ttrss_main a:hover {
color: #133d54; color: #664518;
text-decoration: underline; text-decoration: underline;
} }
body.ttrss_main #notify.visible { body.ttrss_main #notify.visible {
@ -173,11 +173,11 @@ body.ttrss_main .notify.notify_progress {
background-color: #fff7d5; background-color: #fff7d5;
} }
body.ttrss_main .notify.notify_info { body.ttrss_main .notify.notify_info {
border-color: #257aa7; border-color: #b87d2c;
background-color: #d5ebf6; background-color: #faf3e9;
} }
body.ttrss_main .notify.notify_info i.icon-notify { body.ttrss_main .notify.notify_info i.icon-notify {
color: #257aa7; color: #b87d2c;
} }
body.ttrss_main .notify.notify_error { body.ttrss_main .notify.notify_error {
background-color: #c00; background-color: #c00;
@ -240,7 +240,7 @@ body.ttrss_main .hl span.feed a {
color: #555555; color: #555555;
} }
body.ttrss_main .hl span.feed a:hover { body.ttrss_main .hl span.feed a:hover {
color: #257aa7; color: #b87d2c;
} }
body.ttrss_main .hl span.updated { body.ttrss_main .hl span.updated {
color: #555555; color: #555555;
@ -275,16 +275,16 @@ body.ttrss_main .hl.Unread div.title a {
color: black; color: black;
} }
body.ttrss_main .hl.active div.title a { body.ttrss_main .hl.active div.title a {
color: #257aa7; color: #b87d2c;
/* text-shadow : 1px 1px 2px #fff; */ /* text-shadow : 1px 1px 2px #fff; */
} }
body.ttrss_main .hl.active { body.ttrss_main .hl.active {
background: #257aa7 ! important; background: #b87d2c ! important;
} }
body.ttrss_main .hl.active, body.ttrss_main .hl.active,
body.ttrss_main .hl.Selected { body.ttrss_main .hl.Selected {
color: white; color: white;
background: #3f728e; background: #9c7948;
} }
body.ttrss_main .hl.active a, body.ttrss_main .hl.active a,
body.ttrss_main .hl.Selected a, body.ttrss_main .hl.Selected a,
@ -558,7 +558,7 @@ body.ttrss_main div#cmdline {
color: #555555; color: #555555;
font-weight: bold; font-weight: bold;
background-color: white; background-color: white;
border: 1px solid #257aa7; border: 1px solid #b87d2c;
padding: 3px 5px 3px 5px; padding: 3px 5px 3px 5px;
z-index: 5; z-index: 5;
} }
@ -606,9 +606,9 @@ body.ttrss_main #feeds-holder #feedTree .counterNode {
display: inline-block; display: inline-block;
font-size: 9px; font-size: 9px;
text-align: center; text-align: center;
border: 1px solid #2a89bc; border: 1px solid #cd8b31;
color: white; color: white;
background: #2a89bc; background: #cd8b31;
border-radius: 4px; border-radius: 4px;
vertical-align: middle; vertical-align: middle;
float: right; float: right;
@ -668,7 +668,7 @@ body.ttrss_main #feeds-holder #feedTree i.icon.icon-whatshot {
body.ttrss_main #feeds-holder #feedTree i.icon.icon-restore { body.ttrss_main #feeds-holder #feedTree i.icon.icon-restore {
font-weight: bold; font-weight: bold;
left: -3px; left: -3px;
color: #257aa7; color: #b87d2c;
} }
body.ttrss_main #headlines-wrap-inner { body.ttrss_main #headlines-wrap-inner {
padding: 0px; padding: 0px;
@ -684,7 +684,7 @@ body.ttrss_main #headlines-frame {
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
} }
body.ttrss_main #headlines-frame div.feed-title { body.ttrss_main #headlines-frame div.feed-title {
border: 0px solid #257aa7; border: 0px solid #b87d2c;
border-bottom-width: 1px; border-bottom-width: 1px;
padding: 5px 8px; padding: 5px 8px;
} }
@ -696,7 +696,7 @@ body.ttrss_main #headlines-frame div.feed-title a {
color: #555555; color: #555555;
} }
body.ttrss_main #headlines-frame div.feed-title a:hover { body.ttrss_main #headlines-frame div.feed-title a:hover {
color: #257aa7; color: #b87d2c;
} }
body.ttrss_main #toolbar-frame_splitter { body.ttrss_main #toolbar-frame_splitter {
display: none; display: none;
@ -830,7 +830,7 @@ body.ttrss_main #headlines-spacer span {
display: block; display: block;
} }
body.ttrss_main #headlines-spacer a:hover { body.ttrss_main #headlines-spacer a:hover {
color: #257aa7; color: #b87d2c;
} }
body.ttrss_main ul#filterDlg_Matches, body.ttrss_main ul#filterDlg_Matches,
body.ttrss_main ul#filterDlg_Actions { body.ttrss_main ul#filterDlg_Actions {
@ -864,7 +864,7 @@ body.ttrss_main ul.helpKbList {
body.ttrss_main ul.helpKbList span.hksequence { body.ttrss_main ul.helpKbList span.hksequence {
width: 6em; width: 6em;
margin-left: 20px; margin-left: 20px;
color: #257aa7; color: #b87d2c;
font-weight: bold; font-weight: bold;
display: inline-block; display: inline-block;
} }
@ -918,7 +918,7 @@ body.ttrss_login label {
color: gray; color: gray;
} }
body.ttrss_login div.header { body.ttrss_login div.header {
border: 0px solid #257aa7; border: 0px solid #b87d2c;
border-bottom-width: 1px; border-bottom-width: 1px;
margin-bottom: 1em; margin-bottom: 1em;
padding-bottom: 5px; padding-bottom: 5px;
@ -926,7 +926,7 @@ body.ttrss_login div.header {
body.ttrss_login div.footer { body.ttrss_login div.footer {
margin-top: 1em; margin-top: 1em;
padding-top: 5px; padding-top: 5px;
border: 0px solid #257aa7; border: 0px solid #b87d2c;
border-top-width: 1px; border-top-width: 1px;
text-align: center; text-align: center;
color: gray; color: gray;
@ -938,19 +938,19 @@ body.ttrss_login a.forgotpass {
display: inline-block; display: inline-block;
} }
body.ttrss_login a { body.ttrss_login a {
color: #257aa7; color: #b87d2c;
text-decoration: none; text-decoration: none;
} }
body.ttrss_login a:hover, body.ttrss_login a:hover,
body.ttrss_login a:focus { body.ttrss_login a:focus {
color: #257aa7; color: #b87d2c;
text-decoration: underline; text-decoration: underline;
} }
body.ttrss_login div.footer a { body.ttrss_login div.footer a {
color: gray; color: gray;
} }
body.ttrss_login div.footer a:hover { body.ttrss_login div.footer a:hover {
color: #257aa7; color: #b87d2c;
} }
body.ttrss_login div.row { body.ttrss_login div.row {
padding: 0px 0px 5px 0px; padding: 0px 0px 5px 0px;
@ -1022,14 +1022,14 @@ body.ttrss_main ul.list-unstyled {
list-style-type: none; list-style-type: none;
} }
::selection { ::selection {
background: #257aa7; background: #b87d2c;
color: white; color: white;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 4px; width: 4px;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background-color: #257aa7; background-color: #b87d2c;
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background-color: #eee; background-color: #eee;
@ -1146,7 +1146,7 @@ div.cdm.expanded.active {
background: white; background: white;
} }
div.cdm.expanded.active div.header a.title { div.cdm.expanded.active div.header a.title {
color: #257aa7; color: #b87d2c;
} }
div.cdm.expanded.Unread div.header a.title { div.cdm.expanded.Unread div.header a.title {
color: black; color: black;
@ -1161,7 +1161,7 @@ div.cdm.active div.content {
color: black; color: black;
} }
.cdm div.feed-title { .cdm div.feed-title {
border: 0px solid #257aa7; border: 0px solid #b87d2c;
border-bottom-width: 1px; border-bottom-width: 1px;
padding: 5px 3px 5px 5px; padding: 5px 3px 5px 5px;
} }
@ -1173,7 +1173,7 @@ div.cdm.active div.content {
color: #555555; color: #555555;
} }
.cdm div.feed-title a:hover { .cdm div.feed-title a:hover {
color: #257aa7; color: #b87d2c;
} }
.cdm div.header span.feed { .cdm div.header span.feed {
float: right; float: right;
@ -1310,7 +1310,7 @@ div#floatingTitle .feed-title a.catchup {
white-space: nowrap; white-space: nowrap;
} }
div#floatingTitle .feed-title a.catchup:hover { div#floatingTitle .feed-title a.catchup:hover {
color: #257aa7; color: #b87d2c;
} }
div#floatingTitle.Unread a.title { div#floatingTitle.Unread a.title {
color: black; color: black;
@ -1339,7 +1339,7 @@ div#floatingTitle.Unread a.title {
background: white; background: white;
} }
.cdm.expandable.Selected:not(.active) { .cdm.expandable.Selected:not(.active) {
background: #3f728e; background: #9c7948;
} }
.cdm.expandable.Selected:not(.active) a, .cdm.expandable.Selected:not(.active) a,
.cdm.expandable.Selected:not(.active) .header a.title, .cdm.expandable.Selected:not(.active) .header a.title,
@ -1364,14 +1364,14 @@ div.cdm.expandable.Unread div.header a.title {
color: black; color: black;
} }
div.cdm.expandable.active .collapse i { div.cdm.expandable.active .collapse i {
color: #257aa7; color: #b87d2c;
cursor: pointer; cursor: pointer;
} }
div.cdm.expandable.active .excerpt { div.cdm.expandable.active .excerpt {
display: none; display: none;
} }
div.cdm.expandable.active div.header a.title { div.cdm.expandable.active div.header a.title {
color: #257aa7; color: #b87d2c;
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
text-rendering: optimizelegibility; text-rendering: optimizelegibility;
@ -1431,7 +1431,7 @@ body.ttrss_prefs .dijitDialog #pref-profiles-list .dijitInlineEditBoxDisplayMode
body.ttrss_prefs tr.title td { body.ttrss_prefs tr.title td {
border: 0px solid #ecf4ff; border: 0px solid #ecf4ff;
border-bottom-width: 1px; border-bottom-width: 1px;
color: #257aa7; color: #b87d2c;
} }
body.ttrss_prefs .prefPrefsList td { body.ttrss_prefs .prefPrefsList td {
padding-bottom: 4px; padding-bottom: 4px;
@ -1524,12 +1524,12 @@ body.ttrss_utility .floatingLogo {
display: none; display: none;
} }
body.ttrss_utility a { body.ttrss_utility a {
color: #257aa7; color: #b87d2c;
text-decoration: none; text-decoration: none;
} }
body.ttrss_utility a:hover, body.ttrss_utility a:hover,
body.ttrss_utility a:focus { body.ttrss_utility a:focus {
color: #133d54; color: #664518;
text-decoration: underline; text-decoration: underline;
} }
body.ttrss_utility .alert { body.ttrss_utility .alert {
@ -1583,13 +1583,13 @@ body.ttrss_utility .alert-info h4 {
color: #3a87ad; color: #3a87ad;
} }
body.ttrss_utility h1 { body.ttrss_utility h1 {
color: #257aa7; color: #b87d2c;
font-size: 32px; font-size: 32px;
margin: 20px 0px 5px 0px; margin: 20px 0px 5px 0px;
text-shadow: 0 0 6px #fff; text-shadow: 0 0 6px #fff;
} }
body.ttrss_utility h2 { body.ttrss_utility h2 {
color: #257aa7; color: #b87d2c;
font-size: 14pt; font-size: 14pt;
border-width: 0px 0px 1px 0px; border-width: 0px 0px 1px 0px;
border-color: #f0f0f0; border-color: #f0f0f0;
@ -1709,11 +1709,11 @@ body#sharepopup {
body#sharepopup h1 { body#sharepopup h1 {
font-size: 14px; font-size: 14px;
margin: 0px; margin: 0px;
color: #257aa7; color: #b87d2c;
} }
body#sharepopup table { body#sharepopup table {
background: white; background: white;
border: 1px solid #257aa7; border: 1px solid #b87d2c;
padding: 5px; padding: 5px;
} }
body#sharepopup form { body#sharepopup form {
@ -1769,7 +1769,7 @@ body#sharepopup input {
color: white; color: white;
} }
.flat .dijitTree .dijitTreeRowSelected .dijitTreeExpando { .flat .dijitTree .dijitTreeRowSelected .dijitTreeExpando {
color: #257aa7; color: #b87d2c;
} }
.flat .dijitTree .dijitTreeNode .dijitTreeRow.dijitTreeRowSelected { .flat .dijitTree .dijitTreeNode .dijitTreeRow.dijitTreeRowSelected {
color: white; color: white;
@ -1882,7 +1882,7 @@ body.flat.ttrss_main img[src*='indicator_white.gif'] {
filter: invert(1); filter: invert(1);
} }
body.flat.ttrss_main a:hover { body.flat.ttrss_main a:hover {
color: #58adda; color: #dcae6e;
} }
body.flat.ttrss_main #main, body.flat.ttrss_main #main,
body.flat.ttrss_main #overlay { body.flat.ttrss_main #overlay {
@ -1943,7 +1943,7 @@ body.flat.ttrss_main #headlines-frame .cdm.Unread .title {
color: #e6e6e6; color: #e6e6e6;
} }
body.flat.ttrss_main #headlines-frame .cdm.expanded.active .title { body.flat.ttrss_main #headlines-frame .cdm.expanded.active .title {
color: #257aa7; color: #b87d2c;
} }
body.flat.ttrss_main #headlines-frame .cdm.expandable.active { body.flat.ttrss_main #headlines-frame .cdm.expandable.active {
background: #222222 ! important; background: #222222 ! important;
@ -2033,7 +2033,7 @@ body.flat.ttrss_main .dijitDialog .panel {
body.flat.ttrss_main #headlines-frame blockquote, body.flat.ttrss_main #headlines-frame blockquote,
body.flat.ttrss_main #content-insert blockquote { body.flat.ttrss_main #content-insert blockquote {
color: #cccccc; color: #cccccc;
border-color: #257aa7; border-color: #b87d2c;
} }
body.flat.ttrss_main pre { body.flat.ttrss_main pre {
color: #cccccc; color: #cccccc;

2
themes/night.css.map
View File

File diff suppressed because one or more lines are too long

4
themes/night.less
View File

@ -1,6 +1,8 @@
@import "../css/defines.less"; @import "../css/defines.less";
@import "../lib/flat-ttrss/flat_combined_dark.css"; @import "../lib/flat-ttrss/flat_combined_dark.css";
@color-accent: #b87d2c;
@bg-main : #333; @bg-main : #333;
@border-main : #666; @border-main : #666;
@border-dark : #222; @border-dark : #222;
@ -8,7 +10,7 @@
@fg-main: #ccc; @fg-main: #ccc;
@fg-insensitive: darken(@fg-main, 20%); @fg-insensitive: darken(@fg-main, 20%);
@fg-light : lighten(@fg-main, 10%); @fg-light : lighten(@fg-main, 10%);
@bg-active: #2a89bc; @bg-active: @color-accent;
body.flat.ttrss_main.ttrss_prefs { body.flat.ttrss_main.ttrss_prefs {
#main, #footer { #main, #footer {