Move video overlays to bottom gradient and darken (#9)

Author: ben-million

packages/video/src/constants.ts

@@ -8,6 +8,13 @@ export const MUTED_COLOR = "#737373";
 export const RED_COLOR = "#f87171";
 export const GREEN_COLOR = "#4ade80";
 export const YELLOW_COLOR = "#eab308";
+export const OVERLAY_GRADIENT_RGB = "10, 10, 10";
+export const OVERLAY_GRADIENT_HEIGHT_PX = 420;
+export const OVERLAY_GRADIENT_HORIZONTAL_PADDING_PX = 120;
+export const OVERLAY_GRADIENT_BOTTOM_PADDING_PX = 80;
+export const OVERLAY_GRADIENT_BOTTOM_ALPHA = 0.96;
+export const OVERLAY_GRADIENT_MIDDLE_ALPHA = 0.55;
+export const OVERLAY_GRADIENT_MIDDLE_STOP_PERCENT = 50;
 
 export const COMMAND = "npx -y react-doctor@latest";
 export const CONTENT_WIDTH_PX = 1400;