Improve the legibility on dark mode

fujimotos · fujimotos · commit 8aac8a994de3 · 2022-11-08T20:33:56.000+09:00
I found that it is hard to read the subtitles in the index page
with dark mode enabled. Add more dark-mode styles to fix it.

Signed-off-by: Fujimoto Seiji &lt;fujimoto@ceptord.net&gt;
diff --git a/source/_static/custom.css b/source/_static/custom.css
@@ -17,11 +17,15 @@ table.table-of-contents td {
     padding-bottom: 0.5em;
 }
 
-table.table-of-contents td  p {
+table.table-of-contents td p {
     color: #343434;
     margin-bottom: 0.3em;
 }
 
+html[data-theme="dark"] table.table-of-contents td p {
+    color: #fafafa;
+}
+
 html[data-theme="dark"] .logo img {
     filter: invert(100%) sepia(98%) saturate(0%) hue-rotate(307deg) brightness(104%) contrast(104%);
 }

Original file line number	Diff line number	Diff line change
`@@ -17,11 +17,15 @@ table.table-of-contents td {`
`17`	`17`	`padding-bottom: 0.5em;`
`18`	`18`	`}`
`19`	`19`
`20`		`-table.table-of-contents td p {`
	`20`	`+table.table-of-contents td p {`
`21`	`21`	`color: #343434;`
`22`	`22`	`margin-bottom: 0.3em;`
`23`	`23`	`}`
`24`	`24`
	`25`	`+html[data-theme="dark"] table.table-of-contents td p {`
	`26`	`+ color: #fafafa;`
	`27`	`+}`
	`28`	`+`
`25`	`29`	`html[data-theme="dark"] .logo img {`
`26`	`30`	`filter: invert(100%) sepia(98%) saturate(0%) hue-rotate(307deg) brightness(104%) contrast(104%);`
`27`	`31`	`}`