Tweaked CSS so that the background of inline code fragments looks better

In case they appear on special sections that have a distinct background color.

Author: doxygen

templates/html/darkmode_settings.css

@@ -151,6 +151,7 @@
 --fragment-lineno-link-hover-fg-color: #8E96A1;
 --fragment-lineno-link-hover-bg-color: #505050;
 --fragment-copy-ok-color: #0EA80E;
+--fragment-highlight-filter: 5;
 --tooltip-foreground-color: #C9D1D9;
 --tooltip-background-color: #202020;
 --tooltip-arrow-background-color: #202020;

templates/html/doxygen.css

@@ -1509,6 +1509,10 @@ dl.warning dt, dl.attention dt, dl.important dt {
 	color: var(--warning-color-hl);
 }
 
+dl.warning .tt, dl.attention .tt, dl.important .tt {
+	background-color: hsl(from var(--warning-color-bg) h s calc(l + var(--fragment-highlight-filter)));
+}
+
 dl.note, dl.remark {
 	background: var(--note-color-bg);
 	border-left: 8px solid var(--note-color-hl);
@@ -1519,6 +1523,10 @@ dl.note dt, dl.remark dt {
 	color: var(--note-color-hl);
 }
 
+dl.note .tt, dl.remark .tt {
+	background-color: hsl(from var(--note-color-bg) h s calc(l + var(--fragment-highlight-filter)));
+}
+
 dl.todo {
 	background: var(--todo-color-bg);
 	border-left: 8px solid var(--todo-color-hl);
@@ -1529,6 +1537,10 @@ dl.todo dt {
 	color: var(--todo-color-hl);
 }
 
+dl.todo .tt {
+	background-color: hsl(from var(--todo-color-bg) h s calc(l + var(--fragment-highlight-filter)));
+}
+
 dl.test {
 	background: var(--test-color-bg);
 	border-left: 8px solid var(--test-color-hl);
@@ -1539,6 +1551,10 @@ dl.test dt {
 	color: var(--test-color-hl);
 }
 
+dl.test .tt {
+	background-color: hsl(from var(--test-color-bg) h s calc(l + var(--fragment-highlight-filter)));
+}
+
 dl.bug dt a {
 	color: var(--bug-color-hl) !important;
 }
@@ -1553,6 +1569,10 @@ dl.bug dt a {
 	color: var(--bug-color-hl) !important;
 }
 
+dl.bug .tt {
+	background-color: hsl(from var(--bug-color-bg) h s calc(l + var(--fragment-highlight-filter)));
+}
+
 dl.deprecated {
 	background: var(--deprecated-color-bg);
 	border-left: 8px solid var(--deprecated-color-hl);
@@ -1563,12 +1583,11 @@ dl.deprecated dt a {
 	color: var(--deprecated-color-hl) !important;
 }
 
-dl.note dd, dl.warning dd, dl.pre dd, dl.post dd,
-dl.remark dd, dl.attention dd, dl.important dd, dl.invariant dd,
-dl.bug dd, dl.deprecated dd, dl.todo dd, dl.test dd {
-	margin-inline-start: 0px;
+dl.deprecated .tt {
+	background-color: hsl(from var(--deprecated-color-bg) h s calc(l + var(--fragment-highlight-filter)));
 }
 
+
 dl.invariant, dl.pre, dl.post {
 	background: var(--invariant-color-bg);
 	border-left: 8px solid var(--invariant-color-hl);
@@ -1579,6 +1598,16 @@ dl.invariant dt, dl.pre dt, dl.post dt {
 	color: var(--invariant-color-hl);
 }
 
+dl.invariant .tt, dl.pre .tt, dl.post .tt {
+	background-color: hsl(from var(--invariant-color-bg) h s calc(l + var(--fragment-highlight-filter)));
+}
+
+dl.note dd, dl.warning dd, dl.pre dd, dl.post dd,
+dl.remark dd, dl.attention dd, dl.important dd, dl.invariant dd,
+dl.bug dd, dl.deprecated dd, dl.todo dd, dl.test dd {
+	margin-inline-start: 0px;
+}
+
 
 #projectrow
 {

templates/html/lightmode_settings.css

@@ -155,6 +155,7 @@
 --fragment-lineno-link-hover-fg-color: ##60;
 --fragment-lineno-link-hover-bg-color: #C8C8C8;
 --fragment-copy-ok-color: #2EC82E;
+--fragment-highlight-filter: -3;
 --tooltip-foreground-color: black;
 --tooltip-background-color: rgba(255,255,255,0.8);
 --tooltip-arrow-background-color: white;