🎉 欢迎访问GreasyFork.Org 镜像站!本镜像站由公众号【爱吃馍】搭建,用于分享脚本。联系邮箱📮

Greasy fork 爱吃馍镜像

Greasy Fork is available in English.

📂 缓存分发状态(共享加速已生效)
🕒 页面同步时间:2026/01/20 02:57:10
🔄 下次更新时间:2026/01/20 03:57:10
手动刷新缓存

Arras Theme

theme for arras.io

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

🚀 安装遇到问题?关注公众号获取帮助

公众号二维码

扫码关注【爱吃馍】

回复【脚本】获取最新教程和防失联地址

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

🚀 安装遇到问题?关注公众号获取帮助

公众号二维码

扫码关注【爱吃馍】

回复【脚本】获取最新教程和防失联地址

// ==UserScript==
// @name        Arras  Theme
// @version     4.4.9
// @description  theme for arras.io
// @match        *://arras.io/
// @license     MIT
// @namespace http://tampermonkey.net/
// ==/UserScript==
//all credit goes to arras noob 
// "G key"
        
            CanvasRenderingContext2D.prototype._stroke = CanvasRenderingContext2D.prototype._stroke || CanvasRenderingContext2D.prototype.stroke;
CanvasRenderingContext2D.prototype._fillText = CanvasRenderingContext2D.prototype._fillText || CanvasRenderingContext2D.prototype.fillText
CanvasRenderingContext2D.prototype._strokeText = CanvasRenderingContext2D.prototype._strokeText || CanvasRenderingContext2D.prototype.strokeText
 
CanvasRenderingContext2D.prototype.stroke = function() {
    this.shadowBlur = this.lineWidth / 2;// remove this line to have no blur
    this.shadowColor = this.strokeStyle; // remove this line to have no blur
//tanks in genral
    this.fillStyle = "#c7370f "
    this._stroke(...arguments)
    this.shadowBlur = 0; // remove this line for no blur
};
CanvasRenderingContext2D.prototype.fillText = function() {
    this._fillText(...arguments)
    this.shadowBlur = 0;
};
 //names exc...
CanvasRenderingContext2D.prototype.strokeText = function() {
    this.strokeStyle = "#03fcfc"
    this._strokeText(...arguments);
};
        



'use strict';
const HTML = `
<table style="width:100%" class="greenthing">
 
 
 <tr>
 
   <td><b style="text-shadow:1px 1px 0 #444">Arras.io menu thing?</td>
   <td>
 
  <img src="https://share.sketchpad.app/21/ab8-85dd-e9a387.png" alt="arras cool pic". style="width:200px;height:200px;" > <br>
 if you understand you do. if you dont... <a href="https://www.reddit.com/r/Diepio/comments/ot9rl3/fighter_plush/" target="_blank" style=”color: white; ” class=”linkboi”>Click here</a>  The original ver. <a href="https://share.sketchpad.app/21/45b-afe5-45d32e.png" target="_blank" style=”color: white; ” class=”linkboi”>here</a> </tr>
 <tr>
  
</div>




  <a>Builds</a>
  <p>1. 2/2/2/7/8/8/7/6/0/0 fighter 10.7 mil<br>2. 4/11/2/11/11/0/0 landmine 9 mill<br>3. 1/1/8/8/8/8/1/7/0/0 build that i made 1<br>4.  2/2/8/8/8/8/0/6/0/0 build i made 2<br>5. 3/3/7/7/7/7/1/7/0/0 20 mill auto auto-seer<br>6. 0/1/6/8/8/7/7/5/0 almost 3 mill falcon</p>
</div>
   <img src="https://share.sketchpad.app/21/45b-afe5-45d32e.png" alt="diep cool pic". style="width:200px;height:100px;">
  </div>


   <a>diep.io hybrid and slave</a>
     <img src="https://share.sketchpad.app/21/5be-db3a-ac1934.png" alt="diep cool pic". style="width:200px;height:100px;">








 


</div>






   


</tr>
</table>
   `
const styles = `
 
a:link {
  color: green;
  background-color: transparent;
  text-decoration: none;
}
 
a:visited {
  color: pink;
  background-color: transparent;
  text-decoration: none;
}
 
a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}
 
a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}
 
 
 
.greenthing {border: 1px solid green;
 padding-left:10px;
 padding-right:10px;
 border-collapse: collapse;
 overflow-y:auto;
 word-wrap:break-all;
}
div#greenthing > table, th, td {
 }
div#greenthing > button {
   font-family: inherit;
   font-size: 1em;
}
 }
 
`
const menuStyles = {
   position: "absolute",
   top: "25%",
   width:"50vw",
   height:"65vh",
   left: "25%",
   display: "none",
   "background-color": "rgba(0, 80, 89, 1)",
   "font-family":'"Montserrat","Verdana"'
}
 
// <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
const menu = document.createElement("div")
for (var prop in menuStyles) {
   menu.style[prop] = menuStyles[prop]
}
menu.innerHTML = HTML
menu.id = "dt-menu"
const styleElement = document.createElement("style")
const font = document.createElement("link")
font.rel = "stylesheet"
font.href = "https://fonts.googleapis.com/css?family=Montserrat"
styleElement.innerHTML = styles
document.head.appendChild(styleElement)
document.head.appendChild(font)
document.body.appendChild(menu)
const myEvent = function(event) {
switch (event.key) {
   case "Escape":
       if (menu.style.display == "none") {
           menu.style.display = "block"
           console.log("Menu Enabled!")
       }
       else {
           menu.style.display = "none"
           console.log("Menu Disabled!")
       }
       break
 
   }
}
window.addEventListener("keydown",myEvent)
console.log("arras menu loaded!")