Actions

Work Header

Rating:
Archive Warning:
Category:
Fandoms:
Additional Tags:
Language:
English
Series:
Part 5 of Aviary (Teletrapped Drabbles)
Stats:
Published:
2026-06-19
Completed:
2026-06-19
Words:
970
Chapters:
2/2
Comments:
11
Kudos:
3
Bookmarks:
2
Hits:
109

Forsaken (Teletrapped focused) Workskin

Summary:

A really simple work skin for my rarepair with really bad code. Best viewed with Reversi.

Edit: Now has text options for Brighteyes, Builderman, 1x1x1x1, the Spectre, and Veeronica.

Chapter 1

Notes:

(See the end of the chapter for notes.)

Chapter Text

Telamon-Themed Text

Angry iTrapped Themed Text

Serifed text

Blue text

yellow text

grey text

purple text

neon green text

glowing grey text

aberated grey text

purple shadowed text

chromatic aberration onex text

Serifed chromatic aberated 1x1x1x1 themed text

Computer vibes 1x1x1x1 aberated text

1x1x1x1 text with programmed contrast

1x1x1x1 text with programmed contrast (dark mode)

In order to stack these, use the word telatext

In order to stack these, use the word itext

In order to stack these, use the command trappedanger

In order to stack these, use the command patheticmon.

Spectre themed Text

Computer esque spectre text

Angrier Spectre Text (Also works for the darkheart)

Computer esque Angrier Spectre Text

Veeronica themed text

Alternate Veeronica themed text

As above, with slight glow

the code (linked, includes HTML for those who don't know how to use it):

CSS:

#workskin .itrapped {
color: #0096FF;
}

#workskin .telamon {
color: #FFBF00;
}

#workskin .builderman {
color: #BFBFBF;
}
#workskin .brighteyes {
color: #8448CD
}
#workskin .onebyfour {
color: #00FF00
}

#workskin .anger {
font-family: 'Palatino Linotype', Palatino, 'Book Antiqua', serif;
}

#workskin .tshadow-c {
color: #0096FF;
text-shadow: 0 0 6px rgba(100, 149, 237, 0.6), 0 0 18px rgba(111, 143, 175, 0.3);
}

#workskin .tshadow-d {
color: #FFBB00;
text-shadow: 2px 2px rgba(255, 234, 0, 0.3),
4px 4px rgba(228, 208, 10, 0.3),
6px 6px 0 rgba(228, 155, 15, 0.3);
}
#workskin .telatext {
font-family: 'Palatino Linotype', Palatino, 'Book Antiqua', serif;
color: #FFBB00;
text-shadow: 2px 2px rgba(255, 234, 0, 0.3),
4px 4px rgba(228, 208, 10, 0.3),
6px 6px 0 rgba(228, 155, 15, 0.3);
}
#workskin .itext {
font-family: 'Palatino Linotype', Palatino, 'Book Antiqua', serif;
color: #0096FF;
text-shadow: 0 0 6px rgba(100, 149, 237, 0.6), 0 0 18px rgba(111, 143, 175, 0.3);
}
#workskin .trappedanger {
font-family: 'Palatino Linotype', Palatino, 'Book Antiqua', serif;
color: #0096FF;
}
#workskin .patheticmon {
font-family: 'Palatino Linotype', Palatino, 'Book Antiqua', serif;
color: #FFBF00;
}
#workskin .BuildermanAnger {
color: #BFBFBF;
text-shadow: 0 0 6px rgba(152, 152, 152, 0.6), 0 0 18px rgba(97, 97, 97, 0.3);
}
#workskin .buildermanrage {
font-family: 'Palatino Linotype', Palatino, 'Book Antiqua', serif;
color: #BFBFBF;
text-shadow: 2px 2px rgba(152, 152, 152, 0.3),
4px 4px rgba(97, 97, 97, 0.3),
6px 6px 0 rgba(56, 56, 56, 0.3)
}
#workskin .brightshadow {
color: #8448CD;
text-shadow: 0 0 6px rgba(163, 123, 217, 0.6), 0 0 18px rgba(218, 206, 233, 0.3);
}
/* The only difference between this one and onexonexone is that this one is Serifed */
#workskin .onexanger {
font-family: 'Palatino Linotype', Palatino, 'Book Antiqua', serif;
text-shadow: 2px 2px rgba(0, 255, 0, 0.6),
-4px -4px rgba(255, 0, 0, 0.6),
6px 6px 0 rgba(60, 170, 50, 0.6);
}
#workskin .onexonexone {
text-shadow: 2px 2px rgba(0, 255, 0, 0.6),
-4px -4px rgba(255, 0, 0, 0.6),
6px 6px 0 rgba(60, 170, 50, 0.6);
}
#workskin .onecomputer {
font-family: 'Lucida Console', 'Courier New', monospace;
text-shadow: 2px 2px rgba(0, 255, 0, 0.6),
-4px -4px rgba(255, 0, 0, 0.6),
6px 6px 0 rgba(60, 170, 50, 0.6);
}
#workskin .twocomputer {
background: #A0B891;
color: #000000;
font-family: 'Lucida Console', 'Courier New', monospace;
text-shadow: 2px 2px rgba(0, 255, 0, 0.6),
-4px -4px rgba(255, 0, 0, 0.6),
6px 6px 0 rgba(60, 170, 50, 0.6);
}
#workskin .threecomputer {
background: #000000;
color: #FFFFFF;
font-family: 'Lucida Console', 'Courier New', monospace;
text-shadow: 2px 2px rgba(0, 255, 0, 0.6),
-4px -4px rgba(255, 0, 0, 0.6),
6px 6px 0 rgba(60, 170, 50, 0.6);
}
#workskin .Spectretext {
background: #0d0508;
color: #FF0000;
font-family: Georgia, serif;;
}
#workskin .AngrySpectre {
background: #000000;
color: #FF0000;
font-family: Georgia, serif;;
text-shadow: 2px 2px rgba(245, 12, 0, 0.3);
}
#workskin .veeronica {
color: #EA5EEF;
font-family: 'Lucida Console', 'Courier New', monospace;
}

#workskin .veetwo {
background: #160914;
color: #EA5EEF;
font-family: 'Lucida Console', 'Courier New', monospace;
}
#workskin .veethree {
background: #160914;
color: #EA5EEF;
font-family: 'Lucida Console', 'Courier New', monospace;
text-shadow: 0 0 6px rgba(188, 122, 190, 0.9), 0 0 18px rgba(236, 160, 238, 0.6);
}
#workskin .spectretwo {
background: #0d0508;
color: #FF0000;
font-family: 'Lucida Console', 'Courier New', monospace;
}
#workskin .redcomputer {
background: #000000;
color: #FF0000;
font-family: 'Lucida Console', 'Courier New', monospace;
text-shadow: 2px 2px rgba(245, 12, 0, 0.3);

Notes:

Devlog:

- Lowered opacity on Telatext for more legibility
- Made it that Telatext would have its chromatic aberration in the same direction for more legibility
- Changed the shade of yellow on Telatext for Default site skin users
- Changed the shade of blue on iTrapped's basic colored text for Default site skin users

- Added options for Builderman's dialouge
- Added options for Brighteyes
- Added options for 1x1x1x1
- Added options for the Spectre
- Added options for Veeronica

- Made the glowing Veeronica text have a more prominent glow by increasing opacity, to lend more to the computer aesthetic
- Changed Hex codes on Veeronica's text's palette to more closely match her in game appearance
- Added options to increase contrast on 1x1x1x1's text

- Added the CSS here as well as in the doc upon request