Note
The userscript method is the RECOMMENDED WAY since it has more features and also applies the style for you. You should use the script unless you only want to replace the icon in the top left.
You do NOT NEED BOTH.
// load style | |
var tmp_head = document.getElementsByTagName('head')[0]; | |
var tmp_style = document.createElement('style'); | |
tmp_style.innerHTML = '.snowflake { \ | |
position: absolute; \ | |
color: #fff; \ | |
line-height: 1; \ | |
pointer-events: none; \ | |
-webkit-user-select: none; \ | |
-moz-user-select: none; \ |
/* ==UserStyle== | |
@name Twitter Catppuccin (Mocha) | |
@namespace github.com/RoootTheFox | |
@version 0.1.0 | |
@description Catppuccin Mocha (teal) for twitter dot com | |
@author RoootTheFox | |
==/UserStyle== */ | |
@-moz-document domain("twitter.com") { | |
/* currently uses this custom catppuccin css because the -raw changes haven't been merged (if they ever get merged) and I need them */ | |
:root { |
<!DOCTYPE html> | |
<head> | |
<title>nya</title> | |
<script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0/dist/confetti.browser.min.js"></script> | |
<style> | |
#time { | |
margin: 0; | |
position: absolute; | |
top: 50%; | |
left: 50%; |
Warning
If you are a modder or a developer, please tell me what you think of the current specification and if/how it can be improved!
Token (used for client->3rd party requests): Bearer <random string>
Challenge: