☰

Character.ai Custom Fonts

New fonts for Character.ai!

当前为 2024-03-20 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Character.ai Custom Fonts
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.3
  5. // @description  New fonts for Character.ai!
  6. // @author       Florentinity
  7. // @match        https://old.character.ai/*
  8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=character.ai
  9. // @grant        none
  10. // @license MIT
  11. // ==/UserScript==
  12.  
  13. (function() {
  14.     var SelectedFont = "Noto Sans"
  15.  
  16.     function Update() {
  17.      document.getElementsByClassName("apppage").item(0).style.fontFamily = SelectedFont
  18.     }
  19.  
  20.     function ChangeFont() {
  21.         //if(document.body.children.length < 5)
  22.         //{
  23.         var FontChanger = document.createElement("popup");
  24.         FontChanger.style.width = "640px";
  25.         FontChanger.style.height = "480px";
  26.         FontChanger.style.position = "fixed";
  27.         FontChanger.style.top = "25%"
  28.         FontChanger.style.left = "35%"
  29.         document.body.appendChild(FontChanger);
  30.  
  31.         var popupFrame = document.createElement("img")
  32.         popupFrame.src = "https://i.ibb.co/b303tff/frame.png"
  33.         popupFrame.style.width = "640px";
  34.         popupFrame.style.height = "480px";
  35.         popupFrame.draggable = false
  36.         FontChanger.appendChild(popupFrame)
  37.  
  38.         var popupExit = document.createElement("img")
  39.         popupExit.src = "https://i.ibb.co/F6rPhsQ/exit.png"
  40.         popupExit.style.width = "64px"
  41.         popupExit.style.height = "64px"
  42.         popupExit.style.position = "fixed"
  43.         popupExit.style.left = "inherit"
  44.         popupExit.draggable = false
  45.         popupExit.addEventListener("click", (event) => {FontChanger.remove(); SelectedFont = popupInput.value} , false);
  46.         FontChanger.appendChild(popupExit)
  47.  
  48.         var popupInput = document.createElement("input")
  49.         popupInput.style.width = "256px"
  50.         popupInput.style.height = "32px"
  51.         popupInput.style.position = "relative"
  52.         popupInput.style.top = "-25%"
  53.         popupInput.style.left = "30%"
  54.         FontChanger.appendChild(popupInput)
  55.  
  56.         var popupLabel = document.createElement("label")
  57.         popupLabel.innerText = "Write down your font name here (The fonts will apply after you exit) :"
  58.         popupLabel.style.position = "relative"
  59.         popupLabel.style.top = "-65%"
  60.         popupLabel.style.left = "10%"
  61.         popupLabel.style.maxWidth = "512px"
  62.         document.addEventListener("keyup", (event) => {popupLabel.style.fontFamily = popupInput.value}, false);
  63.         FontChanger.appendChild(popupLabel)
  64.         //}
  65.     }
  66.  
  67.     function ButtonCheck() {
  68.         var button = document.createElement("button");
  69.         button.className = "btn py-0"
  70.         button.style = "padding-right: 0px; margin-right: 5px;";
  71.         button.type = "button"
  72.         button.title = "Change Fonts"
  73.         var buttonimage = document.createElement("img");
  74.         buttonimage.src = "https://i.ibb.co/F4Nmw1p/abclight.png"
  75.         button.addEventListener ("click", ChangeFont , false);
  76.         if(document.getElementsByClassName("input-group me-3 my-0").item(0).parentElement.children.length < 2 && document.URL.includes("/chat2?char="))
  77.         {
  78.         button.appendChild(buttonimage)
  79.         document.getElementsByClassName("chatbox text-muted d-flex justify-content-start align-items-center bg-white mx-3").item(0).appendChild(button);
  80.         } else if(document.getElementsByClassName("input-group me-3 my-0").item(0).parentElement.children.length < 3 && document.URL.includes("/chat?char=")) {
  81.         button.appendChild(buttonimage)
  82.         document.getElementsByClassName("chatbox text-muted d-flex justify-content-start align-items-center bg-white mx-3").item(0).appendChild(button);
  83.         }
  84. }
  85.  
  86.  
  87. setTimeout(() => { setInterval(ButtonCheck, 500) }, 5000);
  88. setTimeout(() => { setInterval(Update, 100) }, 5200);
  89. })();