A Google Doc makeover Actually, I stole most of it from "docsafterdark mod" by a good fella named aeoniumsalad. Read notes for instructions.
GoogleDocs - Xcat Style by Xaviancat
Details
AuthorXaviancat
LicenseNo License
Categorydocs.google
Created
Updated
Code size83 kB
Code checksum9b2d2371
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
!!WARNING!!
This only works with pageless setup.
To turn your doc pageless, go to: File>Page Setup
It is highly recommended you use The Chrome Extension DocsAfterDark: https://chromewebstore.google.com/detail/docsafterdark/pihphjfnfjmdbhakhjifipfdgbpenobg?hl=en&pli=1
This is the Amazing dude who I stol- I mean borrowed the code from. Check him out since he carried this stupid project of mine!
Aeoniumsalad: https://userstyles.world/user/aeoniumsalad
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name docs.google.com
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Ohh oh dat Xaviancat!! And Aeoniumsalad!
==/UserStyle== */
@-moz-document domain("docs.google.com") {
@keyframes test {
0% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://static.vecteezy.com/system/resources/previews/022/712/705/large_2x/a-beautiful-fairytale-enchanted-forest-at-night-made-of-glittering-crystals-with-trees-and-colorful-vegetation-generate-ai-free-photo.jpg');
}
3% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://i.pinimg.com/originals/a3/da/a1/a3daa17e40c7341abe3da6e51a1f03f5.jpg');
}
5% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://img4.goodfon.com/wallpaper/nbig/3/e5/final-fantasy-cave-fantasy-paint-painting-shadow-underground.jpg');
}
6% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://i.pinimg.com/originals/33/ab/e7/33abe71ad0294f9d36f9e3c4270e0791.jpg');
}
10% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://wallup.net/wp-content/uploads/2018/09/28/882031-fantasy-art-artwork-artistic-original-photoshop-manipulation.jpg');
}
13% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://i.pinimg.com/originals/12/ad/d8/12add8ab898c99ec8aa129764d9fdd30.jpg');
}
15% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://p4.wallpaperbetter.com/wallpaper/356/517/283/fantasy-ruin-overgrowth-statue-hd-wallpaper-preview.jpg');
}
17% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://krita-artists.org/uploads/default/original/2X/f/f677c2142b1c1d334624066c8cc0ddacceaa7714.jpeg');
}
20% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://i.pinimg.com/originals/25/36/9e/25369eddc2dade1bc4d567b7ee155516.jpg');
}
22% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://i.pinimg.com/originals/e0/43/a9/e043a9d968637b779a319f0f48c3dbd6.jpg');
}
25% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://cdnb.artstation.com/p/assets/images/images/009/059/269/large/markku-kankaanniemi-dark-temple-of-spooky-skellingtons.jpg?1516887735');
}
27% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://artfiles.alphacoders.com/129/thumb-1920-129837.jpg');
}
30% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://c.wallhere.com/photos/c9/2d/1920x1200_px_fantasy_Art-606998.jpg!d');
}
33% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://pm1.narvii.com/6796/685c762c965f6cf6f3c928e0a9715679aad8e480v2_hq.jpg');
}
35% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://i.pinimg.com/originals/76/40/f0/7640f0e9619c67d9994a2cdcf5e7ed66.jpg');
}
38% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://64.media.tumblr.com/c04bb6c8f669bb9b014475cb112eb9b8/tumblr_mztllczTiL1tnu2myo1_1280.jpg');
}
40% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://live.staticflickr.com/6056/6327876385_485bfef56c_b.jpg');
}
43% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://mocah.org/uploads/posts/1170751-fantasy-art-nature-sand-candles-Moon-moonlight-cave-barrels-tent-Formation-darkness-screenshot-landform-geographical-feature-pit-cave-lava-tube.jpg');
}
45% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://cdnb.artstation.com/p/assets/images/images/020/655/797/large/patrik-pulkkinen-190808-flooded-ruins2.jpg?1568656514');
}
47% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://i.pinimg.com/originals/d0/ee/5e/d0ee5e3f43afaa2a256d52db87331201.jpg');
}
50% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://cdnb.artstation.com/p/assets/images/images/007/761/065/large/marton-antal-cristal.jpg?1508337260');
}
55% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://wallpaperaccess.com/full/1274092.jpg');
}
57% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://external-preview.redd.it/NgcX-OCvGyIMiY3LF1r7fsq5ZPXgiyXssg_jgQNUPEc.jpg?auto=webp&s=03be3d5c0123ffc46d1982654e0b20a5e5bba713');
}
60% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://i.pinimg.com/originals/58/86/96/588696aa555c578e99d44a75d0bf4172.jpg');
}
63% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://i.pinimg.com/originals/5b/11/da/5b11da17cf77a42d9e8cec948c3882d6.jpg');
}
65% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://i.pinimg.com/originals/d6/47/43/d64743c74e0515d071b4a8138222fd67.jpg');
}
70% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://i.pinimg.com/originals/43/3d/fa/433dfaac54c1af29eae059f31dd8b737.jpg');
}
73% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a7453cf1-e192-4503-ab1c-33c12ef6b810/d4dfkdj-acf3d0fb-facb-4e88-9353-b5f9f7fca4d2.jpg/v1/fill/w_1040,h_585,q_75,strp/sand_room_by_yefumm_d4dfkdj-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTg1IiwicGF0aCI6IlwvZlwvYTc0NTNjZjEtZTE5Mi00NTAzLWFiMWMtMzNjMTJlZjZiODEwXC9kNGRma2RqLWFjZjNkMGZiLWZhY2ItNGU4OC05MzUzLWI1ZjlmN2ZjYTRkMi5qcGciLCJ3aWR0aCI6Ijw9MTA0MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.LypDDhM_BL9Qg8SZ6vFLl_fEbAUAoExx0pDm5KwpY38');
}
75% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://i.pinimg.com/originals/fa/83/d1/fa83d15fc4b6c4df1b14043f20f745e1.jpg');
}
77% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://wallup.net/wp-content/uploads/2018/09/28/882031-fantasy-art-artwork-artistic-original-photoshop-manipulation.jpg');
}
80% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://cdnb.artstation.com/p/assets/images/images/003/801/401/large/pascal-casolari-le-temple-souterrain.jpg?1477563581');
}
82% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://images.squarespace-cdn.com/content/v1/52444d09e4b03b33d7294ad0/1451858314553-ERC0GV1XN0XT8ZOY5ZEP/ke17ZwdGBToddI8pDm48kC_TAi8Y4Rh4V_v96xLj9O8UqsxRUqqbr1mOJYKfIPR7LoDQ9mXPOjoJoqy81S2I8N_N4V1vUb5AoIIIbLZhVYxCRW4BPu10St3TBAUQYVKcGf7jPDDJdGK4NmJbOUpPPT8ly0ijHKRRqr4BtNKoTTMCWROH3ysi6d2cxSYP44-Y/ice_lake_1e.jpg?format=1500w');
}
85% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://i.pinimg.com/originals/e6/47/46/e64746e77e5538c3db5a690005d272a1.jpg');
}
88% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://i.pinimg.com/originals/7b/24/c0/7b24c00180a2cf6d7392a2d5573eb511.jpg');
}
90% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://i.pinimg.com/originals/2a/d4/7d/2ad47d2d741f45c32ea25aea5d49081b.jpg');
}
93% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://www.4gamer.net/games/150/G015067/20120328019/SS/009.jpg');
}
95% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://dengekionline.com/elem/000/000/630/630834/c20130430_eschlogy_40_cs1w1_1280x720.jpg');
}
97% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://www.4gamer.net/games/251/G025193/20140423030/SS/049.jpg');
}
98% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://assets.rpgsite.net/images/images/000/033/368/original/AS_Feb102015_A01.jpg');
}
100% {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)), url('https://nwrainshome.files.wordpress.com/2018/08/ruins2.jpg');
}
}
/* background */
.kix-appview-editor {
background-image: url(https://c.tenor.com/HJgX94-ufloAAAAd/tenor.gif);
background-size: cover !important;
background-position: 50% 50%;
animation-name: test;
animation-duration: 500s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
/* Page */
.kix-scrollareadocumentplugin {
background-color: #0000 !important
}
:root {
--Invis: #0000;
--primary-background-color: #000;
--secondary-background-color: #000;
--menu-background: #1b1b1bf0;
--hover-background-color: #333333;
--input-background-color: #404040;
--button-background-color: #000;
--button-background-color-focus: #333333;
--button-two-background-color: #262626;
--button-two-background-color-hover: #333333;
--enabled-background-color: #808080;
--selection-background-color: #999999;
--primary-border-color: #0000;
--secondary-border-color: #404040;
--lighter-border-color: #808080;
--primary-text-color: #f2f2f2;
--secondary-text-color: #cccccc;
--tertiary-text-color: #999999;
--disabled-text: #666666;
--accent-text: #64b5f6;
--accent-text-hover: #64b5f608;
--comment-active: #1e88e5;
--gm3-comment-background: #202427;
--gm3-comment-hover: #252D34;
}
/* TEXT COLORS */
/* PRIMARY TEXT COLOR */
.do...