pub / selfoss-tweaks

Tweaks for the selfoss RSS reader
git clone src.jayvii.de/pub/selfoss-tweaks.git
Home | Log | Files | Exports | Refs | RSS

commit e4874bc61d0d75e2cac567af4b5ceb2dc315f311
parent 817e7707ddb656d3fa56db38576d66a54270292c
Author: JayVii <jayvii[AT]posteo[DOT]de>
Date:   Sat, 14 Feb 2026 12:43:49 +0100

fix: colour navigation bar text more consistently

Diffstat:
Mcss/simple.css | 13+++++++++++--
Mcss/simple.min.css | 4++--
Mcss/user.css | 4+++-
3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/css/simple.css b/css/simple.css @@ -1,7 +1,7 @@ /* Set colour scheme from https://simplecss.org/ */ :root { --primary: #0d47a1; - --primary-contrast: #dcdcdc; + --primary-contrast: #ffffff; --primary-highlight: #1266e2; --primary-highlight-shadow: #1266e250; --text-color: #212121; @@ -39,8 +39,16 @@ html, body, #content > .entry.expanded.selected { background-color: var(--background-color); } +#nav-filter-title, +#nav-tags-title, +#nav-sources-title +{ + color: var(--text-color); +} + #nav-tags li a, -#nav-sources li a +#nav-sources li a, +#nav-filter li a { color: var(--text-color); } @@ -70,6 +78,7 @@ html, body, #content > .entry.expanded.selected { .nav-toolbar > a { background: transparent !important; + color: var(--text-color) !important; } /* Style Article entries */ diff --git a/css/simple.min.css b/css/simple.min.css @@ -1 +1 @@ -:root{--primary:#0d47a1;--primary-contrast:#dcdcdc;--primary-highlight:#1266e2;--primary-highlight-shadow:#1266e250;--text-color:#212121;--background-color:#ffffff;--header-color:#f5f7ff;}@media (prefers-color-scheme:dark){:root{--primary:#ffb300;--primary-contrast:#2d291f;--primary-highlight:#ffe099;--primary-highlight-shadow:#ffe09950;--text-color:#dcdcdc;--background-color:#212121;--header-color:#2b2b2b;}}html,body,#content>.entry.expanded.selected{color:var(--primary) !important;background-color:var(--background-color) !important;background-image:none !important;}#nav-mark,#nav-mark:hover{color:var(--primary-contrast);}#nav-mark:hover{background:var(--primary-highlight);}#nav{background-color:var(--background-color);}#nav-tags li a,#nav-sources li a{color:var(--text-color);}#nav-filter li a.active,#nav-tags li a.active,#nav-sources li a.active{background:var(--primary);color:var(--primary-contrast) !important;}#nav-filter li a:hover,#nav-tags li a:hover,#nav-sources li a:hover{background:var(--primary-highlight);color:var(--primary-contrast) !important;}#nav-filter>.active>span.offline-count,#nav-filter .active span{color:var(--primary-contrast) !important;}.nav-toolbar>button,.nav-toolbar>a{background:transparent !important;}div.entry,.source{background:var(--background-color);}.entry.unread .entry-title,.source-title{color:var(--text-color) !important;}.entry.selected.unread,.entry.unread{border-left:5px solid var(--primary);}.entry.selected{border-color:var(--primary);}#content>.entry.expanded.selected{color:var(--text-color) !important;}.entry-toolbar{background-color:var(--background-color);border-top:1p solid var(--text-color);}#search{background-color:var(--primary);}#search>button>svg{filter:invert(100%)}#search-term:focus{color:var(--text-color);}#nav-mobile{background-color:var(--header-color);}@media screen and (max-width:1024px){.entry.selected.unread,.entry.unread{border-left:0;border-right:5px solid var(--primary);}}@media screen and (max-width:1024px){.entry.selected{background-color:initial;}}@media (prefers-color-scheme:light){#nav-mobile-logo,#nav-mobile-settings{filter:invert(100%);}}@media screen and (max-width:1024px){#search-button{background-color:var(--primary-highlight);}} -\ No newline at end of file +:root{--primary:#0d47a1;--primary-contrast:#ffffff;--primary-highlight:#1266e2;--primary-highlight-shadow:#1266e250;--text-color:#212121;--background-color:#ffffff;--header-color:#f5f7ff;}@media (prefers-color-scheme:dark){:root{--primary:#ffb300;--primary-contrast:#2d291f;--primary-highlight:#ffe099;--primary-highlight-shadow:#ffe09950;--text-color:#dcdcdc;--background-color:#212121;--header-color:#2b2b2b;}}html,body,#content>.entry.expanded.selected{color:var(--primary) !important;background-color:var(--background-color) !important;background-image:none !important;}#nav-mark,#nav-mark:hover{color:var(--primary-contrast);}#nav-mark:hover{background:var(--primary-highlight);}#nav{background-color:var(--background-color);}#nav-filter-title,#nav-tags-title,#nav-sources-title{color:var(--text-color);}#nav-tags li a,#nav-sources li a,#nav-filter li a{color:var(--text-color);}#nav-filter li a.active,#nav-tags li a.active,#nav-sources li a.active{background:var(--primary);color:var(--primary-contrast) !important;}#nav-filter li a:hover,#nav-tags li a:hover,#nav-sources li a:hover{background:var(--primary-highlight);color:var(--primary-contrast) !important;}#nav-filter>.active>span.offline-count,#nav-filter .active span{color:var(--primary-contrast) !important;}.nav-toolbar>button,.nav-toolbar>a{background:transparent !important;color:var(--text-color) !important;}div.entry,.source{background:var(--background-color);}.entry.unread .entry-title,.source-title{color:var(--text-color) !important;}.entry.selected.unread,.entry.unread{border-left:5px solid var(--primary);}.entry.selected{border-color:var(--primary);}#content>.entry.expanded.selected{color:var(--text-color) !important;}.entry-toolbar{background-color:var(--background-color);border-top:1p solid var(--text-color);}#search{background-color:var(--primary);}#search>button>svg{filter:invert(100%)}#search-term:focus{color:var(--text-color);}#nav-mobile{background-color:var(--header-color);}@media screen and (max-width:1024px){.entry.selected.unread,.entry.unread{border-left:0;border-right:5px solid var(--primary);}}@media screen and (max-width:1024px){.entry.selected{background-color:initial;}}@media (prefers-color-scheme:light){#nav-mobile-logo,#nav-mobile-settings{filter:invert(100%);}}@media screen and (max-width:1024px){#search-button{background-color:var(--primary-highlight);}} +\ No newline at end of file diff --git a/css/user.css b/css/user.css @@ -4,5 +4,7 @@ @media screen and (max-width:641px){#nav-mobile{position:fixed;z-index:1;}#nav,#content{margin-top:50px;}#nav-filter-title,#nav-filter,#nav-tags-title,#nav-sources-title{font-size:1.1em;}#nav-tags,#nav-sources{font-size:1.25em;}#search>input[type="search"],#search-button{width:100%;margin-left:10px;}.entry-title{font-size:1.25em;}.entry-tags,.entry-source,.entry-separator,.entry-author,.entry-datetime,.entry-readtime{font-size:1.1em;overflow-wrap:anywhere;}.entry-content{font-size:1.075em;}.entry:not(.expanded) .entry-toolbar{display:block;border-bottom:2px solid grey;border-top:none;}.entry-loadimages{display:none !important;}.stream-button.mark-these-read{display:none;}} /* Desktop Rules */ @media screen and (min-width:641px){.entry:not(.expanded) .entry-toolbar{display:block;padding:0px;background:inherit;border:0;margin-top:-2px;opacity:0.0;}.entry:not(.expanded):hover .entry-toolbar{opacity:1.0;}.entry-content{column-count:1;}} +/* Accessibility Rules */ +.entry-content{font-size:max(1em;16pt);} /* Simple CSS Rules */ -:root{--primary:#0d47a1;--primary-contrast:#dcdcdc;--primary-highlight:#1266e2;--primary-highlight-shadow:#1266e250;--text-color:#212121;--background-color:#ffffff;--header-color:#f5f7ff;}@media (prefers-color-scheme:dark){:root{--primary:#ffb300;--primary-contrast:#2d291f;--primary-highlight:#ffe099;--primary-highlight-shadow:#ffe09950;--text-color:#dcdcdc;--background-color:#212121;--header-color:#2b2b2b;}}html,body,#content>.entry.expanded.selected{color:var(--primary) !important;background-color:var(--background-color) !important;background-image:none !important;}#nav-mark,#nav-mark:hover{color:var(--primary-contrast);}#nav-mark:hover{background:var(--primary-highlight);}#nav{background-color:var(--background-color);}#nav-tags li a,#nav-sources li a{color:var(--text-color);}#nav-filter li a.active,#nav-tags li a.active,#nav-sources li a.active{background:var(--primary);color:var(--primary-contrast) !important;}#nav-filter li a:hover,#nav-tags li a:hover,#nav-sources li a:hover{background:var(--primary-highlight);color:var(--primary-contrast) !important;}#nav-filter>.active>span.offline-count,#nav-filter .active span{color:var(--primary-contrast) !important;}.nav-toolbar>button,.nav-toolbar>a{background:transparent !important;}div.entry,.source{background:var(--background-color);}.entry.unread .entry-title,.source-title{color:var(--text-color) !important;}.entry.selected.unread,.entry.unread{border-left:5px solid var(--primary);}.entry.selected{border-color:var(--primary);}#content>.entry.expanded.selected{color:var(--text-color) !important;}.entry-toolbar{background-color:var(--background-color);border-top:1p solid var(--text-color);}#search{background-color:var(--primary);}#search>button>svg{filter:invert(100%)}#search-term:focus{color:var(--text-color);}#nav-mobile{background-color:var(--header-color);}@media screen and (max-width:1024px){.entry.selected.unread,.entry.unread{border-left:0;border-right:5px solid var(--primary);}}@media screen and (max-width:1024px){.entry.selected{background-color:initial;}}@media (prefers-color-scheme:light){#nav-mobile-logo,#nav-mobile-settings{filter:invert(100%);}}@media screen and (max-width:1024px){#search-button{background-color:var(--primary-highlight);}} +:root{--primary:#0d47a1;--primary-contrast:#ffffff;--primary-highlight:#1266e2;--primary-highlight-shadow:#1266e250;--text-color:#212121;--background-color:#ffffff;--header-color:#f5f7ff;}@media (prefers-color-scheme:dark){:root{--primary:#ffb300;--primary-contrast:#2d291f;--primary-highlight:#ffe099;--primary-highlight-shadow:#ffe09950;--text-color:#dcdcdc;--background-color:#212121;--header-color:#2b2b2b;}}html,body,#content>.entry.expanded.selected{color:var(--primary) !important;background-color:var(--background-color) !important;background-image:none !important;}#nav-mark,#nav-mark:hover{color:var(--primary-contrast);}#nav-mark:hover{background:var(--primary-highlight);}#nav{background-color:var(--background-color);}#nav-filter-title,#nav-tags-title,#nav-sources-title{color:var(--text-color);}#nav-tags li a,#nav-sources li a,#nav-filter li a{color:var(--text-color);}#nav-filter li a.active,#nav-tags li a.active,#nav-sources li a.active{background:var(--primary);color:var(--primary-contrast) !important;}#nav-filter li a:hover,#nav-tags li a:hover,#nav-sources li a:hover{background:var(--primary-highlight);color:var(--primary-contrast) !important;}#nav-filter>.active>span.offline-count,#nav-filter .active span{color:var(--primary-contrast) !important;}.nav-toolbar>button,.nav-toolbar>a{background:transparent !important;color:var(--text-color) !important;}div.entry,.source{background:var(--background-color);}.entry.unread .entry-title,.source-title{color:var(--text-color) !important;}.entry.selected.unread,.entry.unread{border-left:5px solid var(--primary);}.entry.selected{border-color:var(--primary);}#content>.entry.expanded.selected{color:var(--text-color) !important;}.entry-toolbar{background-color:var(--background-color);border-top:1p solid var(--text-color);}#search{background-color:var(--primary);}#search>button>svg{filter:invert(100%)}#search-term:focus{color:var(--text-color);}#nav-mobile{background-color:var(--header-color);}@media screen and (max-width:1024px){.entry.selected.unread,.entry.unread{border-left:0;border-right:5px solid var(--primary);}}@media screen and (max-width:1024px){.entry.selected{background-color:initial;}}@media (prefers-color-scheme:light){#nav-mobile-logo,#nav-mobile-settings{filter:invert(100%);}}@media screen and (max-width:1024px){#search-button{background-color:var(--primary-highlight);}}