hyune

22

[thememedaddy]

[wwwgojo]

I would’ve died if I got to see him on the big screen.

[clarkent]

me @ 10

me @ 30

[siennayaps]

How I imagine Geto in the fics

[zetianzz]

You should try looking up Filipino Geto Au on twt because they always portray him like this lol.

[siennayaps]

Gonna do this first thing as I leave for home today

[zetianzz]

Hopefully you stumble across the english ones! Tiktok is also a spot to look for jjk au. He's usually the architect student, engineer, some frat boy twist as well. Filo JJK aus are lowkey good!!

[conchacrumb]

And for the lady, perhaps reassurance without having to ask for it?

[starcut-sand]

loveeee characters who think they're likable but not lovable. characters who know they have surface-level admirable or alluring traits and so make sure to highlight those traits so that nobody looks closer to see what's underneath. characters who know they're hot or clever or cool and use that as a suit of armor so that no one ever gets close to them, because when they strip bare and show their vulnerability they're not any of those things, which means they have nothing left to make up for who they inherently are

[the-gay-goblin]

Only day you can reblog this

[then-the-wind-changed]

I Am Somebody by Glenn Ligon, 1991

[yawnzshit]

i am not okay actually. gnawing on the bars of my enclosure rn.

[nneilarmstrongg-deactivated2026]

Katara is stronger than me for only having 3 kids i would have repopulated the air bender nation

LIKE HELLO???

[my-cup-of-coffeee]

oh god i’m back in the building

[ao3commentoftheday]

Glowy dark mode site skin

🎼 You would not believe your eyes, if 10 million fireflies ended up in the header of your AO3. 🎶

It's been a while since I tried glow effects, but I saw the fireflies and I couldn't resist.

CSS code under the cut.

#header {   background-image: url("https://cdn.pixabay.com/photo/2022/10/19/16/56/fireflies-7533056_1280.jpg");   background-repeat: no-repeat;   background-size: cover;   background-position: center center;   background-color: #152623; }

#header .heading {   height: 15em; }

#header .primary {   background: #0d1d1f;   box-shadow: 0px 0px 15px #f9f6ce; }

#header .logo, #header .heading sup {   visibility: hidden; }

#header .heading a {   color: #152623;   text-shadow: 0px 0px 15px #f9f6ce; }

