Gartic Dark Mode Customizer

Applies dark mode and customizes Gartic.io interface for a better experience
目前為 2025-04-05 提交的版本，檢視最新版本。
安裝腳本 ?
Wrap lines
// ==UserScript==
// @name         Gartic Dark Mode Customizer
// @version      1.2
// @description  Applies dark mode and customizes Gartic.io interface for a better experience
// @author       Qwyua
// @namespace    https://gf.qytechs.cn/users/1442865
// @match        https://gartic.io/*
// @icon         https://gartic.io/favicon.ico
// @grant        GM_addStyle
// @grant        GM_addElement
// @supportURL   https://discord.gg/FdRfk68xDm
// @license      GPL-3.0
// @run-at       document-end
// ==/UserScript==

let rooms,drawdark,drawopacity,draw,background,select,loading;
rooms=true // set to false to hide old rooms
draw=true // set to false to hide drawing
drawopacity="1" // recommended value between 1 and 0 or 0.1
drawdark="0.4" // recommended value between 1 and 0 or 0.1
background="https://images.wallpaperscraft.com/image/single/starry_sky_space_open_space_129155_1920x1080.jpg"
select="https://media.giphy.com/media/sIIhZliB2McAo/giphy.gif"
loading="https://avatars0.githubusercontent.com/u/44649257?s=400&v=4"
s();function s(){GM_addElement(document.getElementsByTagName('div')[0],'img',{oncontextmenu:'return false',onselectstart:'return false',ondragstart:'return false',style:'width:100%;height:100%;z-index:6;',src:background});!rooms?rooms="display:none;":0;!draw?draw="display:none;":0;GM_addStyle(`#popUp .content{background-color:rgb(0 0 0 / 37%)}#screenRoom .ctt .users-tools #tools{display:none}@media screen and (max-width:640px){#screenRoom.common .ctt #interaction #chat .history .msg>div:not(.avatar) strong{color:#f9c236;margin:0 0 3px 5px}#screenRoom.common .ctt #interaction #chat .history .msg>div:not(.avatar) span{background-color:#00000030;color:#707CE0;font-family:NunitoBlack;font-size:16px;color:#FFBD4;line-height:15px}.rooms .scroll .scrollElements .loading,.area,.join .infos .infosUsers .user .nick,.join .infos .infosRoom,#screenRoom.common,#screenRoom.common .ctt .users-tools,#screenRoom.common .ctt #interaction #answer{background-color:#00000000}}#screenRoom.common .ctt .users-tools #users,#screenRoom .ctt .users-tools #users,.rooms .scroll .scrollElements .loading,#screens .title .filter .optionsFilter>div,#screenRoom.viewer .ctt #interaction,#screenRoom.common .ctt #interaction{background-color:#00000000}#popUp>div.content{background-color:rgba(0,0,0,0.75)}.ctt #canvas{opacity:`+drawopacity+`;`+draw+`}#screens .home .lastRooms{`+rooms+`}#events{background-color:rgba(0,0,0,`+drawdark+`);`+draw+`}::-webkit-scrollbar{display:none;visibility:hidden;opacity:0}#screens div div.content.bg.rooms div.scroll div.scrollElements a.selected{background-color:rgba(0,0,0,0.83);background-image:url(`+select+`);background-size:cover;box-shadow:0 0 140px 10px rgba(0,0,0,.5);position:relative;border:5px solid rgba(204,204,0,0.9);overflow:hidden;--sheenX:0;--sheenY:0}#screens>div{background-color:#00000000;overflow:hidden;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}#screens .scrollElements a,#screens .lastRooms li{background-color:rgba(0,0,0,0.83);border:2px solid black}.home .lastRooms>div ul li:not(.emptyList):not(.empty)>span{background-color:rgba(0,0,0,0.83);background-image:url(`+select+`);object-fit:contain;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:0 0 140px 10px rgba(0,0,0,.5);border:5px solid rgba(204,204,0,0.9);overflow:hidden;--sheenX:0;--sheenY:0}#screens .rooms .scrollElements a:hover,#screens div div.content.home div.lastRooms div li:hover{background-color:rgba(0,0,0,0.83);border-radius:5px;transform:scale(1.05);border-radius:10px;border:4px solid rgba(0,0,0,0.9);transition:all .2s ease-out}#background:before,#interaction,#screens>div>div.content.home>div.anonymus>div.form>div.containerForm>div.fieldset.nick>span,#screens>div>div.content.home>div.anonymus>div.form>div.containerForm>div.fieldset.lang>span,#screens>div>div.title.mobileHide>span,#screens header,#screens footer,#screens .home div.or{display:none}input[type=text],#popUp .contentPopup.infoRoom span,#screens div div.title div.filter,#screens .home .lastRooms div,#answer form div input,#screens div div.content.bg.rooms,#screens>div>div.content.home>div.anonymus>div.form>div.containerForm{background-color:#00000000}@keyframes animate8345{0%,100%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(360deg)}}.clientstart{z-index:100000000;color:rgb(0,0,0);background:linear-gradient(to right,#2d60ec,#3ccfda);font-size:24px;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:animate8345 9s linear infinite;font-weight:bold}#popUp .loading:before{content:"";height:100px;z-index:2;width:100px;background-image:url(`+loading+`);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;border-radius:50%;background-color:"none"}#popUp .loading .anima{position:relative;border-top:0px solid red;border-right:0px solid blue;border-bottom:0px solid green;border-left:0px solid #fff;border-left-color:#ffd217;-webkit-animation:load .8s infinite linear;-moz-animation:load .8s infinite linear;-ms-animation:load .8s infinite linear;-o-animation:load .8s infinite linear;animation:load .8s infinite linear}`)}
setInterval(() => {
  const eventsDiv = document.querySelector("#events");
  const toolsDiv = document.querySelector("#tools");
  if (eventsDiv && toolsDiv) toolsDiv.style.display = eventsDiv.style.cursor === "default" ? "none" : eventsDiv.style.cursor === "crosshair" ? "contents" : toolsDiv.style.display;
}, 500);
欢迎访问Greasy Fork镜像
