revert back to lower contrast light theme by default, add separate light-high-contrast.less

This commit is contained in:
Andrew Dolgov 2021-03-25 20:29:36 +03:00
parent ceb8179ccc
commit 8c32ed76df
6 changed files with 2176 additions and 74 deletions

View File

@ -12,7 +12,7 @@ function swallowError(error) {
gulp.task('less', function(cb) {
gulp
.src(['themes/compact.less', 'themes/compact_night.less',
'themes/light.less', 'themes/night_blue.less', 'themes/night.less'])
'themes/light.less', 'themes/light-high-contrast.less', 'themes/night_blue.less', 'themes/night.less'])
.pipe(less({javascriptEnabled: true}))
.on('error', swallowError)
.pipe(

View File

@ -11,7 +11,7 @@ body.ttrss_prefs,
}
body.ttrss_main {
background: white;
color: black;
color: #555;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
overflow: hidden;
@ -35,7 +35,7 @@ body.ttrss_main .post {
}
body.ttrss_main .post .header {
padding: 5px;
color: black;
color: #555;
border: 0 solid #ddd;
border-bottom-width: 1px;
background: #f5f5f5;
@ -261,7 +261,7 @@ body.ttrss_main .hl .title {
}
body.ttrss_main .hl .author {
white-space: nowrap;
color: black;
color: #555;
font-size: 11px;
font-weight: normal;
}
@ -272,13 +272,13 @@ body.ttrss_main .hl .feed a {
font-size: 11px;
font-style: italic;
font-weight: normal;
color: black;
color: #555;
}
body.ttrss_main .hl .feed a:hover {
color: #257aa7;
}
body.ttrss_main .hl .updated {
color: black;
color: #555;
text-align: right;
font-size: 11px;
padding-left: 10px;
@ -331,7 +331,7 @@ body.ttrss_main #content-insert blockquote,
body.ttrss_main #headlines-frame blockquote,
body.ttrss_main .dijitContentPane blockquote {
margin: 5px 0px 5px 0px;
color: black;
color: #555;
padding-left: 10px;
border: 0px solid #ccc;
border-left-width: 4px;
@ -347,7 +347,7 @@ body.ttrss_main #headlines-frame pre,
body.ttrss_main .dijitContentPane pre {
margin: 5px 0px 5px 0px;
padding: 10px;
color: black;
color: #555;
font-family: monospace;
font-size: 12px;
border: 0px solid #ccc;
@ -358,7 +358,7 @@ body.ttrss_main .dijitContentPane pre {
white-space: pre-wrap;
}
body.ttrss_main div.prefHelp {
color: black;
color: #555;
padding: 5px;
}
body.ttrss_main span.preview {
@ -372,7 +372,7 @@ body.ttrss_main .label {
vertical-align: middle;
background-color: #fff7d5;
font-size: 9px;
color: black;
color: #555;
font-weight: normal;
margin-left: 2px;
padding: 2px 4px;
@ -409,7 +409,7 @@ body.ttrss_main .dijitDialog .dlgSec,
body.ttrss_main .dijitDialog .dlgSecHoriz {
font-size: 16px;
font-weight: 600;
color: black;
color: #555;
font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.ttrss_main .dijitDialog section,
@ -481,7 +481,7 @@ body.ttrss_main div#cmdline {
left: 5px;
bottom: 5px;
font-size: 11px;
color: black;
color: #555;
font-weight: bold;
background-color: white;
border: 1px solid #257aa7;
@ -551,7 +551,7 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNod
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.aux,
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.marked {
background: #f5f5f5;
color: #1a1a1a;
color: #6f6f6f;
border-color: #dcdcdc;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.marked {
@ -586,13 +586,13 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.dijitTreeRo
box-shadow: -1px 0px 2px -1px rgba(0, 0, 0, 0.1);
border-color: #ddd transparent;
background: white;
color: black;
color: #555;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitIcon.feed-icon {
margin-right: 2px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-inbox {
color: #333333;
color: #888888;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-archive {
color: #cf7800;
@ -707,12 +707,12 @@ body.ttrss_main #headlines-frame[data-is-wide-screen="true"] .hl .feed {
body.ttrss_main #headlines-frame #headlines-spacer {
margin-left: 1px;
text-align: center;
color: black;
color: #555;
font-size: 11px;
}
body.ttrss_main #headlines-frame #headlines-spacer a,
body.ttrss_main #headlines-frame #headlines-spacer span {
color: black;
color: #555;
padding: 10px;
display: block;
}
@ -725,11 +725,11 @@ body.ttrss_main #headlines-frame .feed-title {
padding: 5px 8px;
}
body.ttrss_main #headlines-frame .feed-title a.title {
color: black;
color: #555;
font-weight: bold;
}
body.ttrss_main #headlines-frame .feed-title a {
color: black;
color: #555;
}
body.ttrss_main #headlines-frame .feed-title a:hover {
color: #257aa7;
@ -758,7 +758,7 @@ body.ttrss_main #toolbar-frame #toolbar {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
color: black;
color: #555;
font-size: 13px;
align-items: center;
}
@ -827,7 +827,7 @@ body.ttrss_main #toolbar-frame #toolbar #selected_prompt {
}
body.ttrss_main #header {
text-align: right;
color: black;
color: #555;
padding: 5px 5px 0 0px;
position: absolute;
border: 0;
@ -1141,7 +1141,7 @@ body.ttrss_utility .text-warning {
}
body.ttrss_main .text-muted,
body.ttrss_utility .text-muted {
color: black;
color: #555;
}
body.ttrss_main .text-small,
body.ttrss_utility .text-small,
@ -1261,7 +1261,7 @@ body.ttrss_utility hr {
flex-grow: 2;
}
.cdm .header .updated {
color: black;
color: #555;
font-weight: normal;
font-size: 11px;
white-space: nowrap;
@ -1282,14 +1282,14 @@ body.ttrss_utility hr {
.cdm .header .feed,
.cdm .header .feed a {
vertical-align: middle;
color: black;
color: #555;
font-weight: normal;
font-style: italic;
font-size: 11px;
}
.cdm .header .author {
white-space: nowrap;
color: black;
color: #555;
font-size: 11px;
font-weight: normal;
}
@ -1297,7 +1297,7 @@ body.ttrss_utility hr {
height: 30px;
padding-left: 5px;
font-weight: normal;
color: black;
color: #555;
clear: both;
align-items: center;
}
@ -1366,7 +1366,7 @@ body.ttrss_utility hr {
color: black;
}
.cdm.expanded .content {
color: black;
color: #555;
}
.cdm.vgrlf .feed {
display: none;
@ -1377,11 +1377,11 @@ body.ttrss_utility hr {
padding: 5px 3px 5px 5px;
}
.cdm .feed-title a.title {
color: black;
color: #555;
font-weight: bold;
}
.cdm .feed-title a {
color: black;
color: #555;
}
.cdm .feed-title a:hover {
color: #257aa7;
@ -1442,7 +1442,7 @@ body.ttrss_utility hr {
}
.cdm.expandable .header a.title {
font-weight: 600;
color: black;
color: #555;
font-size: 14px;
transition: color 0.2s, background 0.2s;
text-rendering: optimizelegibility;
@ -1492,7 +1492,7 @@ body.ttrss_prefs h3,
body.ttrss_prefs h4 {
font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 600;
color: black;
color: #555;
}
body.ttrss_prefs .dijitContentPane > h1:first-of-type,
body.ttrss_prefs .dijitContentPane > h2:first-of-type,
@ -1670,7 +1670,7 @@ body.ttrss_prefs .event-log tr .filename {
body.ttrss_prefs .event-log tr .filename,
body.ttrss_prefs .event-log tr .login,
body.ttrss_prefs .event-log tr .timestamp {
color: black;
color: #555;
}
body.ttrss_prefs hr {
border-color: #ddd;
@ -1729,7 +1729,7 @@ body.ttrss_utility.sanity_failed {
}
body.ttrss_utility {
background: #f5f5f5;
color: black;
color: #555;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
margin: 4em;
@ -1980,7 +1980,7 @@ body.ttrss_utility.share_popup .content {
.flat .dijitTree .dijitTreeNode .dijitTreeRow {
padding: 4px 0px 4px;
border-width: 1px;
color: black;
color: #555;
}
.flat .dijitDialog {
width: 600px;
@ -2043,7 +2043,7 @@ body.ttrss_zoom div.post div.header {
border-bottom-width: 1px;
background: white;
font-size: 13px;
color: black;
color: #555;
}
body.ttrss_zoom div.post div.header .row {
display: flex;
@ -2070,7 +2070,7 @@ body.ttrss_zoom div.post .content video {
}
body.ttrss_zoom div.post .content blockquote {
margin: 5px 0px 5px 0px;
color: black;
color: #555;
padding-left: 8px;
border: 0px solid #ddd;
border-left-width: 4px;
@ -2082,7 +2082,7 @@ body.ttrss_zoom div.post .content code {
}
body.ttrss_zoom div.post .content pre {
padding: 8px;
color: black;
color: #555;
font-family: monospace;
font-size: 12px;
border: 0px solid #ccc;

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,8 @@
@import "light/defines.less";
@default-fg: black;
@default-text: @default-fg;
@import "light/dijit_light.less";
@import "light/zoom.less";
@import "../lib/flat-ttrss/flat_combined.css";

View File

@ -11,7 +11,7 @@ body.ttrss_prefs,
}
body.ttrss_main {
background: white;
color: black;
color: #555;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
overflow: hidden;
@ -35,7 +35,7 @@ body.ttrss_main .post {
}
body.ttrss_main .post .header {
padding: 5px;
color: black;
color: #555;
border: 0 solid #ddd;
border-bottom-width: 1px;
background: #f5f5f5;
@ -261,7 +261,7 @@ body.ttrss_main .hl .title {
}
body.ttrss_main .hl .author {
white-space: nowrap;
color: black;
color: #555;
font-size: 11px;
font-weight: normal;
}
@ -272,13 +272,13 @@ body.ttrss_main .hl .feed a {
font-size: 11px;
font-style: italic;
font-weight: normal;
color: black;
color: #555;
}
body.ttrss_main .hl .feed a:hover {
color: #257aa7;
}
body.ttrss_main .hl .updated {
color: black;
color: #555;
text-align: right;
font-size: 11px;
padding-left: 10px;
@ -331,7 +331,7 @@ body.ttrss_main #content-insert blockquote,
body.ttrss_main #headlines-frame blockquote,
body.ttrss_main .dijitContentPane blockquote {
margin: 5px 0px 5px 0px;
color: black;
color: #555;
padding-left: 10px;
border: 0px solid #ccc;
border-left-width: 4px;
@ -347,7 +347,7 @@ body.ttrss_main #headlines-frame pre,
body.ttrss_main .dijitContentPane pre {
margin: 5px 0px 5px 0px;
padding: 10px;
color: black;
color: #555;
font-family: monospace;
font-size: 12px;
border: 0px solid #ccc;
@ -358,7 +358,7 @@ body.ttrss_main .dijitContentPane pre {
white-space: pre-wrap;
}
body.ttrss_main div.prefHelp {
color: black;
color: #555;
padding: 5px;
}
body.ttrss_main span.preview {
@ -372,7 +372,7 @@ body.ttrss_main .label {
vertical-align: middle;
background-color: #fff7d5;
font-size: 9px;
color: black;
color: #555;
font-weight: normal;
margin-left: 2px;
padding: 2px 4px;
@ -409,7 +409,7 @@ body.ttrss_main .dijitDialog .dlgSec,
body.ttrss_main .dijitDialog .dlgSecHoriz {
font-size: 16px;
font-weight: 600;
color: black;
color: #555;
font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.ttrss_main .dijitDialog section,
@ -481,7 +481,7 @@ body.ttrss_main div#cmdline {
left: 5px;
bottom: 5px;
font-size: 11px;
color: black;
color: #555;
font-weight: bold;
background-color: white;
border: 1px solid #257aa7;
@ -551,7 +551,7 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNod
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.aux,
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.marked {
background: #f5f5f5;
color: #1a1a1a;
color: #6f6f6f;
border-color: #dcdcdc;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .counterNode.marked {
@ -586,13 +586,13 @@ body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow.dijitTreeRo
box-shadow: -1px 0px 2px -1px rgba(0, 0, 0, 0.1);
border-color: #ddd transparent;
background: white;
color: black;
color: #555;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow .dijitIcon.feed-icon {
margin-right: 2px;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-inbox {
color: #333333;
color: #888888;
}
body.ttrss_main #feeds-holder #feedTree .dijitTreeNode .dijitTreeRow i.icon.icon-archive {
color: #cf7800;
@ -707,12 +707,12 @@ body.ttrss_main #headlines-frame[data-is-wide-screen="true"] .hl .feed {
body.ttrss_main #headlines-frame #headlines-spacer {
margin-left: 1px;
text-align: center;
color: black;
color: #555;
font-size: 11px;
}
body.ttrss_main #headlines-frame #headlines-spacer a,
body.ttrss_main #headlines-frame #headlines-spacer span {
color: black;
color: #555;
padding: 10px;
display: block;
}
@ -725,11 +725,11 @@ body.ttrss_main #headlines-frame .feed-title {
padding: 5px 8px;
}
body.ttrss_main #headlines-frame .feed-title a.title {
color: black;
color: #555;
font-weight: bold;
}
body.ttrss_main #headlines-frame .feed-title a {
color: black;
color: #555;
}
body.ttrss_main #headlines-frame .feed-title a:hover {
color: #257aa7;
@ -758,7 +758,7 @@ body.ttrss_main #toolbar-frame #toolbar {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
color: black;
color: #555;
font-size: 13px;
align-items: center;
}
@ -827,7 +827,7 @@ body.ttrss_main #toolbar-frame #toolbar #selected_prompt {
}
body.ttrss_main #header {
text-align: right;
color: black;
color: #555;
padding: 5px 5px 0 0px;
position: absolute;
border: 0;
@ -1141,7 +1141,7 @@ body.ttrss_utility .text-warning {
}
body.ttrss_main .text-muted,
body.ttrss_utility .text-muted {
color: black;
color: #555;
}
body.ttrss_main .text-small,
body.ttrss_utility .text-small,
@ -1261,7 +1261,7 @@ body.ttrss_utility hr {
flex-grow: 2;
}
.cdm .header .updated {
color: black;
color: #555;
font-weight: normal;
font-size: 11px;
white-space: nowrap;
@ -1282,14 +1282,14 @@ body.ttrss_utility hr {
.cdm .header .feed,
.cdm .header .feed a {
vertical-align: middle;
color: black;
color: #555;
font-weight: normal;
font-style: italic;
font-size: 11px;
}
.cdm .header .author {
white-space: nowrap;
color: black;
color: #555;
font-size: 11px;
font-weight: normal;
}
@ -1297,7 +1297,7 @@ body.ttrss_utility hr {
height: 30px;
padding-left: 5px;
font-weight: normal;
color: black;
color: #555;
clear: both;
align-items: center;
}
@ -1366,7 +1366,7 @@ body.ttrss_utility hr {
color: black;
}
.cdm.expanded .content {
color: black;
color: #555;
}
.cdm.vgrlf .feed {
display: none;
@ -1377,11 +1377,11 @@ body.ttrss_utility hr {
padding: 5px 3px 5px 5px;
}
.cdm .feed-title a.title {
color: black;
color: #555;
font-weight: bold;
}
.cdm .feed-title a {
color: black;
color: #555;
}
.cdm .feed-title a:hover {
color: #257aa7;
@ -1442,7 +1442,7 @@ body.ttrss_utility hr {
}
.cdm.expandable .header a.title {
font-weight: 600;
color: black;
color: #555;
font-size: 14px;
transition: color 0.2s, background 0.2s;
text-rendering: optimizelegibility;
@ -1492,7 +1492,7 @@ body.ttrss_prefs h3,
body.ttrss_prefs h4 {
font-family: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 600;
color: black;
color: #555;
}
body.ttrss_prefs .dijitContentPane > h1:first-of-type,
body.ttrss_prefs .dijitContentPane > h2:first-of-type,
@ -1670,7 +1670,7 @@ body.ttrss_prefs .event-log tr .filename {
body.ttrss_prefs .event-log tr .filename,
body.ttrss_prefs .event-log tr .login,
body.ttrss_prefs .event-log tr .timestamp {
color: black;
color: #555;
}
body.ttrss_prefs hr {
border-color: #ddd;
@ -1729,7 +1729,7 @@ body.ttrss_utility.sanity_failed {
}
body.ttrss_utility {
background: #f5f5f5;
color: black;
color: #555;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
margin: 4em;
@ -1980,7 +1980,7 @@ body.ttrss_utility.share_popup .content {
.flat .dijitTree .dijitTreeNode .dijitTreeRow {
padding: 4px 0px 4px;
border-width: 1px;
color: black;
color: #555;
}
.flat .dijitDialog {
width: 600px;
@ -2043,7 +2043,7 @@ body.ttrss_zoom div.post div.header {
border-bottom-width: 1px;
background: white;
font-size: 13px;
color: black;
color: #555;
}
body.ttrss_zoom div.post div.header .row {
display: flex;
@ -2070,7 +2070,7 @@ body.ttrss_zoom div.post .content video {
}
body.ttrss_zoom div.post .content blockquote {
margin: 5px 0px 5px 0px;
color: black;
color: #555;
padding-left: 8px;
border: 0px solid #ddd;
border-left-width: 4px;
@ -2082,7 +2082,7 @@ body.ttrss_zoom div.post .content code {
}
body.ttrss_zoom div.post .content pre {
padding: 8px;
color: black;
color: #555;
font-family: monospace;
font-size: 12px;
border: 0px solid #ccc;

View File

@ -1,7 +1,7 @@
@fonts-ui-bold: "Segoe WP Semibold", "Segoe UI Semibold", "Segoe UI Web Semibold", "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
@fonts-ui: "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
@default-fg: black;
@default-fg: #555;
@default-bg: white;
@color-accent: #257aa7;
@color-accent-light: lighten(@color-accent, 50%);