.event .userstuff {   background: #425e50;   border: 1px solid #f9f6ce; }

#outer.wrapper {   background: #0d1d1f;   color: #f9f6ce; }

#main a {   color: #8c9b76; }

#greeting a.dropdown-toggle, #header .actions a {   color: #f9f6ce !important;   text-shadow: 0px 0px 3px #152623; }

#greeting .menu, #header .dropdown .menu, #header .dropdown:hover a {   background: #0d1d1f;   box-shadow: 0px 0px 15px #f9f6ce; }

span.submit.actions input.button {   display: none; }

#greeting img.icon {   display: none; }

#header #search .text, .search [role="tooltip"] {   background: #0d1d1f;   box-shadow: 0px 0px 15px #f9f6ce;   color: #f9f6ce !important;   border: 1px solid #0d1d1f; }

form.search input[type=text], form.search input[type=submit], .autocomplete div.dropdown ul {   background: #0d1d1f !important;   border: none;   box-shadow: 0px 0px 15px #f9f6ce;   color: #f9f6ce;   display: block; }

#header #search .text {   width: 7em; }

.notice, .comment_notice, .kudos_notice, ul.notes, .caution, .error, .comment_error, .kudos_error, .alert.flash {   background: #f9f6ce;   box-shadow: 0px 0px 15px #f9f6ce !important;   color: #0d1d1f;   border: none; }

.notice a, .comment_notice a, .kudos_notice a, ul.notes a, .caution a, .error a, .comment_error a, .kudos_error a, .alert.flash a {   color: #506957;   font-weight: bold; }

.splash .module h3 {   color: #f9f6ce;   border-bottom: 2px solid #f9f6ce; }

.splash .favorite li:nth-of-type(2n+1) a {   background: #f9f6ce;   box-shadow: 0px 0px 15px #f9f6ce;   color: #0d1d1f;   font-weight: bold;   font-variant: small-caps; }

.splash .favorite li:nth-of-type(2n+2) a {   color: #f9f6ce;   font-weight: bold;   font-variant: small-caps;   font-size: 110%; }

.splash .favorite li:nth-of-type(2n+1) a:hover, .splash .favorite li:nth-of-type(2n+2) a:hover {   color: #f9f6ce;   font-weight: bold;   font-variant: small-caps;   background: #425e50; }

#footer {   background: #425e50;   color: #f9f6ce;   border-top: 3px solid #f9f6ce;   box-shadow: 0px 0px 15px #f9f6ce; }

#footer a, #footer .heading {   color: #f9f6ce; }

.actions a, .actions a:focus, .actions input:focus, .action:focus, .actions li input, .actions li input[type="submit"], input[type="submit"], .actions li label, ul.navigation.actions li a, .action:link, .actions a:link {   background: #425e50;   border: 1px solid #f9f6ce;   color: #f9f6ce;   box-shadow: 0px 0px 15px #f9f6ce;   border-radius: 5px; }

.current, #dashboard .current {   background: #f9f6ce !important;   color: #0d1d1f !important;   box-shadow: 0px 0px 15px #f9f6ce !important;   border-radius: 5px; }

#dashboard.own {   border-top: 5px solid #f9f6ce;   border-bottom: 5px solid #f9f6ce;   box-shadow: 0px 0px 15px #f9f6ce; }

#dashboard a:hover {   background: #0d1d1f;   box-shadow: 0px 0px 15px #f9f6ce; }

#dashboard a {   color: #f9f6ce; }

dl.meta {   border: 1px solid #f9f6ce;   box-shadow: 0px 0px 15px #f9f6ce; }

.listbox .index {   background: #0d1d1f; }

.listbox, fieldset fieldset.listbox {   background: #f9f6ce;   box-shadow: 0px 0px 15px #f9f6ce; }

form dl, fieldset, fieldset fieldset, fieldset fieldset fieldset, fieldset fieldset dl dl, dd.hideme, form blockquote.userstuff, input, select, select:focus, textarea, span.symbol.question, .own {   background: #0d1d1f !important;   color: #f9f6ce !important;   border: 1px solid #f9f6ce;   box-shadow: 0px 0px 15px #f9f6ce; }

.autocomplete li.added, .post .meta dd ul li.added, label, label.required {   color: #f9f6ce; }

span.delete {   background: #f9f6ce;   box-shadow: 0px 0px 15px #f9f6ce; }

span.delete a {   color: #0d1d1f !important;   font-weight: bold; }

.ui-sortable li, .dynamic form, div.dynamic {   background: #0d1d1f;   border: 1px solid #f9f6ce; }

.dropdown {   background: #0d1d1f; }

form.verbose legend, .verbose form legend {   background: #f9f6ce;   color: #0d1d1f;   box-shadow: 0px 0px 15px #f9f6ce; }

li.blurb {   border: 1px solid #f9f6ce;   box-shadow: 0px 0px 15px #f9f6ce; }

.draft {   background: #0d1d1f;   color: #f9f6ce;   border: 2px dashed #f9f6ce;   box-shadow: 0px 0px 15px #f9f6ce; }

.draft .wrapper {   background: #0d1d1f;   border: 1px solid #f9f6ce; }

#header h2 {   background: #f9f6ce !important;   color: #0d1d1f;   box-shadow: 0px 0px 15px #f9f6ce; }

#stat_chart svg rect:first-of-type {   opacity: 60%; }

#stat_chart g[clip-path^=url] > g:nth-of-type(2) rect, #stat_chart svg g:nth-of-type(2) > g rect:last-of-type, #stat_chart g[clip-path^=url] > g:nth-of-type(2) rect:first-of-type {   filter: hue-rotate(140deg);   opacity: 80% !important; }

.statistics .index li:nth-of-type(2n) {   background: #0d1d1f;   border: 1px solid #f9f6ce; }

.reading h4.viewed, dl.index dd, table, th, dt.child {   background: #0d1d1f; }

#modal, span.replied {   background: #0d1d1f;   color: #f9f6ce;   border: 2px solid #f9f6ce;   box-shadow: 0px 0px 15px #f9f6ce; }

h4.heading.byline {   background: #f9f6ce;   color: #0d1d1f; }

li.comment {   border: 1px solid #f9f6ce; }

.comment div.icon {   border-bottom: 5px solid #f9f6ce;   box-shadow: 0px 0px 15px #f9f6ce; }

.thread .even {   background: #425e50; }

.unread {   background: #0d1d1f;   border: 5px dashed #f9f6ce !important; }

span.unread {   background: #f9f6ce;   color: #0d1d1f; }

span.indicator::before {   box-shadow: 0px 0px 15px #f9f6ce; }

.warnings .tag, .work .warning a.tag, dd.warning.tags a {   border: 1px solid #f9f6ce;   border-radius: 5px;   background: #f9f6ce;   padding-left: 2px;   padding-right: 2px;   box-shadow: 0px 0px 10px #f9f6ce; }

.relationships .tag, .work .relationships a.tag, dd.relationship.tags a {   background: none;   color: #f9f6ce !important;   font-weight: bold;   text-shadow: 0px 0px 15px #f9f6ce; }

.filters .expander {   background: url("https://64.media.tumblr.com/3c89981f933f9f57157d6dcec6fd85a7/94c6737c6db9ad60-e5/s1280x1920/f7557e617a5439c506721bd326580a0cb4c1f8d8.png") left center no-repeat;   color: #f9f6ce !important;   font-weight: bold; }

.filters .expanded .expander {   background: url("https://64.media.tumblr.com/dab095a2fd9387bc1e0c57747ba6b13f/94c6737c6db9ad60-ad/s1280x1920/c1a4e14e0565cdcac5d3e20bebac3ab440f2d607.png") left center no-repeat; }

[ao3commentoftheday]

This code is also on github.

[zerafinacss]

Replace the AO3 Icons 2.0

A while ago, I made a site skin that replaces all of the AO3 icons with new ones. I was pretty happy with it, but I wanted more options for changing the colors. So I made a new skin with customizable colors!

Here are previews of the three example color schemes I created (default, berry/reversi blue, and pink) in comparison to the old icons:

Almost all icon background colors (and a few other ones) can be changed to any color you want!

Find instructions for adding and customizing the site skin here on AO3:

An Archive of Our Own, a project of the Organization for Transformative Works

EDIT (20 July 2025): I have added pink icons and updated this post accordingly.

[ao3skin-beginner-attempts]

light jellyfish ao3 skin

Light Jellyfish Ao3 Skin

[knet646]

Cinnamoroll Sanrio AO3 Skin

Okay I made it. It's super cute and fun this is version one but I feel good sending it out into the world...

GitHub - KNZeb/Cinnamoroll_Skin

Contribute to KNZeb/Cinnamoroll_Skin development by creating an account on GitHub.

[xhcoffee]

ao3 skin ·summer° ﾟwine๑🍒🍓🪽

🎶𝑺𝒕𝒓𝒂𝒘𝒃𝒆𝒓𝒓𝒊𝒆𝒔, 𝒄𝒉𝒆𝒓𝒓𝒊𝒆𝒔 𝒂𝒏𝒅 𝒂𝒏 𝒂𝒏𝒈𝒆𝒍'𝒔 𝒌𝒊𝒔𝒔 𝒊𝒏 𝒔𝒑𝒓𝒊𝒏𝒈

𝑴𝒚 𝒔𝒖𝒎𝒎𝒆𝒓 𝒘𝒊𝒏𝒆 𝒊𝒔 𝒓𝒆𝒂𝒍𝒍𝒚 𝒎𝒂𝒅𝒆 𝒇𝒓𝒐𝒎 𝒂𝒍𝒍 𝒕𝒉𝒆𝒔𝒆 𝒕𝒉𝒊𝒏𝒈𝒔…🎶

Part of the inspiration for this skin comes from Lana Del Rey’s cover of Summer Wine

[zerafinacss]

AO3 Site Skin: neos

This skin gives AO3 a slightly modernized, semi-flat look and enhances the user experience.

The following themes are available:

Mobile previews:

You can also add header images like these:

→ Instructions for adding the skin