Small cleanups

front/packages/primitives/src/tooltip.tsx

@@ -35,7 +35,7 @@ export const tooltip = (tooltip: string, up?: boolean) =>
 	});
 
 export const WebTooltip = ({ theme }: { theme: Theme }) => {
-	const background = `${theme.colors.black}CC`;
+	const background = `${theme.light.colors.black}CC`;
 
 	return (
 		<style jsx global>{`

front/packages/ui/src/player/index.tsx

@@ -157,23 +157,24 @@ export const Player: QueryPage<{ slug: string }> = ({ slug }) => {
 			>
 				<Pressable
 					focusable={false}
-					onPress={
+					onPress={(e) => {
-						Platform.OS === "web"
+						// TODO: use onPress event to diferenciate touch and click on the web (requires react native web 0.19)
-							? (e) => {
+						if (Platform.OS !== "web") {
-									e.preventDefault();
+							displayControls ? setMouseMoved(false) : show();
-									touchCount++;
+							return;
-									if (touchCount == 2) {
+						}
-										touchCount = 0;
+						e.preventDefault();
-										setFullscreen(!isFullscreen);
+						touchCount++;
-										clearTimeout(touchTimeout);
+						if (touchCount == 2) {
-									} else
+							touchCount = 0;
-										touchTimeout = setTimeout(() => {
+							setFullscreen(!isFullscreen);
-											touchCount = 0;
+							clearTimeout(touchTimeout);
-										}, 400);
+						} else
-									setPlay(!isPlaying);
+							touchTimeout = setTimeout(() => {
-							  }
+								touchCount = 0;
-							: () => (displayControls ? setMouseMoved(false) : show())
+							}, 400);
-					}
+						setPlay(!isPlaying);
+					}}
 					{...css(StyleSheet.absoluteFillObject)}
 				>
 					<Video