dark mode clear color matching notebook export output color

Author: ChrLackner

docs/_static/showcase.html

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e2c1ed6016aefde9f1047f0bf3cbea75275e4dc6a8bcf76ad53a9b8b3bf9fe2d
-size 346545
+oid sha256:4a48eba4613899ee89a89f0ad417c695bd737142dccc66ab6c33f933b86851d0
+size 346551

docs/create_showcase.py

@@ -58,9 +58,9 @@
 <style>
 #showcase_root {{ --webgpu-canvas-bg: #ffffff; }}
 @media (prefers-color-scheme: dark) {{
-  #showcase_root {{ --webgpu-canvas-bg: #adadad; }}
+  #showcase_root {{ --webgpu-canvas-bg: #ced6dd; }}
 }}
-html[data-theme="dark"] #showcase_root {{ --webgpu-canvas-bg: #adadad; }}
+html[data-theme="dark"] #showcase_root {{ --webgpu-canvas-bg: #ced6dd; }}
 </style>
 <div id="showcase_root" style="width:min(800px,100%); max-width:100%; margin:0 auto 1em auto; position:relative;">
 <canvas id="{canvas_id}" width="800" height="400" style="background-color:var(--webgpu-canvas-bg,#ffffff); width:100%; max-width:100%; height:auto; aspect-ratio:800 / 400; touch-action:none; border-radius:8px; display:block;"></canvas>

webgpu/engine/engine.js

@@ -5,9 +5,9 @@
 
 const SAMPLE_COUNT = 4;
 const LIGHT_CLEAR_COLOR = Object.freeze({ r: 1.0, g: 1.0, b: 1.0, a: 1.0 });
-const DARK_CLEAR_COLOR  = Object.freeze({ r: 0.68, g: 0.68, b: 0.68, a: 1.0 });
+const DARK_CLEAR_COLOR  = Object.freeze({ r: 0.8078, g: 0.8392, b: 0.8667, a: 1.0 });
 const LIGHT_CANVAS_BG = '#ffffff';
-const DARK_CANVAS_BG  = '#adadad';
+const DARK_CANVAS_BG  = '#ced6dd';
 const DEPTH_FORMAT = 'depth24plus';
 
 const TRANSPARENT_BLEND = {

webgpu/jupyter.py

@@ -39,9 +39,9 @@ def _init_html(scene, width, height, flex=None):
             <style>
               #{id_}root {{ --webgpu-canvas-bg: #ffffff; }}
               @media (prefers-color-scheme: dark) {{
-                #{id_}root {{ --webgpu-canvas-bg: #adadad; }}
+                #{id_}root {{ --webgpu-canvas-bg: #ced6dd; }}
               }}
-              html[data-theme="dark"] #{id_}root {{ --webgpu-canvas-bg: #adadad; }}
+              html[data-theme="dark"] #{id_}root {{ --webgpu-canvas-bg: #ced6dd; }}
             </style>
             <div id='{id_}root'
             style="position: relative; width: min({width}px, 100%); max-width: 100%; overflow: hidden;"
@@ -229,9 +229,9 @@ def _DrawHTMLLazy(scene, width=640, height=600):
     <style>
       #{id_}root {{ --webgpu-canvas-bg: #ffffff; }}
       @media (prefers-color-scheme: dark) {{
-        #{id_}root {{ --webgpu-canvas-bg: #adadad; }}
+        #{id_}root {{ --webgpu-canvas-bg: #ced6dd; }}
       }}
-      html[data-theme="dark"] #{id_}root {{ --webgpu-canvas-bg: #adadad; }}
+      html[data-theme="dark"] #{id_}root {{ --webgpu-canvas-bg: #ced6dd; }}
     </style>
     <div id='{id_}root'
          style="position: relative; width: min({width}px, 100%); max-width: 100%; overflow: hidden;"