commit ada84ba3d4b2046a13729afc8f90e266b49d0a0b
parent ac96e3b686fd27e018b9a158edb1dd91e9bd4f6c
Author: JayVii <jayvii[AT]posteo[DOT]de>
Date: Thu, 25 Dec 2025 13:47:57 +0100
feat: add hover colours
Diffstat:
3 files changed, 18 insertions(+), 4 deletions(-)
diff --git a/css/simple.css b/css/simple.css
@@ -29,6 +29,9 @@ html, body, #content > .entry.expanded.selected {
#nav-mark, #nav-mark:hover {
color: var(--primary-contrast);
}
+#nav-mark:hover {
+ background: var(--primary-highlight);
+}
#nav {
background-color: var(--background-color);
@@ -41,11 +44,19 @@ html, body, #content > .entry.expanded.selected {
}
#nav-filter li a.active,
-#nav-tags 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
@@ -63,6 +74,9 @@ html, body, #content > .entry.expanded.selected {
div.entry, .source {
background: var(--background-color);
}
+.entry-title {
+ color: var(--text-color);
+}
.entry.selected {
border-color: var(--primary);
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;}@media (prefers-color-scheme:dark){:root{--primary:#ffb300;--primary-contrast:#2d291f;--primary-highlight:#ffe099;--primary-highlight-shadow:#ffe09950;--text-color:#dcdcdc;--background-color:#212121;}}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{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{background:var(--primary);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.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);}
-\ No newline at end of file
+:root{--primary:#0d47a1;--primary-contrast:#dcdcdc;--primary-highlight:#1266e2;--primary-highlight-shadow:#1266e250;--text-color:#212121;--background-color:#ffffff;}@media (prefers-color-scheme:dark){:root{--primary:#ffb300;--primary-contrast:#2d291f;--primary-highlight:#ffe099;--primary-highlight-shadow:#ffe09950;--text-color:#dcdcdc;--background-color:#212121;}}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-title{color:var(--text-color);}.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);}
+\ No newline at end of file
diff --git a/css/user.css b/css/user.css
@@ -5,4 +5,4 @@
/* 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;}}
/* Simple CSS Rules */
-:root{--primary:#0d47a1;--primary-contrast:#dcdcdc;--primary-highlight:#1266e2;--primary-highlight-shadow:#1266e250;--text-color:#212121;--background-color:#ffffff;}@media (prefers-color-scheme:dark){:root{--primary:#ffb300;--primary-contrast:#2d291f;--primary-highlight:#ffe099;--primary-highlight-shadow:#ffe09950;--text-color:#dcdcdc;--background-color:#212121;}}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{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{background:var(--primary);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.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);}
+:root{--primary:#0d47a1;--primary-contrast:#dcdcdc;--primary-highlight:#1266e2;--primary-highlight-shadow:#1266e250;--text-color:#212121;--background-color:#ffffff;}@media (prefers-color-scheme:dark){:root{--primary:#ffb300;--primary-contrast:#2d291f;--primary-highlight:#ffe099;--primary-highlight-shadow:#ffe09950;--text-color:#dcdcdc;--background-color:#212121;}}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-title{color:var(--text-color);}.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);}