Glowy Dark Mode Site Skin

Glowy dark mode site skin

Screenshot of the AO3 homepage. The header has a picture of a dark forest at night with green mist and hundreds of glowing fireflies. The site's background is almost-black. Text is a pale yellow. Pale yellow glow effects have been applied throughout.
Screenshot of a work blurb. Archive Warnings have a glowy yellow background. Relationship tags are bright yellow and bolded. The footer is a medium green with the same pale yellow text as elsewhere. Buttons are a matching medium green with glow effect behind them.
Screenshot of the Fandoms page. The box around each fandom list is the same pale yellow with glow effect as elsewhere.
The Work Search page. The background of the page is almost-black and each element has a glow effect.
The Filters Sidebar has an almost-black background and pale yellow text. Most of the text has been bolded.
A sample work to show the readability of the yellow text on the almost-black background.

🎼 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; }

More Posts from Dipstickflopdoodle and Others

2 months ago

Re-blog this if:

- you’re gay - can read - support gay people - want to hold a match between your fingers as you wander the halls of an ancient castle because it’s your only source of light amidst the ghosts of people long past - are an antelope - or want a chocolate bar.

No one will know which applies.

8 months ago

Unsolicited Witch Tip 24

Catching a falling leaf before it hits the ground is supposed to be good luck. Add it to your altar for good luck, protection, and abundance throughout the autumn season.

1 year ago

Self love spell jar

Self Love Spell Jar

Always cleanse first!

Cinnamon

Himalayan salt

Sugar

Dried rose petals

Sealed with pink wax

3 months ago

what simons playlist would look like

I just know hes a spotify premium king { i would make it a playlist if it didnt link to my irl account LOLZ } you also can't tell me that every song added isn't a banger

What Simons Playlist Would Look Like

his normal rotation

you can guarantee hes at least going to play of these songs everyday. whether its getting ready in the morning with you, or when hes doing his routine work out. he loves these ones with all his heart.

for the love of god - steve vai get some o'deez - snot r.o.m.p. - tomorrows bad seeds devils door - slightly stoopid i don't like me anymore - nofx princess - failure savory - jawbox third eye - tool coming right along - the posies its gonna kill me - filter wait - earshot brodels - 311 buried myself alive - the used creep - stone temple pilots

when hes thinking of you

simon when hes emotional is always a simon with a straight and blank face. his heart aches thinking of you back home while hes away on deployment. the sound of it can be heard coming from his headphones when he gets too close to anyone else.

why i like the robins - hum the background - third eye blind wish you were here - incubus orgasm of death - the growlers reckoner - radiohead lovesong - the cure pet - a perfect circle look at you - screaming trees sometimes - my bloody valentine incinerate - sonic youth her - the american dawn

when hes feeling himself on a whole new level

hes finally been home from deployment long enough for you to not feel guilty about going out with your friends. this is what's hes playing when hes cleaning up and doing the normal chores you would. and inevitably listening to them in the car while he has to come pick you up because of a few too many drinks you may or may not of had.

still a g thang - snoop dogg dry spell - pepper survival of the fittest - mobb deep c.r.e.a.m. - wu tang clan drift away - the expendables fastlane - king geedorah eye for an eye - mobb deep get a hold - a tribe called quest payback - flaw

ೃ࿔* tag list: @simonskitty @cu456 @silverwoodlynx @mlthree @vint4geroses @ktmjoslin @darlingchanse @xangelbnnyx @tslmvn @gogeroni @1pps @jgissle12 @asherscove @bunty-girl @yu-rikaa @mara-018 @diorpar @sky-robin @ray-19 @ldrtypeofgirl @mentalhorror @teranya

10 months ago

Devotional Acts

For love or beauty deities

Skin care

Make up (or embrace your natural beauty)

Dress up a little

Paint your nails

Love letters

Self /love/ iykyk

Change your bed sheets/clean up your room/space

Listen to love songs/songs about sex/loving yourself

You know that trend of people, typically women, painting a canvas black and then painting their legs/ass/hands/boobs and making a form of silhouette art for their partners?

