Fix source notice text color contrast in light mode.

cubing · Jan 3, 2025 · b8e6f02 · b8e6f02
1 parent 7be6418
commit b8e6f02
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/web/icons.cubing.net/index.html b/src/web/icons.cubing.net/index.html
@@ -35,7 +35,7 @@ <h1><span class="cubing-icon event-clock"></span> It's time for cubing icons!</h
           class="cubing-icon event-222"></span></a><a href="#event-444"><span class="cubing-icon event-333"></span></a>
     </div>
     <div class="source-notice"
-      style="color: yellow; background: color-mix(in oklab, yellow 25%, transparent); padding: 2em 1em;">
+      style="color: light-dark(orange, yellow); background: color-mix(in oklab, yellow 25%, transparent); padding: 2em 1em;">
       Note: Only three icons are included in the source HTML in the repo. All icons are included in the compiled HTML.
     </div>
     <p>
@@ -150,7 +150,7 @@ <h2><a href="#catalog" class="section-header-link">Icon catalog</a></h2>
       </p>
 
       <div class="source-notice"
-        style="color: yellow; background: color-mix(in oklab, yellow 25%, transparent); padding: 2em 1em;">
+        style="color: light-dark(orange, yellow); background: color-mix(in oklab, yellow 25%, transparent); padding: 2em 1em;">
         Note: Only three icons from each group are included in the source HTML in the repo. All icons are included in
         the compiled HTML.
       </div>