# ao3siteskins/original-skins architecture > Architecture diagram of the GitHub repository ao3siteskins/original-skins, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-11-09). It is an AI-made overview: check details against the source. - Interactive diagram: https://gitdiagram.com/ao3siteskins/original-skins - Repository: https://github.com/ao3siteskins/original-skins ## Overview This repository is a collection of standalone CSS site skins for Archive of Our Own (AO3), not an application with an internal runtime pipeline. The documented workflow is for a user to choose a skin, create an AO3 Site Skin, and copy the CSS into it; AO3 then uses the pasted styling. The README lists the available skins, but no CSS source excerpts were provided, so the graph does not infer implementation details or relationships between individual stylesheets. ## Diagram (Mermaid) ```mermaid flowchart TD subgraph group_reading["Reading & Work"] node_working_day["Working Day
[Working_Day.CSS]"] node_love_reading["Love Reading
[Love_Reading.CSS]"] node_love_read_blog["Love Read Blog
[Love Read Blog.CSS]"] node_ficbook["Ficbook Style"] node_piece_paper["Piece of Paper"] end subgraph group_nature["Nature & Seasons"] node_daydreams["Daydreams
[Daydreams.CSS]"] node_beauty_nature["Beauty of Nature"] node_butterflies_green["Butterflies Green"] node_butterflies_purple["Butterflies Purple"] node_lovely_birds["Lovely Birds
[Lovely_birds.CSS]"] node_calm_beauty["Calm and Beauty"] node_poppy["Poppy Flowers"] node_hello_autumn["Hello Autumn"] node_winter_cherry["Winter Cherry"] node_winter_forest["Winter Snow Forest"] node_winter_time["Winter Time"] node_snowman["Snowman
[Snowman.CSS]"] node_new_year["New Year Rabbit"] end subgraph group_cozy["Cozy & Playful"] node_teatime["Teatime
[Teatime.CSS]"] node_coffee_cat["Coffee House Cat"] node_funny_cats["Funny Cats
[Funny cats.CSS]"] node_ice_cream["Ice Cream Time"] node_just_for_fun["Just for Fun"] node_cup_tea["A Cup of Tea"] node_romantic["Romantic"] end node_user(("AO3 user")) node_ao3["AO3 Site Skin"] node_user -->|"creates and pastes CSS"| node_ao3 click node_working_day "https://github.com/ao3siteskins/original-skins/blob/main/Working_Day.CSS" click node_love_reading "https://github.com/ao3siteskins/original-skins/blob/main/Love_Reading.CSS" click node_love_read_blog "https://github.com/ao3siteskins/original-skins/blob/main/Love%20Read%20Blog.CSS" click node_ficbook "https://github.com/ao3siteskins/original-skins/blob/main/Similar%20to%20Ficbook%20Style" click node_teatime "https://github.com/ao3siteskins/original-skins/blob/main/Teatime.CSS" click node_coffee_cat "https://github.com/ao3siteskins/original-skins/blob/main/Coffee%20House%20Little%20Kitty%20Cat.CSS" click node_funny_cats "https://github.com/ao3siteskins/original-skins/blob/main/Funny%20cats.CSS" click node_ice_cream "https://github.com/ao3siteskins/original-skins/blob/main/Ice%20cream%20time" click node_just_for_fun "https://github.com/ao3siteskins/original-skins/blob/main/Just%20for%20fun" click node_cup_tea "https://github.com/ao3siteskins/original-skins/blob/main/A%20Cup%20of%20Tea" click node_piece_paper "https://github.com/ao3siteskins/original-skins/blob/main/Piece%20of%20paper" click node_daydreams "https://github.com/ao3siteskins/original-skins/blob/main/Daydreams.CSS" click node_beauty_nature "https://github.com/ao3siteskins/original-skins/blob/main/Beauty%20of%20Nature" click node_butterflies_green "https://github.com/ao3siteskins/original-skins/blob/main/Butterflies%20(green)" click node_butterflies_purple "https://github.com/ao3siteskins/original-skins/blob/main/Butterflies%20(purple)" click node_lovely_birds "https://github.com/ao3siteskins/original-skins/blob/main/Lovely_birds.CSS" click node_calm_beauty "https://github.com/ao3siteskins/original-skins/blob/main/Calm%20and%20beauty" click node_poppy "https://github.com/ao3siteskins/original-skins/blob/main/Poppy%20flowers" click node_hello_autumn "https://github.com/ao3siteskins/original-skins/blob/main/Hello%20Autumn" click node_winter_cherry "https://github.com/ao3siteskins/original-skins/blob/main/Winter%20Cherry" click node_winter_forest "https://github.com/ao3siteskins/original-skins/blob/main/Winter%20Snow%20Forest" click node_winter_time "https://github.com/ao3siteskins/original-skins/blob/main/Winter%20Time" click node_snowman "https://github.com/ao3siteskins/original-skins/blob/main/Snowman.CSS" click node_new_year "https://github.com/ao3siteskins/original-skins/blob/main/New%20Year%20of%20Water%20Rabbit" click node_romantic "https://github.com/ao3siteskins/original-skins/blob/main/Romantic" classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554 classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337 classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81 classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a class node_working_day,node_love_reading,node_love_read_blog,node_ficbook,node_piece_paper,node_user toneBlue class node_daydreams,node_beauty_nature,node_butterflies_green,node_butterflies_purple,node_lovely_birds,node_calm_beauty,node_poppy,node_hello_autumn,node_winter_cherry,node_winter_forest,node_winter_time,node_snowman,node_new_year toneAmber class node_teatime,node_coffee_cat,node_funny_cats,node_ice_cream,node_just_for_fun,node_cup_tea,node_romantic toneMint class node_ao3 toneIndigo ``` ## Components ### Reading & Work - [Working Day](https://github.com/ao3siteskins/original-skins/blob/main/Working_Day.CSS): `Working_Day.CSS` - [Love Reading](https://github.com/ao3siteskins/original-skins/blob/main/Love_Reading.CSS): `Love_Reading.CSS` - [Love Read Blog](https://github.com/ao3siteskins/original-skins/blob/main/Love%20Read%20Blog.CSS): `Love Read Blog.CSS` - [Ficbook Style](https://github.com/ao3siteskins/original-skins/blob/main/Similar%20to%20Ficbook%20Style): `Similar to Ficbook Style` - [Piece of Paper](https://github.com/ao3siteskins/original-skins/blob/main/Piece%20of%20paper): `Piece of paper` ### Nature & Seasons - [Daydreams](https://github.com/ao3siteskins/original-skins/blob/main/Daydreams.CSS): `Daydreams.CSS` - [Beauty of Nature](https://github.com/ao3siteskins/original-skins/blob/main/Beauty%20of%20Nature): `Beauty of Nature` - [Butterflies Green](https://github.com/ao3siteskins/original-skins/blob/main/Butterflies%20(green)): `Butterflies (green)` - [Butterflies Purple](https://github.com/ao3siteskins/original-skins/blob/main/Butterflies%20(purple)): `Butterflies (purple)` - [Lovely Birds](https://github.com/ao3siteskins/original-skins/blob/main/Lovely_birds.CSS): `Lovely_birds.CSS` - [Calm and Beauty](https://github.com/ao3siteskins/original-skins/blob/main/Calm%20and%20beauty): `Calm and beauty` - [Poppy Flowers](https://github.com/ao3siteskins/original-skins/blob/main/Poppy%20flowers): `Poppy flowers` - [Hello Autumn](https://github.com/ao3siteskins/original-skins/blob/main/Hello%20Autumn): `Hello Autumn` - [Winter Cherry](https://github.com/ao3siteskins/original-skins/blob/main/Winter%20Cherry): `Winter Cherry` - [Winter Snow Forest](https://github.com/ao3siteskins/original-skins/blob/main/Winter%20Snow%20Forest): `Winter Snow Forest` - [Winter Time](https://github.com/ao3siteskins/original-skins/blob/main/Winter%20Time): `Winter Time` - [Snowman](https://github.com/ao3siteskins/original-skins/blob/main/Snowman.CSS): `Snowman.CSS` - [New Year Rabbit](https://github.com/ao3siteskins/original-skins/blob/main/New%20Year%20of%20Water%20Rabbit): `New Year of Water Rabbit` ### Cozy & Playful - [Teatime](https://github.com/ao3siteskins/original-skins/blob/main/Teatime.CSS): `Teatime.CSS` - [Coffee House Cat](https://github.com/ao3siteskins/original-skins/blob/main/Coffee%20House%20Little%20Kitty%20Cat.CSS): `Coffee House Little Kitty Cat.CSS` - [Funny Cats](https://github.com/ao3siteskins/original-skins/blob/main/Funny%20cats.CSS): `Funny cats.CSS` - [Ice Cream Time](https://github.com/ao3siteskins/original-skins/blob/main/Ice%20cream%20time): `Ice cream time` - [Just for Fun](https://github.com/ao3siteskins/original-skins/blob/main/Just%20for%20fun): `Just for fun` - [A Cup of Tea](https://github.com/ao3siteskins/original-skins/blob/main/A%20Cup%20of%20Tea): `A Cup of Tea` - [Romantic](https://github.com/ao3siteskins/original-skins/blob/main/Romantic): `Romantic` ### Other components - **AO3 user** - **AO3 Site Skin** ## Connections - AO3 user → AO3 Site Skin: creates and pastes CSS (evidence: `README.md`)