feedc0de/date
1
0 Fork 0
forked from HowardHinnant/date
Code Pull Requests Activity

Support dark color-scheme

Browse Source 
This patch updates the html documentation to add the color-scheme meta
element, signaling ligth and dark color scheme support, and updating the
inline CSS styles to override some colors when dark mode is active, to
make sure that the document is always readable.

I've also cleaned up a bit the CSS styles, but without functional
changes.
This commit is contained in:
Andrea Pappacoda authored and Howard Hinnant committed 2024-09-28 16:39:58 -04:00
1 parent 88d9e5ceff
commit 8eeae97520
7 files changed
+55 -75
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

chrono_io.html
+7 -10
View File
@@ -4,20 +4,17 @@
<head>
<title>chrono_io</title>
<meta name="color-scheme" content="light dark" />
<style>
p {text-align:justify}
li {text-align:justify}
blockquote.note
{
background-color:#E0E0E0;
padding-left: 15px;
padding-right: 15px;
padding-top: 1px;
padding-bottom: 1px;
}
li, p {text-align:justify}
ins {color:#00A000}
del {color:#A00000}
code {white-space:pre;}
@media (prefers-color-scheme: dark)
{
ins {color:#88FF88}
del {color:#FF5555}
}
</style>
</head>
<body>
d0355r7.html
+13 -15
View File
@@ -3,19 +3,11 @@
<html>
<head>
<meta charset="utf-8">
<meta name="color-scheme" content="light dark">
<title>Extending &lt;chrono&gt; to Calendars and Time Zones</title>
<style type="text/css">
p {text-align:justify}
li {text-align:justify}
blockquote.note
{
background-color:#E0E0E0;
padding-left: 15px;
padding-right: 15px;
padding-top: 1px;
padding-bottom: 1px;
}
p.note
<style type="text/css">
li, p {text-align:justify}
blockquote.note, p.note
{
background-color:#E0E0E0;
padding-left: 15px;
@@ -25,11 +17,17 @@
}
ins {color:#00A000}
del {color:#A00000}
address {text-align:right;}
h1 {text-align:center;}
span.comment {color:#C80000;}
address {text-align:right;}
h1 {text-align:center;}
code {white-space:pre;}
@media (prefers-color-scheme: dark)
{
blockquote.note, p.note {background-color:#505050}
ins {color:#88FF88}
del {color:#FF5555}
}
</style>
</head>
<body>
date.html
+7 -10
View File
@@ -4,20 +4,17 @@
<head>
<title>date</title>
<meta name="color-scheme" content="light dark" />
<style>
p {text-align:justify}
li {text-align:justify}
blockquote.note
{
background-color:#E0E0E0;
padding-left: 15px;
padding-right: 15px;
padding-top: 1px;
padding-bottom: 1px;
}
li, p {text-align:justify}
ins {color:#00A000}
del {color:#A00000}
code {white-space:pre;}
@media (prefers-color-scheme: dark)
{
ins {color:#88FF88}
del {color:#FF5555}
}
</style>
</head>
<body>
islamic.html
+7 -10
View File
@@ -4,20 +4,17 @@
<head>
<title>islamic</title>
<meta name="color-scheme" content="light dark" />
<style>
p {text-align:justify}
li {text-align:justify}
blockquote.note
{
background-color:#E0E0E0;
padding-left: 15px;
padding-right: 15px;
padding-top: 1px;
padding-bottom: 1px;
}
li, p {text-align:justify}
ins {color:#00A000}
del {color:#A00000}
code {white-space:pre;}
@media (prefers-color-scheme: dark)
{
ins {color:#88FF88}
del {color:#FF5555}
}
</style>
</head>
<body>
iso_week.html
+7 -10
View File
@@ -4,20 +4,17 @@
<head>
<title>iso_week</title>
<meta name="color-scheme" content="light dark" />
<style>
p {text-align:justify}
li {text-align:justify}
blockquote.note
{
background-color:#E0E0E0;
padding-left: 15px;
padding-right: 15px;
padding-top: 1px;
padding-bottom: 1px;
}
li, p {text-align:justify}
ins {color:#00A000}
del {color:#A00000}
code {white-space:pre;}
@media (prefers-color-scheme: dark)
{
ins {color:#88FF88}
del {color:#FF5555}
}
</style>
</head>
<body>
julian.html
+7 -10
View File
@@ -4,20 +4,17 @@
<head>
<title>julian</title>
<meta name="color-scheme" content="light dark" />
<style>
p {text-align:justify}
li {text-align:justify}
blockquote.note
{
background-color:#E0E0E0;
padding-left: 15px;
padding-right: 15px;
padding-top: 1px;
padding-bottom: 1px;
}
li, p {text-align:justify}
ins {color:#00A000}
del {color:#A00000}
code {white-space:pre;}
@media (prefers-color-scheme: dark)
{
ins {color:#88FF88}
del {color:#FF5555}
}
</style>
</head>
<body>
tz.html
+7 -10
View File
@@ -4,20 +4,17 @@
<head>
<title>Time Zone Database Parser</title>
<meta name="color-scheme" content="light dark" />
<style>
p {text-align:justify}
li {text-align:justify}
blockquote.note
{
background-color:#E0E0E0;
padding-left: 15px;
padding-right: 15px;
padding-top: 1px;
padding-bottom: 1px;
}
li, p {text-align:justify}
ins {color:#00A000}
del {color:#A00000}
code {white-space:pre;}
@media (prefers-color-scheme: dark)
{
ins {color:#88FF88}
del {color:#FF5555}
}
</style>
</head>
<body>