#css skin

[ocellarisdesigns]

Some stuff that I'm working on currently. I won't be reheating my nachos forever y'all 😅 Let me know which one you like best!

Vaporwave

Wicca Goth

This one has now been posted here.

Engineering

Romantic Victorian era

Retro macOS

[sadtorta]

SIMPLE CATPPUCCIN MOCHA THEME!

It's written on CSS so it should work fine with AO3 and SquidgeWorld. Made in a rush, so there might be some details that don't look quite right. I only checked it on PC, so let me know if there's a problem on another platform.

The CSS is on my GitHub! It's under releases (named CSS heheh). You should be able to copy it without a hassle.

GitHub - fbahm/Catppuccin-Mocha-theme: Catppuccin Mocha theme meant for Archive of Our Own and SquidgeWorld Archive.

Catppuccin Mocha theme meant for Archive of Our Own and SquidgeWorld Archive. - fbahm/Catppuccin-Mocha-theme

[ocellarisdesigns]

Made some variants y'all

Click here for the post with the original skin, with more general info and screenshots. All skins below are based on that one and only the colors are different.

Left to right, top to bottom. Full CSS in the links.

Pistachio on purple

Ice on bubblegum

Blush on amber

Sky on moss

more variants under the cut...

Celadon on cornflower

Tangerine on purple

Apricot on olive

Honeydew on flamingo

Petal on cornflower

Rose on violet

Melon on jade

Champagne on slate

Some color combinations are a bit weird, it's mainly because I'm a weird bitch with weird taste 👍

[ocellarisdesigns]

Soft pastel Ao3 skins

Left to right top to bottom:

Cherry blossom (light pink with taupe accents)

Sunflower (light yellow with dark green and blue accents)

Venus fly trap (light green with pink accents)

Tangerine (light orange with green accents)

Hibiscus (light orange with teal and yellow accents)

Cornflower (light blue with gold accents)

Lemon (light neon yellow with pink and teal accents)

Rose (light rose with pink and green accents)

Light olive (light beige with plum accents)

Tomato (light red with cobalt accents)

I used some new fonts this time to change it up a bit 👀

If you want the Didot font from the previous version you can just append this at the end of the skin.

The skins are based on this one, more screenshots and info in the link

A video of one of the skins in action below.

[ocellarisdesigns]

True MINIMALIST AO3 Skin

Cream paper, ink, one drop of blood red.

Click here for full CSS skin

Georgia body text, drop cap on the chapter opening

Rating and category icons redrawn as type. The sprite images are gone; ratings show as G / T / M / E, categories as F/M, M/M, F/F, GEN, MULTI. Explicit stays red.

Relationship tags and characters set in all caps, additional tags stay lowercase so the differentiation is easier. Warnings in red, CCNTW is black but bolded.

Romantic ships get a line under them, platonic ones don't, making it easier to see which relationships are romantic at a glance

Visited works show a lighter rule under the title

Styled all the way down: stats, subscriptions, chapter index, inbox, comment threads

Removed the social links and news section of the homepage to move the unread messages up. Marked for later is now full page width on the homepage. Gives both functions more functionality and visibility.

Skin is fully functional on mobile.

Statistics page is reworked. The stats graphic and the year selector had to go, it was not possible to css style it. (shoot me a message and I will let you know what to remove to bring it back)

mute banner is hidden, all other banners show up

this skin was customized to my needs and taste, which might not be the same as yours, please feel free to make changes to make it your own

more screenshots below

Please reblog/like if you want to see different color ways of this skin. I've made like a dozen of them...

Feel free to remix. :)

Before you install: The display font is Didot, which comes with macOS and needs to be added to other OS, to get the full experience please download and install that font.

More screenshots:

Mobile:

[ocellarisdesigns]

Seamless Gradient Ao3 skin - a vanilla glow on blush

Lamplight through rose glass, and ink.

Click here for full CSS skin

Seamless CSS gradient background: a light glow that appears and disappears and then eventually reappears, so even a 500k word fic scrolls through unbroken color instead of hitting a hard cutoff. (Since this is pure CSS and not an image it loads instantly and will not break in the future.)

Georgia body text, drop cap on the chapter opening

Rating and category icons redrawn as type. The sprite images are gone; ratings show as G / T / M / E, categories as F/M, M/M, F/F, GEN, MULTI. Explicit stays red.

Relationship tags and characters set in all caps, additional tags stay lowercase so the differentiation is easier. Warnings in red, CCNTW is black but bolded.

Romantic ships get a line under them, platonic ones don't, making it easier to see which relationships are romantic at a glance

Visited works show a lighter line under the title

Styled all the way down: stats, subscriptions page, chapter index, inbox, comment threads, search, bookmarks and so on

Removed the social links and news section of the homepage to move the unread messages up. Marked for later is now full page width on the homepage. Gives both functions more functionality and visibility.

Skin is fully functional on mobile, but the gradient looks slightly different

Statistics page is reworked. The stats graphic and the year selector had to go, it was not possible to css style it. (shoot me a message and I will let you know what to remove to bring it back)

mute banner is hidden, all other banners show up

this skin was customized to my needs and taste, which might not be the same as yours, please feel free to make changes to make it your own

more screenshots and a video below

Please reblog/like if you want to see different color ways of this skin. Feel free to remix. :)

Before you install: The display font is Didot, which comes with macOS and needs to be added to other OS, to get the full experience please download and install that font.

Video of the skin in action:

More screenshots:

On mobile:

[ocellarisdesigns]

New skin - "WITCHCRAFT"

Click here for full CSS skin

fully CSS, no images used. Everything the skin needs is in the CSS, no broken images ever.

Rating and category icons redrawn as type. The sprite images are gone; ratings are written out, categories as F/M, M/M, F/F, GEN, MULTI.

Relationship tags and characters set in all caps, additional tags stay lowercase so the differentiation is easier.

Romantic ships get a line under them, platonic ones don't, making it easier to see which relationships are romantic at a glance

Styled all the way down: stats, subscriptions, chapter index, inbox, comment threads

Removed the social links and news section of the homepage to move the unread messages up. Marked for later is now full page width on the homepage. Gives both functions more functionality and visibility.

Skin is fully functional on mobile.

Statistics page is reworked. The stats graphic and the year selector had to go, the graphs are impossible to style with CSS.

mute banner is hidden, all other banners show up

this skin was customized to my needs and taste, which might not be the same as yours, please feel free to make changes to make it your own

more screenshots and video below

You will need to have the font "Luminari" installed for the skin to look like in the screenshots. Otherwise it falls back to other fonts. The skin is still fully functional even then, but that's why it might look different for you!

Please reblog/like if you want to see different color ways of this skin.

[ocellarisdesigns]

Four new Ao3 skins - from dawn to dusk

From left to right, top to bottom. Full CSS in the links below.

Daybreak

Sunday Morning

Afternoon Heat

Ember Dusk

These four skins are all based on this one. More screenshots there

A small upgrade I've made is a putting a light tint on the work pages to improve readability. I don't want y'all to go blind! 👍

Video of one of the skins below.