diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6aeba4345..590fbbdd7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,7 @@ Important changes to data models, configuration, and migrations between each
 AppEngine version, listed here to ease deployment and troubleshooting.
 
 ## Next Release (replace with git tag when deployed)
+ - Reduced flash of white while loading pages in dark mode.
 
 ## `20250626t093300-all`
  * Bump runtimeVersion to `2025.06.20`.
diff --git a/app/lib/dartdoc/dartdoc_page.dart b/app/lib/dartdoc/dartdoc_page.dart
index c71c3a969..2d39ebce5 100644
--- a/app/lib/dartdoc/dartdoc_page.dart
+++ b/app/lib/dartdoc/dartdoc_page.dart
@@ -102,6 +102,7 @@ extension DartDocPageRender on DartDocPage {
             name: 'viewport',
             content:
                 'width=device-width, height=device-height, initial-scale=1, user-scalable=no'),
+        d.meta(name: 'color-scheme', content: 'light dark'),
         d.meta(name: 'generator', content: 'made with love by dartdoc'),
         d.meta(name: 'description', content: description),
         d.element('title', text: _pageTitle(options)),
@@ -286,6 +287,7 @@ extension DartDocPageRender on DartDocPage {
     final dataBaseHref = p.relative('', from: p.dirname(options.path));
     return d.element('body', classes: [
       'light-theme',
+      'loading-theme',
     ], attributes: {
       'data-base-href':
           baseHref ?? (dataBaseHref == '.' ? '' : '$dataBaseHref/'),
diff --git a/app/lib/frontend/dom/dom.dart b/app/lib/frontend/dom/dom.dart
index 07e3a1945..ddbf38da9 100644
--- a/app/lib/frontend/dom/dom.dart
+++ b/app/lib/frontend/dom/dom.dart
@@ -758,6 +758,7 @@ Node script({
   String? text,
   String? type,
   String? src,
+  String? blocking,
   bool async = false,
   bool defer = false,
   String? onload,
@@ -769,6 +770,7 @@ Node script({
       attributes: <String, String>{
         if (type != null) 'type': type,
         if (src != null) 'src': src,
+        if (blocking != null) 'blocking': blocking,
         if (async) 'async': 'async',
         if (defer) 'defer': 'defer',
         if (onload != null) 'onload': onload,
diff --git a/app/lib/frontend/templates/views/shared/layout.dart b/app/lib/frontend/templates/views/shared/layout.dart
index 8cb5befeb..ff43755c5 100644
--- a/app/lib/frontend/templates/views/shared/layout.dart
+++ b/app/lib/frontend/templates/views/shared/layout.dart
@@ -59,6 +59,7 @@ d.Node pageLayoutNode({
               name: 'viewport',
               content: 'width=device-width, initial-scale=1',
             ),
+            d.meta(name: 'color-scheme', content: 'light dark'),
             if (noIndex) d.meta(name: 'robots', content: 'noindex'),
 
             // <!-- Twitter tags -->
@@ -183,6 +184,8 @@ d.Node pageLayoutNode({
             requestContext.experimentalFlags.isDarkModeDefault
                 ? 'dark-theme'
                 : 'light-theme',
+            // `loading-theme` will be removed by the dark-init.js script
+            'loading-theme',
           ],
           attributes: {
             if (activeConfiguration.isStaging) 'data-staging': '1',
@@ -191,7 +194,9 @@ d.Node pageLayoutNode({
             // The initialization of dark theme must be in a synchronous, blocking
             // script execution, as otherwise users may see flash of unstyled content
             // (usually white background instead of a dark theme).
-            d.script(src: staticUrls.getAssetUrl('/static/js/dark-init.js')),
+            d.script(
+                src: staticUrls.getAssetUrl('/static/js/dark-init.js'),
+                blocking: 'render'),
             if (activeConfiguration.isStaging)
               d.div(classes: ['staging-ribbon'], text: 'staging'),
             // <!-- Google Tag Manager (noscript) -->
diff --git a/app/test/frontend/golden/authorized_page.html b/app/test/frontend/golden/authorized_page.html
index b836bae69..66903bd32 100644
--- a/app/test/frontend/golden/authorized_page.html
+++ b/app/test/frontend/golden/authorized_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/consent_page.html b/app/test/frontend/golden/consent_page.html
index 6be2b8c71..a28937adf 100644
--- a/app/test/frontend/golden/consent_page.html
+++ b/app/test/frontend/golden/consent_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/create_publisher_page.html b/app/test/frontend/golden/create_publisher_page.html
index 3ae2502de..1880dbf6b 100644
--- a/app/test/frontend/golden/create_publisher_page.html
+++ b/app/test/frontend/golden/create_publisher_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/error_page.html b/app/test/frontend/golden/error_page.html
index abd077741..ed014c7c2 100644
--- a/app/test/frontend/golden/error_page.html
+++ b/app/test/frontend/golden/error_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/help_page.html b/app/test/frontend/golden/help_page.html
index f6129aa61..db0b7496a 100644
--- a/app/test/frontend/golden/help_page.html
+++ b/app/test/frontend/golden/help_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
     <meta name="twitter:description" content="Pub is the package manager for the Dart programming language, containing reusable libraries &amp; packages for Flutter and general Dart programs."/>
diff --git a/app/test/frontend/golden/landing_page.html b/app/test/frontend/golden/landing_page.html
index 564bd9bc0..fcf0086bb 100644
--- a/app/test/frontend/golden/landing_page.html
+++ b/app/test/frontend/golden/landing_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
     <meta name="twitter:description" content="Pub is the package manager for the Dart programming language, containing reusable libraries &amp; packages for Flutter and general Dart programs."/>
diff --git a/app/test/frontend/golden/my_activity_log_page.html b/app/test/frontend/golden/my_activity_log_page.html
index f8b8e40ce..57b893fcf 100644
--- a/app/test/frontend/golden/my_activity_log_page.html
+++ b/app/test/frontend/golden/my_activity_log_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/my_liked_packages.html b/app/test/frontend/golden/my_liked_packages.html
index dcba119b0..f07203396 100644
--- a/app/test/frontend/golden/my_liked_packages.html
+++ b/app/test/frontend/golden/my_liked_packages.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/my_packages.html b/app/test/frontend/golden/my_packages.html
index 0b6951dd6..828c363dd 100644
--- a/app/test/frontend/golden/my_packages.html
+++ b/app/test/frontend/golden/my_packages.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/my_publishers.html b/app/test/frontend/golden/my_publishers.html
index 13f8fe30b..4bec78fd5 100644
--- a/app/test/frontend/golden/my_publishers.html
+++ b/app/test/frontend/golden/my_publishers.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/pkg_activity_log_page.html b/app/test/frontend/golden/pkg_activity_log_page.html
index c91318bc0..8e7d5924c 100644
--- a/app/test/frontend/golden/pkg_activity_log_page.html
+++ b/app/test/frontend/golden/pkg_activity_log_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/pkg_admin_page.html b/app/test/frontend/golden/pkg_admin_page.html
index 7cdfe8ac6..ef46fe903 100644
--- a/app/test/frontend/golden/pkg_admin_page.html
+++ b/app/test/frontend/golden/pkg_admin_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/pkg_changelog_page.html b/app/test/frontend/golden/pkg_changelog_page.html
index 69cad5e8f..1dc27a996 100644
--- a/app/test/frontend/golden/pkg_changelog_page.html
+++ b/app/test/frontend/golden/pkg_changelog_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/pkg_example_page.html b/app/test/frontend/golden/pkg_example_page.html
index b3df48128..ce2266ebf 100644
--- a/app/test/frontend/golden/pkg_example_page.html
+++ b/app/test/frontend/golden/pkg_example_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/pkg_index_page.html b/app/test/frontend/golden/pkg_index_page.html
index f09df61cb..ce3746ca0 100644
--- a/app/test/frontend/golden/pkg_index_page.html
+++ b/app/test/frontend/golden/pkg_index_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/pkg_install_page.html b/app/test/frontend/golden/pkg_install_page.html
index c70926525..4d9f79f1c 100644
--- a/app/test/frontend/golden/pkg_install_page.html
+++ b/app/test/frontend/golden/pkg_install_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/pkg_score_page.html b/app/test/frontend/golden/pkg_score_page.html
index 46e5c0f8f..0407d3d6e 100644
--- a/app/test/frontend/golden/pkg_score_page.html
+++ b/app/test/frontend/golden/pkg_score_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/pkg_score_page_with_downloads_chart.html b/app/test/frontend/golden/pkg_score_page_with_downloads_chart.html
index 46e5c0f8f..0407d3d6e 100644
--- a/app/test/frontend/golden/pkg_score_page_with_downloads_chart.html
+++ b/app/test/frontend/golden/pkg_score_page_with_downloads_chart.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/pkg_show_page.html b/app/test/frontend/golden/pkg_show_page.html
index ff7577f5a..fcce0f1d5 100644
--- a/app/test/frontend/golden/pkg_show_page.html
+++ b/app/test/frontend/golden/pkg_show_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/pkg_show_page_discontinued.html b/app/test/frontend/golden/pkg_show_page_discontinued.html
index 34ad63852..829b131f1 100644
--- a/app/test/frontend/golden/pkg_show_page_discontinued.html
+++ b/app/test/frontend/golden/pkg_show_page_discontinued.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/pkg_show_page_flutter_plugin.html b/app/test/frontend/golden/pkg_show_page_flutter_plugin.html
index 4cc5f122d..e5d2f3a25 100644
--- a/app/test/frontend/golden/pkg_show_page_flutter_plugin.html
+++ b/app/test/frontend/golden/pkg_show_page_flutter_plugin.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/pkg_show_page_publisher.html b/app/test/frontend/golden/pkg_show_page_publisher.html
index e5c0a75c5..9a660cade 100644
--- a/app/test/frontend/golden/pkg_show_page_publisher.html
+++ b/app/test/frontend/golden/pkg_show_page_publisher.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/pkg_show_page_retracted.html b/app/test/frontend/golden/pkg_show_page_retracted.html
index aaef9b575..dad715487 100644
--- a/app/test/frontend/golden/pkg_show_page_retracted.html
+++ b/app/test/frontend/golden/pkg_show_page_retracted.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/pkg_show_page_retracted_non_retracted_version.html b/app/test/frontend/golden/pkg_show_page_retracted_non_retracted_version.html
index 404479b1f..9fbdfdb6f 100644
--- a/app/test/frontend/golden/pkg_show_page_retracted_non_retracted_version.html
+++ b/app/test/frontend/golden/pkg_show_page_retracted_non_retracted_version.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/pkg_show_version_page.html b/app/test/frontend/golden/pkg_show_version_page.html
index 4a35d9411..5949583f5 100644
--- a/app/test/frontend/golden/pkg_show_version_page.html
+++ b/app/test/frontend/golden/pkg_show_version_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/pkg_versions_page.html b/app/test/frontend/golden/pkg_versions_page.html
index 460ee5331..4d1378f94 100644
--- a/app/test/frontend/golden/pkg_versions_page.html
+++ b/app/test/frontend/golden/pkg_versions_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
     <meta name="twitter:description" content="Pub is the package manager for the Dart programming language, containing reusable libraries &amp; packages for Flutter and general Dart programs."/>
diff --git a/app/test/frontend/golden/publisher_activity_log_page.html b/app/test/frontend/golden/publisher_activity_log_page.html
index aeca2eb3f..5bdeb1839 100644
--- a/app/test/frontend/golden/publisher_activity_log_page.html
+++ b/app/test/frontend/golden/publisher_activity_log_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/publisher_admin_page.html b/app/test/frontend/golden/publisher_admin_page.html
index 54f30dae2..3aa1d5da5 100644
--- a/app/test/frontend/golden/publisher_admin_page.html
+++ b/app/test/frontend/golden/publisher_admin_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/publisher_list_page.html b/app/test/frontend/golden/publisher_list_page.html
index 12d8a5707..113f424e7 100644
--- a/app/test/frontend/golden/publisher_list_page.html
+++ b/app/test/frontend/golden/publisher_list_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
     <meta name="twitter:description" content="Pub is the package manager for the Dart programming language, containing reusable libraries &amp; packages for Flutter and general Dart programs."/>
diff --git a/app/test/frontend/golden/publisher_packages_page.html b/app/test/frontend/golden/publisher_packages_page.html
index 28e34e744..7af33fa66 100644
--- a/app/test/frontend/golden/publisher_packages_page.html
+++ b/app/test/frontend/golden/publisher_packages_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
     <meta name="twitter:description" content="Pub is the package manager for the Dart programming language, containing reusable libraries &amp; packages for Flutter and general Dart programs."/>
diff --git a/app/test/frontend/golden/publisher_unlisted_packages_page.html b/app/test/frontend/golden/publisher_unlisted_packages_page.html
index 6512d6849..6607d61a4 100644
--- a/app/test/frontend/golden/publisher_unlisted_packages_page.html
+++ b/app/test/frontend/golden/publisher_unlisted_packages_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/report_page.html b/app/test/frontend/golden/report_page.html
index f84610237..ec2868a5a 100644
--- a/app/test/frontend/golden/report_page.html
+++ b/app/test/frontend/golden/report_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/report_page_appeal.html b/app/test/frontend/golden/report_page_appeal.html
index 5beaa3410..024cb599e 100644
--- a/app/test/frontend/golden/report_page_appeal.html
+++ b/app/test/frontend/golden/report_page_appeal.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/search_page.html b/app/test/frontend/golden/search_page.html
index 1bdd348a1..5e5f103d5 100644
--- a/app/test/frontend/golden/search_page.html
+++ b/app/test/frontend/golden/search_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
diff --git a/app/test/frontend/golden/topics_page.html b/app/test/frontend/golden/topics_page.html
index bb30b311c..036128546 100644
--- a/app/test/frontend/golden/topics_page.html
+++ b/app/test/frontend/golden/topics_page.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
     <meta name="twitter:description" content="Pub is the package manager for the Dart programming language, containing reusable libraries &amp; packages for Flutter and general Dart programs."/>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/index.html b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/index.html
index ac3b4e57b..e9df9dbb7 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/index.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/index.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="oxygen API docs, for the Dart programming language."/>
     <title>oxygen - Dart API docs</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass-class.html b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass-class.html
index 499e2fd26..ddd0a01ca 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass-class.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass-class.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the MainClass class from the oxygen library, for the Dart programming language."/>
     <title>MainClass class - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass/MainClass.html b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass/MainClass.html
index 35c6fed2e..16649f6df 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass/MainClass.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass/MainClass.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the MainClass.new constructor from Class MainClass from the oxygen library, for the Dart programming language."/>
     <title>MainClass.new constructor - MainClass - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass/text.html b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass/text.html
index a02737f38..58a913f69 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass/text.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass/text.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the text property from the MainClass class, for the Dart programming language."/>
     <title>text property - MainClass class - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass/toLowerCase.html b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass/toLowerCase.html
index fbcaad079..0900043e9 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass/toLowerCase.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass/toLowerCase.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the toLowerCase method from the MainClass class, for the Dart programming language."/>
     <title>toLowerCase method - MainClass class - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass/toString.html b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass/toString.html
index 3fe33226e..3226b2e1b 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass/toString.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/MainClass/toString.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the toString method from the MainClass class, for the Dart programming language."/>
     <title>toString method - MainClass class - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/TypeEnum.html b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/TypeEnum.html
index 7ec3db5fd..d4325c3d7 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/TypeEnum.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/TypeEnum.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the TypeEnum enum from the oxygen library, for the Dart programming language."/>
     <title>TypeEnum enum - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/TypeEnum/values-constant.html b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/TypeEnum/values-constant.html
index 281228f15..5b40ead8f 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/TypeEnum/values-constant.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/TypeEnum/values-constant.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the values constant from the TypeEnum enum, for the Dart programming language."/>
     <title>values constant - TypeEnum enum - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/index.html b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/index.html
index f7a583c53..722fe257c 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/index.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/index.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="oxygen library API docs, for the Dart programming language."/>
     <title>oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/main.html b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/main.html
index 68814ce10..01ea5cabf 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/main.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/1.0.0/oxygen/main.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the main function from the oxygen library, for the Dart programming language."/>
     <title>main function - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/index.html b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/index.html
index 25865f54b..dac220686 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/index.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/index.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="oxygen API docs, for the Dart programming language."/>
     <title>oxygen - Dart API docs</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass-class.html b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass-class.html
index 7102a6af6..7d25e1ae6 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass-class.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass-class.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the MainClass class from the oxygen library, for the Dart programming language."/>
     <title>MainClass class - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass/MainClass.html b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass/MainClass.html
index 5904c9e7f..efb36c6e3 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass/MainClass.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass/MainClass.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the MainClass.new constructor from Class MainClass from the oxygen library, for the Dart programming language."/>
     <title>MainClass.new constructor - MainClass - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass/text.html b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass/text.html
index f0f20e4f3..570246f02 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass/text.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass/text.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the text property from the MainClass class, for the Dart programming language."/>
     <title>text property - MainClass class - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass/toLowerCase.html b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass/toLowerCase.html
index 98df85771..b89bfffbb 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass/toLowerCase.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass/toLowerCase.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the toLowerCase method from the MainClass class, for the Dart programming language."/>
     <title>toLowerCase method - MainClass class - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass/toString.html b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass/toString.html
index f2f6d956e..1b2b54fe3 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass/toString.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/MainClass/toString.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the toString method from the MainClass class, for the Dart programming language."/>
     <title>toString method - MainClass class - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/TypeEnum.html b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/TypeEnum.html
index e19102f13..5d21d0be5 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/TypeEnum.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/TypeEnum.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the TypeEnum enum from the oxygen library, for the Dart programming language."/>
     <title>TypeEnum enum - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/TypeEnum/values-constant.html b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/TypeEnum/values-constant.html
index 73f5a36e4..6770fd1e8 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/TypeEnum/values-constant.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/TypeEnum/values-constant.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the values constant from the TypeEnum enum, for the Dart programming language."/>
     <title>values constant - TypeEnum enum - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/index.html b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/index.html
index e2c2ff4c9..387f1db56 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/index.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/index.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="oxygen library API docs, for the Dart programming language."/>
     <title>oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/main.html b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/main.html
index 7cd1ed4fb..0ee72e517 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/main.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/2.0.0/oxygen/main.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the main function from the oxygen library, for the Dart programming language."/>
     <title>main function - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/latest/index.html b/app/test/task/testdata/goldens/documentation/oxygen/latest/index.html
index 3339bcd2f..393e91deb 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/latest/index.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/latest/index.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="oxygen API docs, for the Dart programming language."/>
     <title>oxygen - Dart API docs</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass-class.html b/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass-class.html
index c712d7245..53be1869b 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass-class.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass-class.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the MainClass class from the oxygen library, for the Dart programming language."/>
     <title>MainClass class - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass/MainClass.html b/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass/MainClass.html
index e2b35bdfe..a96ea1109 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass/MainClass.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass/MainClass.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the MainClass.new constructor from Class MainClass from the oxygen library, for the Dart programming language."/>
     <title>MainClass.new constructor - MainClass - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass/text.html b/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass/text.html
index 6041aa716..17dd1929f 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass/text.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass/text.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the text property from the MainClass class, for the Dart programming language."/>
     <title>text property - MainClass class - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass/toLowerCase.html b/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass/toLowerCase.html
index 866e1c706..91c0226d1 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass/toLowerCase.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass/toLowerCase.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the toLowerCase method from the MainClass class, for the Dart programming language."/>
     <title>toLowerCase method - MainClass class - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass/toString.html b/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass/toString.html
index 53dd9a230..b39f4dc67 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass/toString.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/MainClass/toString.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the toString method from the MainClass class, for the Dart programming language."/>
     <title>toString method - MainClass class - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/TypeEnum.html b/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/TypeEnum.html
index b5882f3db..ce9a9f90d 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/TypeEnum.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/TypeEnum.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the TypeEnum enum from the oxygen library, for the Dart programming language."/>
     <title>TypeEnum enum - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/TypeEnum/values-constant.html b/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/TypeEnum/values-constant.html
index 43fd8cb89..4ef75d7a5 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/TypeEnum/values-constant.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/TypeEnum/values-constant.html
@@ -7,6 +7,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the values constant from the TypeEnum enum, for the Dart programming language."/>
     <title>values constant - TypeEnum enum - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/index.html b/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/index.html
index 930c0a020..235c75f22 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/index.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/index.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="oxygen library API docs, for the Dart programming language."/>
     <title>oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/main.html b/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/main.html
index 8614b54e6..b55e19b9f 100644
--- a/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/main.html
+++ b/app/test/task/testdata/goldens/documentation/oxygen/latest/oxygen/main.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="generator" content="made with love by dartdoc"/>
     <meta name="description" content="API docs for the main function from the oxygen library, for the Dart programming language."/>
     <title>main function - oxygen library - Dart API</title>
diff --git a/app/test/task/testdata/goldens/packages/oxygen.html b/app/test/task/testdata/goldens/packages/oxygen.html
index 8a5cad340..78fee1efa 100644
--- a/app/test/task/testdata/goldens/packages/oxygen.html
+++ b/app/test/task/testdata/goldens/packages/oxygen.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
@@ -225,7 +226,7 @@ <h1 id="oxygen" class="hash-header">
               </div>
               <div class="packages-score packages-score-health">
                 <div class="packages-score-value -has-value">
-                  <span class="packages-score-value-number">140</span>
+                  <span class="packages-score-value-number">130</span>
                   <span class="packages-score-value-sign"></span>
                 </div>
                 <div class="packages-score-label">points</div>
@@ -238,12 +239,6 @@ <h1 id="oxygen" class="hash-header">
                 <div class="packages-score-label">downloads</div>
               </div>
             </a>
-            <div class="detail-screenshot-thumbnail">
-              <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/2.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-                <img class="thumbnail-image" src="/packages/oxygen/versions/2.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-              </div>
-              <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-            </div>
             <h3 class="title">Publisher</h3>
             <p>
               <span>unverified uploader</span>
@@ -304,7 +299,7 @@ <h3 class="detail-metadata-title">
             </div>
             <div class="packages-score packages-score-health">
               <div class="packages-score-value -has-value">
-                <span class="packages-score-value-number">140</span>
+                <span class="packages-score-value-number">130</span>
                 <span class="packages-score-value-sign"></span>
               </div>
               <div class="packages-score-label">points</div>
@@ -317,12 +312,6 @@ <h3 class="detail-metadata-title">
               <div class="packages-score-label">downloads</div>
             </div>
           </a>
-          <div class="detail-screenshot-thumbnail">
-            <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/2.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-              <img class="thumbnail-image" src="/packages/oxygen/versions/2.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-            </div>
-            <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-          </div>
           <h3 class="title">Publisher</h3>
           <p>
             <span>unverified uploader</span>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/changelog.html b/app/test/task/testdata/goldens/packages/oxygen/changelog.html
index 53c454f45..bed32b063 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/changelog.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/changelog.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
@@ -231,7 +232,7 @@ <h2 class="changelog-version hash-header" id="200">
               </div>
               <div class="packages-score packages-score-health">
                 <div class="packages-score-value -has-value">
-                  <span class="packages-score-value-number">140</span>
+                  <span class="packages-score-value-number">130</span>
                   <span class="packages-score-value-sign"></span>
                 </div>
                 <div class="packages-score-label">points</div>
@@ -244,12 +245,6 @@ <h2 class="changelog-version hash-header" id="200">
                 <div class="packages-score-label">downloads</div>
               </div>
             </a>
-            <div class="detail-screenshot-thumbnail">
-              <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/2.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-                <img class="thumbnail-image" src="/packages/oxygen/versions/2.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-              </div>
-              <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-            </div>
             <h3 class="title">Publisher</h3>
             <p>
               <span>unverified uploader</span>
@@ -310,7 +305,7 @@ <h3 class="detail-metadata-title">
             </div>
             <div class="packages-score packages-score-health">
               <div class="packages-score-value -has-value">
-                <span class="packages-score-value-number">140</span>
+                <span class="packages-score-value-number">130</span>
                 <span class="packages-score-value-sign"></span>
               </div>
               <div class="packages-score-label">points</div>
@@ -323,12 +318,6 @@ <h3 class="detail-metadata-title">
               <div class="packages-score-label">downloads</div>
             </div>
           </a>
-          <div class="detail-screenshot-thumbnail">
-            <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/2.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-              <img class="thumbnail-image" src="/packages/oxygen/versions/2.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-            </div>
-            <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-          </div>
           <h3 class="title">Publisher</h3>
           <p>
             <span>unverified uploader</span>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/example.html b/app/test/task/testdata/goldens/packages/oxygen/example.html
index 1919dcbc5..c17291af0 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/example.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/example.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
@@ -226,7 +227,7 @@ <h3 class="detail-lead-title">Metadata</h3>
               </div>
               <div class="packages-score packages-score-health">
                 <div class="packages-score-value -has-value">
-                  <span class="packages-score-value-number">140</span>
+                  <span class="packages-score-value-number">130</span>
                   <span class="packages-score-value-sign"></span>
                 </div>
                 <div class="packages-score-label">points</div>
@@ -239,12 +240,6 @@ <h3 class="detail-lead-title">Metadata</h3>
                 <div class="packages-score-label">downloads</div>
               </div>
             </a>
-            <div class="detail-screenshot-thumbnail">
-              <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/2.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-                <img class="thumbnail-image" src="/packages/oxygen/versions/2.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-              </div>
-              <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-            </div>
             <h3 class="title">Publisher</h3>
             <p>
               <span>unverified uploader</span>
@@ -305,7 +300,7 @@ <h3 class="detail-metadata-title">
             </div>
             <div class="packages-score packages-score-health">
               <div class="packages-score-value -has-value">
-                <span class="packages-score-value-number">140</span>
+                <span class="packages-score-value-number">130</span>
                 <span class="packages-score-value-sign"></span>
               </div>
               <div class="packages-score-label">points</div>
@@ -318,12 +313,6 @@ <h3 class="detail-metadata-title">
               <div class="packages-score-label">downloads</div>
             </div>
           </a>
-          <div class="detail-screenshot-thumbnail">
-            <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/2.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-              <img class="thumbnail-image" src="/packages/oxygen/versions/2.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-            </div>
-            <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-          </div>
           <h3 class="title">Publisher</h3>
           <p>
             <span>unverified uploader</span>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/install.html b/app/test/task/testdata/goldens/packages/oxygen/install.html
index ee7adb904..fed7b75de 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/install.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/install.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
@@ -254,7 +255,7 @@ <h3>Import it</h3>
               </div>
               <div class="packages-score packages-score-health">
                 <div class="packages-score-value -has-value">
-                  <span class="packages-score-value-number">140</span>
+                  <span class="packages-score-value-number">130</span>
                   <span class="packages-score-value-sign"></span>
                 </div>
                 <div class="packages-score-label">points</div>
@@ -267,12 +268,6 @@ <h3>Import it</h3>
                 <div class="packages-score-label">downloads</div>
               </div>
             </a>
-            <div class="detail-screenshot-thumbnail">
-              <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/2.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-                <img class="thumbnail-image" src="/packages/oxygen/versions/2.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-              </div>
-              <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-            </div>
             <h3 class="title">Publisher</h3>
             <p>
               <span>unverified uploader</span>
@@ -333,7 +328,7 @@ <h3 class="detail-metadata-title">
             </div>
             <div class="packages-score packages-score-health">
               <div class="packages-score-value -has-value">
-                <span class="packages-score-value-number">140</span>
+                <span class="packages-score-value-number">130</span>
                 <span class="packages-score-value-sign"></span>
               </div>
               <div class="packages-score-label">points</div>
@@ -346,12 +341,6 @@ <h3 class="detail-metadata-title">
               <div class="packages-score-label">downloads</div>
             </div>
           </a>
-          <div class="detail-screenshot-thumbnail">
-            <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/2.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-              <img class="thumbnail-image" src="/packages/oxygen/versions/2.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-            </div>
-            <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-          </div>
           <h3 class="title">Publisher</h3>
           <p>
             <span>unverified uploader</span>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/license.html b/app/test/task/testdata/goldens/packages/oxygen/license.html
index 289bbc55c..416bb3301 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/license.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/license.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
@@ -227,7 +228,7 @@ <h2>License</h2>
               </div>
               <div class="packages-score packages-score-health">
                 <div class="packages-score-value -has-value">
-                  <span class="packages-score-value-number">140</span>
+                  <span class="packages-score-value-number">130</span>
                   <span class="packages-score-value-sign"></span>
                 </div>
                 <div class="packages-score-label">points</div>
@@ -240,12 +241,6 @@ <h2>License</h2>
                 <div class="packages-score-label">downloads</div>
               </div>
             </a>
-            <div class="detail-screenshot-thumbnail">
-              <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/2.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-                <img class="thumbnail-image" src="/packages/oxygen/versions/2.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-              </div>
-              <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-            </div>
             <h3 class="title">Publisher</h3>
             <p>
               <span>unverified uploader</span>
@@ -306,7 +301,7 @@ <h3 class="detail-metadata-title">
             </div>
             <div class="packages-score packages-score-health">
               <div class="packages-score-value -has-value">
-                <span class="packages-score-value-number">140</span>
+                <span class="packages-score-value-number">130</span>
                 <span class="packages-score-value-sign"></span>
               </div>
               <div class="packages-score-label">points</div>
@@ -319,12 +314,6 @@ <h3 class="detail-metadata-title">
               <div class="packages-score-label">downloads</div>
             </div>
           </a>
-          <div class="detail-screenshot-thumbnail">
-            <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/2.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-              <img class="thumbnail-image" src="/packages/oxygen/versions/2.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-            </div>
-            <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-          </div>
           <h3 class="title">Publisher</h3>
           <p>
             <span>unverified uploader</span>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/score.html b/app/test/task/testdata/goldens/packages/oxygen/score.html
index 21996826a..812c169d7 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/score.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/score.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
@@ -215,7 +216,7 @@ <h3 class="detail-lead-title">Metadata</h3>
                     </div>
                     <div class="score-key-figure">
                       <div class="score-key-figure-title">
-                        <span class="score-key-figure-value">140</span>
+                        <span class="score-key-figure-value">130</span>
                         <span class="score-key-figure-supplemental">/ 160</span>
                       </div>
                       <div class="score-key-figure-label">pub points</div>
@@ -231,7 +232,7 @@ <h3 class="detail-lead-title">Metadata</h3>
                   <p class="analysis-info">
                     We analyzed this package
                     <a class="-x-ago" href="" title="on %%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
-                    , and awarded it 140 pub points (of a possible 160):
+                    , and awarded it 130 pub points (of a possible 160):
                   </p>
                   <div class="pkg-report">
                     <div class="pkg-report-section foldable">
@@ -332,11 +333,11 @@ <h3>
                     <div class="pkg-report-section foldable">
                       <div class="pkg-report-header foldable-button" data-ga-click-event="toggle-report-section-documentation">
                         <div class="pkg-report-header-icon">
-                          <img class="pkg-report-icon" src="/static/hash-%%etag%%/img/report-ok-icon-green.svg" alt="Passed report section" width="18" height="18"/>
+                          <img class="pkg-report-icon" src="/static/hash-%%etag%%/img/report-missing-icon-red.svg" alt="Failed report section" width="18" height="18"/>
                         </div>
                         <div class="pkg-report-header-title">Provide documentation</div>
-                        <div class="pkg-report-header-score">
-                          <span class="pkg-report-header-score-granted">20</span>
+                        <div class="pkg-report-header-score -is-red">
+                          <span class="pkg-report-header-score-granted">10</span>
                           /
                           <span class="pkg-report-header-score-max">20</span>
                           <img class="foldable-icon" src="/static/hash-%%etag%%/img/foldable-section-icon.svg" alt="trigger folding of the section" width="13" height="6"/>
@@ -364,9 +365,18 @@ <h3>
                               .
                             </p>
                             <h3>
-                              <img class="report-summary-icon" alt="Passed check" src="/static/hash-%%etag%%/img/report-ok-icon-green.svg"/>
-                              10/10 points: Package has an example and has no issues with screenshots
+                              <img class="report-summary-icon" alt="Failed check" src="/static/hash-%%etag%%/img/report-missing-icon-red.svg"/>
+                              0/10 points: Package has an example and has no issues with screenshots
                             </h3>
+                            <p>Found 4 issues. Showing the first 2:</p>
+                            <ul>
+                              <li>
+                                <p>No such file or directory</p>
+                              </li>
+                              <li>
+                                <p>No such file or directory</p>
+                              </li>
+                            </ul>
                           </div>
                         </div>
                       </div>
@@ -535,7 +545,7 @@ <h3>
               </div>
               <div class="packages-score packages-score-health">
                 <div class="packages-score-value -has-value">
-                  <span class="packages-score-value-number">140</span>
+                  <span class="packages-score-value-number">130</span>
                   <span class="packages-score-value-sign"></span>
                 </div>
                 <div class="packages-score-label">points</div>
@@ -548,12 +558,6 @@ <h3>
                 <div class="packages-score-label">downloads</div>
               </div>
             </a>
-            <div class="detail-screenshot-thumbnail">
-              <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/2.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-                <img class="thumbnail-image" src="/packages/oxygen/versions/2.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-              </div>
-              <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-            </div>
             <h3 class="title">Publisher</h3>
             <p>
               <span>unverified uploader</span>
@@ -614,7 +618,7 @@ <h3 class="detail-metadata-title">
             </div>
             <div class="packages-score packages-score-health">
               <div class="packages-score-value -has-value">
-                <span class="packages-score-value-number">140</span>
+                <span class="packages-score-value-number">130</span>
                 <span class="packages-score-value-sign"></span>
               </div>
               <div class="packages-score-label">points</div>
@@ -627,12 +631,6 @@ <h3 class="detail-metadata-title">
               <div class="packages-score-label">downloads</div>
             </div>
           </a>
-          <div class="detail-screenshot-thumbnail">
-            <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/2.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-              <img class="thumbnail-image" src="/packages/oxygen/versions/2.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-            </div>
-            <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-          </div>
           <h3 class="title">Publisher</h3>
           <p>
             <span>unverified uploader</span>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions.html b/app/test/task/testdata/goldens/packages/oxygen/versions.html
index 5be69d7fb..6c0f12b42 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
     <meta name="twitter:description" content="Pub is the package manager for the Dart programming language, containing reusable libraries &amp; packages for Flutter and general Dart programs."/>
@@ -292,7 +293,7 @@ <h2 id="stable">Stable versions of oxygen</h2>
               </div>
               <div class="packages-score packages-score-health">
                 <div class="packages-score-value -has-value">
-                  <span class="packages-score-value-number">140</span>
+                  <span class="packages-score-value-number">130</span>
                   <span class="packages-score-value-sign"></span>
                 </div>
                 <div class="packages-score-label">points</div>
@@ -305,12 +306,6 @@ <h2 id="stable">Stable versions of oxygen</h2>
                 <div class="packages-score-label">downloads</div>
               </div>
             </a>
-            <div class="detail-screenshot-thumbnail">
-              <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/2.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-                <img class="thumbnail-image" src="/packages/oxygen/versions/2.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-              </div>
-              <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-            </div>
             <h3 class="title">Publisher</h3>
             <p>
               <span>unverified uploader</span>
@@ -371,7 +366,7 @@ <h3 class="detail-metadata-title">
             </div>
             <div class="packages-score packages-score-health">
               <div class="packages-score-value -has-value">
-                <span class="packages-score-value-number">140</span>
+                <span class="packages-score-value-number">130</span>
                 <span class="packages-score-value-sign"></span>
               </div>
               <div class="packages-score-label">points</div>
@@ -384,12 +379,6 @@ <h3 class="detail-metadata-title">
               <div class="packages-score-label">downloads</div>
             </div>
           </a>
-          <div class="detail-screenshot-thumbnail">
-            <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/2.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-              <img class="thumbnail-image" src="/packages/oxygen/versions/2.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-            </div>
-            <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-          </div>
           <h3 class="title">Publisher</h3>
           <p>
             <span>unverified uploader</span>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0.html
index 5345aa5a8..bbf7a282e 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
@@ -229,7 +230,7 @@ <h1 id="oxygen" class="hash-header">
               </div>
               <div class="packages-score packages-score-health">
                 <div class="packages-score-value -has-value">
-                  <span class="packages-score-value-number">140</span>
+                  <span class="packages-score-value-number">130</span>
                   <span class="packages-score-value-sign"></span>
                 </div>
                 <div class="packages-score-label">points</div>
@@ -242,12 +243,6 @@ <h1 id="oxygen" class="hash-header">
                 <div class="packages-score-label">downloads</div>
               </div>
             </a>
-            <div class="detail-screenshot-thumbnail">
-              <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/1.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-                <img class="thumbnail-image" src="/packages/oxygen/versions/1.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-              </div>
-              <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-            </div>
             <h3 class="title">Publisher</h3>
             <p>
               <span>unverified uploader</span>
@@ -308,7 +303,7 @@ <h3 class="detail-metadata-title">
             </div>
             <div class="packages-score packages-score-health">
               <div class="packages-score-value -has-value">
-                <span class="packages-score-value-number">140</span>
+                <span class="packages-score-value-number">130</span>
                 <span class="packages-score-value-sign"></span>
               </div>
               <div class="packages-score-label">points</div>
@@ -321,12 +316,6 @@ <h3 class="detail-metadata-title">
               <div class="packages-score-label">downloads</div>
             </div>
           </a>
-          <div class="detail-screenshot-thumbnail">
-            <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/1.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-              <img class="thumbnail-image" src="/packages/oxygen/versions/1.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-            </div>
-            <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-          </div>
           <h3 class="title">Publisher</h3>
           <p>
             <span>unverified uploader</span>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/changelog.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/changelog.html
index de33860e3..c14d65987 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/changelog.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/changelog.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
@@ -235,7 +236,7 @@ <h2 class="changelog-version hash-header" id="100">
               </div>
               <div class="packages-score packages-score-health">
                 <div class="packages-score-value -has-value">
-                  <span class="packages-score-value-number">140</span>
+                  <span class="packages-score-value-number">130</span>
                   <span class="packages-score-value-sign"></span>
                 </div>
                 <div class="packages-score-label">points</div>
@@ -248,12 +249,6 @@ <h2 class="changelog-version hash-header" id="100">
                 <div class="packages-score-label">downloads</div>
               </div>
             </a>
-            <div class="detail-screenshot-thumbnail">
-              <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/1.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-                <img class="thumbnail-image" src="/packages/oxygen/versions/1.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-              </div>
-              <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-            </div>
             <h3 class="title">Publisher</h3>
             <p>
               <span>unverified uploader</span>
@@ -314,7 +309,7 @@ <h3 class="detail-metadata-title">
             </div>
             <div class="packages-score packages-score-health">
               <div class="packages-score-value -has-value">
-                <span class="packages-score-value-number">140</span>
+                <span class="packages-score-value-number">130</span>
                 <span class="packages-score-value-sign"></span>
               </div>
               <div class="packages-score-label">points</div>
@@ -327,12 +322,6 @@ <h3 class="detail-metadata-title">
               <div class="packages-score-label">downloads</div>
             </div>
           </a>
-          <div class="detail-screenshot-thumbnail">
-            <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/1.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-              <img class="thumbnail-image" src="/packages/oxygen/versions/1.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-            </div>
-            <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-          </div>
           <h3 class="title">Publisher</h3>
           <p>
             <span>unverified uploader</span>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/example.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/example.html
index 0015d0709..fcda64745 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/example.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/example.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
@@ -230,7 +231,7 @@ <h3 class="detail-lead-title">Metadata</h3>
               </div>
               <div class="packages-score packages-score-health">
                 <div class="packages-score-value -has-value">
-                  <span class="packages-score-value-number">140</span>
+                  <span class="packages-score-value-number">130</span>
                   <span class="packages-score-value-sign"></span>
                 </div>
                 <div class="packages-score-label">points</div>
@@ -243,12 +244,6 @@ <h3 class="detail-lead-title">Metadata</h3>
                 <div class="packages-score-label">downloads</div>
               </div>
             </a>
-            <div class="detail-screenshot-thumbnail">
-              <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/1.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-                <img class="thumbnail-image" src="/packages/oxygen/versions/1.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-              </div>
-              <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-            </div>
             <h3 class="title">Publisher</h3>
             <p>
               <span>unverified uploader</span>
@@ -309,7 +304,7 @@ <h3 class="detail-metadata-title">
             </div>
             <div class="packages-score packages-score-health">
               <div class="packages-score-value -has-value">
-                <span class="packages-score-value-number">140</span>
+                <span class="packages-score-value-number">130</span>
                 <span class="packages-score-value-sign"></span>
               </div>
               <div class="packages-score-label">points</div>
@@ -322,12 +317,6 @@ <h3 class="detail-metadata-title">
               <div class="packages-score-label">downloads</div>
             </div>
           </a>
-          <div class="detail-screenshot-thumbnail">
-            <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/1.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-              <img class="thumbnail-image" src="/packages/oxygen/versions/1.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-            </div>
-            <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-          </div>
           <h3 class="title">Publisher</h3>
           <p>
             <span>unverified uploader</span>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/install.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/install.html
index 0daa7500d..3721a8ea3 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/install.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/install.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
@@ -258,7 +259,7 @@ <h3>Import it</h3>
               </div>
               <div class="packages-score packages-score-health">
                 <div class="packages-score-value -has-value">
-                  <span class="packages-score-value-number">140</span>
+                  <span class="packages-score-value-number">130</span>
                   <span class="packages-score-value-sign"></span>
                 </div>
                 <div class="packages-score-label">points</div>
@@ -271,12 +272,6 @@ <h3>Import it</h3>
                 <div class="packages-score-label">downloads</div>
               </div>
             </a>
-            <div class="detail-screenshot-thumbnail">
-              <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/1.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-                <img class="thumbnail-image" src="/packages/oxygen/versions/1.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-              </div>
-              <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-            </div>
             <h3 class="title">Publisher</h3>
             <p>
               <span>unverified uploader</span>
@@ -337,7 +332,7 @@ <h3 class="detail-metadata-title">
             </div>
             <div class="packages-score packages-score-health">
               <div class="packages-score-value -has-value">
-                <span class="packages-score-value-number">140</span>
+                <span class="packages-score-value-number">130</span>
                 <span class="packages-score-value-sign"></span>
               </div>
               <div class="packages-score-label">points</div>
@@ -350,12 +345,6 @@ <h3 class="detail-metadata-title">
               <div class="packages-score-label">downloads</div>
             </div>
           </a>
-          <div class="detail-screenshot-thumbnail">
-            <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/1.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-              <img class="thumbnail-image" src="/packages/oxygen/versions/1.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-            </div>
-            <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-          </div>
           <h3 class="title">Publisher</h3>
           <p>
             <span>unverified uploader</span>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/license.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/license.html
index ba6dcc35d..51b884155 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/license.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/license.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
@@ -231,7 +232,7 @@ <h2>License</h2>
               </div>
               <div class="packages-score packages-score-health">
                 <div class="packages-score-value -has-value">
-                  <span class="packages-score-value-number">140</span>
+                  <span class="packages-score-value-number">130</span>
                   <span class="packages-score-value-sign"></span>
                 </div>
                 <div class="packages-score-label">points</div>
@@ -244,12 +245,6 @@ <h2>License</h2>
                 <div class="packages-score-label">downloads</div>
               </div>
             </a>
-            <div class="detail-screenshot-thumbnail">
-              <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/1.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-                <img class="thumbnail-image" src="/packages/oxygen/versions/1.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-              </div>
-              <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-            </div>
             <h3 class="title">Publisher</h3>
             <p>
               <span>unverified uploader</span>
@@ -310,7 +305,7 @@ <h3 class="detail-metadata-title">
             </div>
             <div class="packages-score packages-score-health">
               <div class="packages-score-value -has-value">
-                <span class="packages-score-value-number">140</span>
+                <span class="packages-score-value-number">130</span>
                 <span class="packages-score-value-sign"></span>
               </div>
               <div class="packages-score-label">points</div>
@@ -323,12 +318,6 @@ <h3 class="detail-metadata-title">
               <div class="packages-score-label">downloads</div>
             </div>
           </a>
-          <div class="detail-screenshot-thumbnail">
-            <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/1.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-              <img class="thumbnail-image" src="/packages/oxygen/versions/1.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-            </div>
-            <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-          </div>
           <h3 class="title">Publisher</h3>
           <p>
             <span>unverified uploader</span>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/score.html b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/score.html
index a619308fd..7d697347a 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/score.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/1.0.0/score.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
@@ -219,7 +220,7 @@ <h3 class="detail-lead-title">Metadata</h3>
                     </div>
                     <div class="score-key-figure">
                       <div class="score-key-figure-title">
-                        <span class="score-key-figure-value">140</span>
+                        <span class="score-key-figure-value">130</span>
                         <span class="score-key-figure-supplemental">/ 160</span>
                       </div>
                       <div class="score-key-figure-label">pub points</div>
@@ -235,7 +236,7 @@ <h3 class="detail-lead-title">Metadata</h3>
                   <p class="analysis-info">
                     We analyzed this package
                     <a class="-x-ago" href="" title="on %%short-dateformat%%" role="button" data-timestamp="%%time-ago-millis%%">%%time-ago%%</a>
-                    , and awarded it 140 pub points (of a possible 160):
+                    , and awarded it 130 pub points (of a possible 160):
                   </p>
                   <div class="pkg-report">
                     <div class="pkg-report-section foldable">
@@ -336,11 +337,11 @@ <h3>
                     <div class="pkg-report-section foldable">
                       <div class="pkg-report-header foldable-button" data-ga-click-event="toggle-report-section-documentation">
                         <div class="pkg-report-header-icon">
-                          <img class="pkg-report-icon" src="/static/hash-%%etag%%/img/report-ok-icon-green.svg" alt="Passed report section" width="18" height="18"/>
+                          <img class="pkg-report-icon" src="/static/hash-%%etag%%/img/report-missing-icon-red.svg" alt="Failed report section" width="18" height="18"/>
                         </div>
                         <div class="pkg-report-header-title">Provide documentation</div>
-                        <div class="pkg-report-header-score">
-                          <span class="pkg-report-header-score-granted">20</span>
+                        <div class="pkg-report-header-score -is-red">
+                          <span class="pkg-report-header-score-granted">10</span>
                           /
                           <span class="pkg-report-header-score-max">20</span>
                           <img class="foldable-icon" src="/static/hash-%%etag%%/img/foldable-section-icon.svg" alt="trigger folding of the section" width="13" height="6"/>
@@ -368,9 +369,18 @@ <h3>
                               .
                             </p>
                             <h3>
-                              <img class="report-summary-icon" alt="Passed check" src="/static/hash-%%etag%%/img/report-ok-icon-green.svg"/>
-                              10/10 points: Package has an example and has no issues with screenshots
+                              <img class="report-summary-icon" alt="Failed check" src="/static/hash-%%etag%%/img/report-missing-icon-red.svg"/>
+                              0/10 points: Package has an example and has no issues with screenshots
                             </h3>
+                            <p>Found 4 issues. Showing the first 2:</p>
+                            <ul>
+                              <li>
+                                <p>No such file or directory</p>
+                              </li>
+                              <li>
+                                <p>No such file or directory</p>
+                              </li>
+                            </ul>
                           </div>
                         </div>
                       </div>
@@ -539,7 +549,7 @@ <h3>
               </div>
               <div class="packages-score packages-score-health">
                 <div class="packages-score-value -has-value">
-                  <span class="packages-score-value-number">140</span>
+                  <span class="packages-score-value-number">130</span>
                   <span class="packages-score-value-sign"></span>
                 </div>
                 <div class="packages-score-label">points</div>
@@ -552,12 +562,6 @@ <h3>
                 <div class="packages-score-label">downloads</div>
               </div>
             </a>
-            <div class="detail-screenshot-thumbnail">
-              <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/1.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-                <img class="thumbnail-image" src="/packages/oxygen/versions/1.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-              </div>
-              <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-            </div>
             <h3 class="title">Publisher</h3>
             <p>
               <span>unverified uploader</span>
@@ -618,7 +622,7 @@ <h3 class="detail-metadata-title">
             </div>
             <div class="packages-score packages-score-health">
               <div class="packages-score-value -has-value">
-                <span class="packages-score-value-number">140</span>
+                <span class="packages-score-value-number">130</span>
                 <span class="packages-score-value-sign"></span>
               </div>
               <div class="packages-score-label">points</div>
@@ -631,12 +635,6 @@ <h3 class="detail-metadata-title">
               <div class="packages-score-label">downloads</div>
             </div>
           </a>
-          <div class="detail-screenshot-thumbnail">
-            <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/1.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-              <img class="thumbnail-image" src="/packages/oxygen/versions/1.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-            </div>
-            <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-          </div>
           <h3 class="title">Publisher</h3>
           <p>
             <span>unverified uploader</span>
diff --git a/app/test/task/testdata/goldens/packages/oxygen/versions/2.0.0.html b/app/test/task/testdata/goldens/packages/oxygen/versions/2.0.0.html
index 8a5cad340..78fee1efa 100644
--- a/app/test/task/testdata/goldens/packages/oxygen/versions/2.0.0.html
+++ b/app/test/task/testdata/goldens/packages/oxygen/versions/2.0.0.html
@@ -6,6 +6,7 @@
     <meta charset="utf-8"/>
     <meta http-equiv="x-ua-compatible" content="ie=edge"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <meta name="color-scheme" content="light dark"/>
     <meta name="robots" content="noindex"/>
     <meta name="twitter:card" content="summary"/>
     <meta name="twitter:site" content="@dart_lang"/>
@@ -225,7 +226,7 @@ <h1 id="oxygen" class="hash-header">
               </div>
               <div class="packages-score packages-score-health">
                 <div class="packages-score-value -has-value">
-                  <span class="packages-score-value-number">140</span>
+                  <span class="packages-score-value-number">130</span>
                   <span class="packages-score-value-sign"></span>
                 </div>
                 <div class="packages-score-label">points</div>
@@ -238,12 +239,6 @@ <h1 id="oxygen" class="hash-header">
                 <div class="packages-score-label">downloads</div>
               </div>
             </a>
-            <div class="detail-screenshot-thumbnail">
-              <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/2.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-                <img class="thumbnail-image" src="/packages/oxygen/versions/2.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-              </div>
-              <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-            </div>
             <h3 class="title">Publisher</h3>
             <p>
               <span>unverified uploader</span>
@@ -304,7 +299,7 @@ <h3 class="detail-metadata-title">
             </div>
             <div class="packages-score packages-score-health">
               <div class="packages-score-value -has-value">
-                <span class="packages-score-value-number">140</span>
+                <span class="packages-score-value-number">130</span>
                 <span class="packages-score-value-sign"></span>
               </div>
               <div class="packages-score-label">points</div>
@@ -317,12 +312,6 @@ <h3 class="detail-metadata-title">
               <div class="packages-score-label">downloads</div>
             </div>
           </a>
-          <div class="detail-screenshot-thumbnail">
-            <div class="thumbnail-container" data-thumbnail="/packages/oxygen/versions/2.0.0/gen-res/gen/static.webp" data-thumbnail-descriptions-json="[&quot;This is an awesome screenshot&quot;]" data-ga-click-event="screenshot-thumbnail-click">
-              <img class="thumbnail-image" src="/packages/oxygen/versions/2.0.0/gen-res/gen/190x190/static.webp" alt="screenshot" title="View screenshots" tabindex="0"/>
-            </div>
-            <img class="collections-icon" src="/static/hash-%%etag%%/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/>
-          </div>
           <h3 class="title">Publisher</h3>
           <p>
             <span>unverified uploader</span>
diff --git a/pkg/web_css/lib/src/_variables.scss b/pkg/web_css/lib/src/_variables.scss
index 275a1d19a..f62ea205f 100644
--- a/pkg/web_css/lib/src/_variables.scss
+++ b/pkg/web_css/lib/src/_variables.scss
@@ -156,6 +156,8 @@
 }
 
 .light-theme {
+  color-scheme: light;
+
   .displayed-in-dark-theme {
     display: none !important;
   }
@@ -163,6 +165,8 @@
 
 /// Variables that are specific to the dark theme.
 .dark-theme {
+  color-scheme: dark;
+
   @include dash_variables.dark-theme;
 
   --pub-color-darkBlack:       #121317;
@@ -263,6 +267,17 @@
   }
 }
 
+.loading-theme {
+  // This class is applied before dark-init.js runs.
+  // This tells the browser to use the system theme's lightness until
+  // the script can set body's class to either `light-theme` or `dark-theme`.
+  color-scheme: light dark;
+  background: initial;
+  color: initial;
+  --pub-neutral-bgColor: initial;
+  --pub-neutral-textColor: initial;
+}
+
 @mixin elevated-content-border {
   .light-theme & {
     box-shadow: 0px 2px 7px 0px var(--pub-home_card-box_shadow-color);
diff --git a/static/js/dark-init.js b/static/js/dark-init.js
index d85627eea..cff6b47dc 100644
--- a/static/js/dark-init.js
+++ b/static/js/dark-init.js
@@ -26,4 +26,6 @@
     document.body.classList.remove('light-theme');
     document.body.classList.add('dark-theme');
   }
+
+  document.body.classList.remove('loading-theme');
 })();
diff --git a/third_party/dartdoc/resources/docs.dart.js b/third_party/dartdoc/resources/docs.dart.js
index 87dd918e6..f257c37fc 100644
--- a/third_party/dartdoc/resources/docs.dart.js
+++ b/third_party/dartdoc/resources/docs.dart.js
@@ -4154,7 +4154,7 @@ if(a){s.classList.remove("light-theme")
 s.classList.add("dark-theme")
 r.window.localStorage.setItem("colorTheme","true")}else{s.classList.remove("dark-theme")
 s.classList.add("light-theme")
-r.window.localStorage.setItem("colorTheme","false")}},
+r.window.localStorage.setItem("colorTheme","false")}s.classList.remove("loading-theme")},
 $S:27}
 A.dN.prototype={
 $1(a){this.b.$1(!this.a.classList.contains("dark-theme"))},