Fix rgb syntax on error page to space-separated

#65374 (comment) Co-authored-by: Wojciech Maj <kontakt@wojtekmaj.pl> (cherry picked from commit ac0982c)
vercel · Aug 30, 2024 · 7793655 · 7793655
1 parent 7582a13
commit 7793655
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/next/src/pages/_error.tsx b/packages/next/src/pages/_error.tsx
@@ -88,23 +88,23 @@ export default class Error<P = {}> extends React.Component<P & ErrorProps> {
               /* CSS minified from
                 body { margin: 0; color: #000; background: #fff; }
                 .next-error-h1 {
-                  border-right: 1px solid rgb(0, 0, 0, .3);
+                  border-right: 1px solid rgb(0 0 0 / .3);
                 }
 
                 ${
                   withDarkMode
                     ? `@media (prefers-color-scheme: dark) {
                   body { color: #fff; background: #000; }
                   .next-error-h1 {
-                    border-right: 1px solid rgb(255, 255, 255, .3);
+                    border-right: 1px solid rgb(255 255 255 / .3);
                   }
                 }`
                     : ''
                 }
                */
-              __html: `body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgb(0,0,0,.3)}${
+              __html: `body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgb(0 0 0 / .3)}${
                 withDarkMode
-                  ? '@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgb(255,255,255,.3)}}'
+                  ? '@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgb(255 255 255 / .3)}}'
                   : ''
               }`,
             }}