Read romance novels

Play Interactive romance novels/romance games (stardew valley, dream daddy, The Arcana, etc)

For war deities

Listen to angry music

Advocate for yourself

Reinforce your boundaries

Cut out the negative people in your life

Feel your anger, recognize your anger, don't force it down, but don't lash out to others. "I am angry. This thing made me angry. It's okay that I am angry, it is not okay to cause harm to those who do not deserve it." Etc etc

Read biographies or accounts of war, or dystopian novels (accounts of war like Night by Elie Weisel, dystopian like Divergent or Hunger Games)

Learn self defense

Learn about how your area was used in past wars.

Play fighting games (call of duty, mortal combat, etc)

For music/art deities

Create! Learn an instrument

Write a song

Paint for them

Listen to experimental or storytelling music. All music is art, so find a vibe for your deity.

Take pictures of nature, art is everywhere in nature, from the paintings on butterfly wings to the sunset

Read/write poetry

Read poetry books, or books about music or art (think biographies from musicians/artists, or books like Guitar Notes by Mary Amato or such) (guitar notes is a midgrade book but it's the only one I could think of the name of)

Visit galleries or local shows, support local artists

For wisdom deities

Read books, any type, but mostly classics like Sherlock Holmes or Jane Austen

Watch documentaries

Take free online courses on subjects that interest you

Visit and support your local libraries and independently owned bookstores

Find old unloved books at thrift stores

Learn a new skill

Listen to music from different time periods

Visit museums

Play strategy games (chess, supreme commander, etc)

Do puzzles

For nature deities

Raise a plant, or a garden

Listen to nature sounds, or music with nature sounds

Observe nature persevering, vines crawling up a building, dandelions in cracks in the pavement.

Read wilderness guides

Learn about your area's native flora and fauna

Visit local parks

Open windows and let the fresh air in

Scavenge/forage (in safe areas)

Play cozy games (animal crossing, etc)

For death deities

Visit local graveyards/cemeteries (don't forget to be mindful and conscious of others and the spirits there)

Listen to music by artists who have passed on, or music about death

Learn about different cultures' funeral practices

Safely move roadkill out of the road, leave a small offering if possible (again, do so SAFELY)

Read books that have death themes (like Edgar Allen Poe, Wuthering Heights, or They Both Die In The End)

Think about how you want your body to be treated in death. Do you want to be buried? Cremated?

For home/hearth deities

Read cozy books

Play cozy games (sims, animal crossing)

Make your house seem warm and inviting to visitors

Learn how to bake, either from scratch or a box, both are acceptable

Learn how to sew or knit or crochet.

Watch cozy movies

Light candles if you don't have a fireplace

Listen to soft music

Visit your friends or family and bring them baked goods

For strong parental deities

Take care of your friends

Make sure your friends eat and are drinking water, do the same for yourself

Tell the people in your life you love them, you're proud of them, they're doing a good job

Read books about found family, self help books

Listen to music that makes you feel safe and loved

Carry a figure that represents them

Take care of yourself the way that they would take care of you.

Cook for yourself. Make yourself feel safe and loved

For health deities

Carry bandaids and Tylenol and extra pads/tampons for people who may need them

Learn about the human body and how it works

Take your meds

Make art out of old pill bottles for them

Know and respect your limits

Watch documentaries about doctors or health sciences

Research holistic remedies and see if any might be of use to you (DO NOT SUBSTITUTE THEM FOR MODERN MEDICINE) be careful of misinformation, and any interactions that certain things might have with your meds

For sea/ocean/water deities

Have a small fountain in your home (you can find them at some dollar stores, or if you're mechanically savvy, make your own)

Salts in your baths

Visit local streams, creeks, rivers, or beaches.

Read about marine life / river life

Read about your local water sources, learn about the water cycle

Collect rain water

Stand in the rain, feel it on you, let it ground you

Listen to music about water/with water sounds/the ocean/the beach

Have pictures in your home/space of the ocean

If you visit the ocean, collect some water and sand and seashells (make sure you follow your own personal gratitude system) to have in your home

Don't fret if you're landlocked, you're practice is valid, you don't need to be at the ocean all the time to feel it's presence. The rain clouds blow in from hundreds of miles away. The ocean is always with you.

Drink water

Carry a small vial of water with you (could be ocean water, river water, or tap water with or without salt in it) you can keep it in your car, in your pocket, or wear it as a necklace

Carry a small vial of salt with you (could be hand harvested from the ocean, table salt, or any kind of off the shelf salt)

For sky/wind/air deities

Let the air in, open windows when possible

Let yourself be free.

Sit outside for a few minutes a day, or longer.

For traveler deities

Pick something up for them on your travels, could be a rock, could be a souvenir

Put a symbol of them in your car

Wear shoes that are good for walking

Drive/walk around to explore new places (you don't even have to leave your town)

Take backroads

Be a (respectful) tourist in every new place that you visit, don't be afraid of looking stupid.

For queer deities

Educate yourself on queer history

Express yourself truthfully

Listen to queer music

Read queer books

Embrace your identity

Read queer poetry, like that of Sappho

Keep yourself safe in spaces that are less open to identities.

Support local queer owned businesses or artists.

Queer art

Love yourself and take care of yourself.

Go to drag shows

Relish in the fact that queerness has been around since the very first civilizations

For Inventive Deities

Do a metal puzzle

Learn metalworking, or just read about it

As always, please feel free to add on, I only work with one deity so please tell me if anything is incorrect or confusing.

Blessed be <3

6 months ago

Recommended tips for research as a beginner witch/practioner:

Research as a beginner can at times feel stressful if you don't know credibilties or anything about the craft really. So, I'm going to share some tips I use in my practice and would recommend when researching witchcraft.

Research what interests you. If research begins to feel like a task instead of genuine interest or fun, there will be problems down the line with researching thoroughly. That isn't to say don't research things that bore you, it means that you should take what resonates with you and from there you can begin to build the framework for your personal craft.

Does the source align with your moral standing and personal beliefs? If the answer is no, time to find a new source. For example, if a source is fully against any harm towards another person and tries to push that narrative on the reader/viewer (or vice versa) and it's not something you personally align with, find another source. The most important example of this is many authors are bigots, terfs or cultural appropriaters. Remember to research the author and their practice before trusting what they have to say.

What may work for some people will not work for you. Do not feel inclined to do everything a certain way as said by a certain practioner. The point of witchcraft is to develop your own habits and outlooks. Crystals and astrology may work best for someone, but you may have an inclination towards herbs and palmistry for example. You do not need to practice every form of witchcraft out there. So circling back to the first point, pay mind to what sparks joy and what aligns with your abilities.

Take everything with a grain of salt. Learn to question what you learn. As witchcraft and spirituality have been practiced in many cultures for many years, things have evolved and been taken from one context to the next. Research various practices and rituals as well as the authors and cultures who promoted said practices

Use multiple sources. Blindly believing one post can be harmful, especially when concerning topics that can be a manner of physical safety (fire hazards, dressing candles, consumption and burning of herbs) or spiritual safety (spirit work, baneful work, trickster spirits). The more research the better, as it solidifies understanding too.

Do not rely solely on social media, but use it as a crutch to what you already know. Many content creators care more about views or aesthetics than educating. But many creators also DO care about what they're putting out there and have genuinely good tips and tricks for various practices. Just be wary.

Don't worry about aesthetics or perfection when you're just learning. Don't let pinterest photos of altars downplay your own craft and beauty. Right now, you're learning new topics and there's plenty of time later to find pretty altar tools or to neatly scribe in a leather journal. Don't let it distract you from research, and ultimately, the goal is to grow.

Have fun with it! There are so many research topics, and it can be as expansive or specific as you make it. Remember this isn't supposed to be stressful, it's supposed to be rewarding.

(Please add your own tips too if you'd like!)

3 years ago

Trying to draw buildings

image
10 months ago

Please fucking lie to your employer. Like they don’t need to know your mental health issues or what drugs you do. Ffs

3 years ago

so I go to animation school now

  • janeurbae
    janeurbae liked this · 2 weeks ago
  • lunajmiel
    lunajmiel liked this · 2 weeks ago
  • mahgerm
    mahgerm liked this · 2 weeks ago
  • michaelmeowrrs
    michaelmeowrrs liked this · 2 weeks ago
  • wolfdogcomics
    wolfdogcomics liked this · 2 weeks ago
  • weirdo-chant
    weirdo-chant liked this · 2 weeks ago
  • vixfern
    vixfern liked this · 2 weeks ago
  • fuyu-chisu
    fuyu-chisu liked this · 2 weeks ago
  • zupernovae
    zupernovae reblogged this · 2 weeks ago
  • zupernovae
    zupernovae liked this · 2 weeks ago
  • mellully
    mellully reblogged this · 2 weeks ago
  • theincompetentotoge-gamer
    theincompetentotoge-gamer reblogged this · 2 weeks ago
  • theincompetentotoge-gamer
    theincompetentotoge-gamer liked this · 2 weeks ago
  • mellully
    mellully liked this · 2 weeks ago
  • cryoalliums
    cryoalliums liked this · 2 weeks ago
  • mmilkou
    mmilkou liked this · 2 weeks ago
  • bunngs
    bunngs liked this · 2 weeks ago
  • vanteseo
    vanteseo liked this · 2 weeks ago
  • mortimcfly
    mortimcfly liked this · 2 weeks ago
  • ruvianz
    ruvianz liked this · 2 weeks ago
  • renapologist
    renapologist liked this · 2 weeks ago
  • blueobvious
    blueobvious liked this · 2 weeks ago
  • ilovevampyx
    ilovevampyx liked this · 2 weeks ago
  • atlasofheaven
    atlasofheaven liked this · 2 weeks ago
  • stkarmi
    stkarmi liked this · 2 weeks ago
  • twnpks0311
    twnpks0311 liked this · 2 weeks ago
  • useless80085
    useless80085 liked this · 2 weeks ago
  • alyssdie
    alyssdie liked this · 2 weeks ago
  • cosmiicblink
    cosmiicblink liked this · 2 weeks ago
  • foxyseyepatcharg
    foxyseyepatcharg liked this · 2 weeks ago
  • bubbigumz
    bubbigumz liked this · 2 weeks ago
  • dilfalecki
    dilfalecki liked this · 2 weeks ago
  • rozetavivala
    rozetavivala liked this · 2 weeks ago
  • thebillzone
    thebillzone liked this · 2 weeks ago
  • billy-beans21
    billy-beans21 liked this · 2 weeks ago
  • its-ya-boi-demon
    its-ya-boi-demon liked this · 2 weeks ago
  • biblioterra
    biblioterra liked this · 2 weeks ago
  • hee4lifer
    hee4lifer liked this · 2 weeks ago
  • the-royal-petals
    the-royal-petals liked this · 2 weeks ago
  • keijibby
    keijibby liked this · 2 weeks ago
  • poppinspops
    poppinspops liked this · 2 weeks ago
  • dllyri
    dllyri liked this · 2 weeks ago
  • mmerps
    mmerps liked this · 2 weeks ago
  • diabolicaldestroyer34
    diabolicaldestroyer34 liked this · 2 weeks ago
  • lixchn
    lixchn liked this · 2 weeks ago
  • boyritualz
    boyritualz liked this · 2 weeks ago
  • remi-remi-remi
    remi-remi-remi liked this · 2 weeks ago
  • jaiiiiiru
    jaiiiiiru liked this · 2 weeks ago
  • rantarot-t
    rantarot-t liked this · 2 weeks ago
  • seanori
    seanori liked this · 2 weeks ago
dipstickflopdoodle - Dipstickflopdoodle
Dipstickflopdoodle

Hi I’m a weird bisexual disaster

137 posts

Explore Tumblr Blog
Search Through Tumblr Tags