Professional minimalistic crosshair for web-based cloud gaming
// ==UserScript==
// @name Pro-Style Customizable Crosshair for Cloud Gaming
// @namespace http://tampermonkey.net/
// @version 0.1
// @description Professional minimalistic crosshair for web-based cloud gaming
// @author You
// @match *://*.xbox.com/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
// Pro-style customizable crosshair settings
const settings = {
color: "lime", // Bright and high-visibility color, like green (can be changed to "cyan", "yellow", etc.)
size: 10, // Small crosshair size (diameter in pixels)
thickness: 2, // Thin border to maintain a minimal look
shape: "circle", // Circle shape for clarity
opacity: 1, // Solid, non-transparent crosshair
offsetX: -5, // X offset for fine-tuning center position
offsetY: -5 // Y offset for fine-tuning center position
};
// Create the crosshair div
var crosshair = document.createElement("div");
crosshair.style.position = "absolute";
crosshair.style.left = "50%";
crosshair.style.top = "50%";
crosshair.style.width = `${settings.size}px`;
crosshair.style.height = `${settings.size}px`;
crosshair.style.marginLeft = `${settings.offsetX}px`;
crosshair.style.marginTop = `${settings.offsetY}px`;
crosshair.style.border = `${settings.thickness}px solid ${settings.color}`;
crosshair.style.borderRadius = settings.shape === "circle" ? "50%" : "0%";
crosshair.style.opacity = settings.opacity;
crosshair.style.zIndex = "1000"; // Ensures it's on top of other elements
crosshair.style.pointerEvents = "none"; // Disable interaction with the crosshair
// Add the crosshair to the body
document.body.appendChild(crosshair);
})();