Make the skeleton start at blank and fade into dimmest

sebmarkbage · sebmarkbage · commit 11751de22f89 · 2025-08-12T12:54:36.000-04:00
It's good practice to start as invisible as possible so that if it
finishes early, it's the least disruptive.

It should also take less visible weight to avoid flashing.
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/Skeleton.css b/packages/react-devtools-shared/src/devtools/views/Components/Skeleton.css
@@ -5,9 +5,9 @@
 
 @keyframes pulse {
   0%, 100% {
-    background-color: var(--color-dim);
+    background-color: none;
   }
   50% {
-    background-color: var(--color-dimmest)
+    background-color: var(--color-dimmest);
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -5,9 +5,9 @@`
`5`	`5`
`6`	`6`	`@keyframes pulse {`
`7`	`7`	`0%, 100% {`
`8`		`- background-color: var(--color-dim);`
	`8`	`+ background-color: none;`
`9`	`9`	`}`
`10`	`10`	`50% {`
`11`		`- background-color: var(--color-dimmest)`
	`11`	`+ background-color: var(--color-dimmest);`
`12`	`12`	`}`
`13`	`13`	`}`