#Light Mode

[netscapenavigator-official]

Zorin OS's auto-brightness feature has this bug that I like to call "Brightness Runaway," where, if it's semi-dark in the room you're in, loading a webpage with a Light Mode UI will throw enough light onto you (and the things around you) that Zorin OS will think it suddenly got brighter in the room.

That causes the auto-brightness to raise itself, which causes more light to be thrown into the room. That causes the auto-brightness to think it got even brighter, which causes it to raise the brightness even more.

The brighter it gets, the more auto-brightness tries to raise the brightness, and the more auto-brightness tries to the raise the brightness, the brighter it gets, so eventually you end up sitting there like:

[burnertracfone]

are you a light mode or dark mode user by SPiNDLE

[randommmthoughts]

Remus, Sirius and Regulus constantly getting blinded by James’ and Peter’s phones because they’re on light mode

[classygreydove]

Light Mode Work Skin for the fic To Be a Dragon Among Men

This is the code and urls for the custom light mode work skin I made for my fic To Be a Dragon. Feel free to use it for your own works or for site skins, just remember to credit my user if you do.

[EDIT 25-02-21: The URL for the page break image was incorrect. It has been replaced with the correct URL.]

[EDIT 25-03-18: Fixed padding for .frameborder class]

[EDIT 25-06-12: Added formatting rules for .poetry class and <p>]

Additional Resources

A Step-by-Step Guide to Work Skins from AO3 News - A great basic guide to what work skins are and how to make one.

How to Apply Work Skins to Others' Works by classygreydove - This is a guide I made on how to make a work skin into a site skin. You'll need to know this if you want to apply the work skin to any fic you want to read.

How to Change Work Skin Font by classygreydove - Don't like the font I use for the work skin? Don't worry, I'll show you how to change it.

Dark Mode Skin CSS - You can find the code for the dark mode skin here.

Light and Dark Mode Backgrounds - You can find the background images for the Light and Dark Mode work skins here.

Other Background Options - Here are a few mid-tone backgrounds that will have a lower contrast to the text.

Line Breaks (for Phone) - Do you like the custom dragon line breaks? Here's the phone-sized ones.

Line Breaks (for Wide Screens) - Do you like the custom dragon line breaks? Here's the laptop-sized ones.

[Code begins under Keep reading break]

#workskin .userstuff .hr, #workskin .hr, #workskin hr { height: 36px; width: 178px; background: url(https://64.media.tumblr.com/f849e48f47942db9d3ffe136de07193f/d0f8688c32033f2d-eb/s250x400/ed6b9f36c2bd22e6f33d2ec444eb9449fdea2cf7.png); background-repeat: no-repeat; background-position: center; border: 0; }

#workskin { background: url(https://64.media.tumblr.com/e26bf1c1315eb6d66c8a5f8ce150ef0a/4dcdf7c3c32cb0d1-dc/s2048x3072/0e5e9ff5b9d9e88aa8e7540746867bb95cdd5b75.png); background-repeat: repeat-y repeat-x; background-position: top; color: #172330 !important; font-family: 'Georgia', 'Lucida Grande', 'Verdana'; }

#workskin a { background: linear-gradient(135deg, #8f751b 0%, #dac76b 50%, #aa8c21 75%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; border-bottom: 0px; }

#workskin a:hover, #workskin a:active { background: linear-gradient(135deg, #8f751b 10%, #c9b44c 60%, #aa8c21 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }

#workskin ::selection a { background-color: #6180ae; color: #ddebff !important; }

#workskin h2, #workskin h3 { line-height: 1.25; font-variant: small-caps; }

#workskin .userstuff blockquote { display: block; border: 2px solid #b4853f; border-image: linear-gradient(135deg, #8f751b 0%, #dac76b 50%, #aa8c21 75%); border-image-slice: 1; padding: 15px 15px 15px 15px; margin-left: 1.5em; margin-right: 1.5em; }

#workskin .goldborder { display: block; border: 2px solid #b4853f; border-image: linear-gradient(135deg, #8f751b 0%, #dac76b 50%, #aa8c21 75%); border-image-slice: 1; padding: 15px 15px 15px 15px; }

#workskin .frameborder { display: block; border: 2px solid #b4853f; border-image: linear-gradient(135deg, #8f751b 0%, #dac76b 50%, #aa8c21 75%); border-image-slice: 1; padding: 0px; }

#workskin .mobilebreak { width: 178px; max-width: 100%; max-height: 100%; display: block; margin-left: auto; margin-right: auto; }

#workskin .textlink { font-variant: small-caps; }

#workskin .notesheading { font-size: 120%; font-variant: small-caps; font-family: 'Georgia', 'Lucida Grande', 'Verdana'; line-height: 2; }

#workskin .triggerwarning { color: rgba(240, 240, 240, 0.9); border-radius: 5px; background: rgba(128, 0, 0, 0.8); padding-left: 2px; padding-right: 2px; font-weight: bold; font-variant: small-caps; }

workskin .userstuff p { margin: 0; }

workskin .poetry { margin-inline-start: 1.5em; }

[spark-hearts2]

World in my eyes

Click to select! He's load bearing

alts

Only one of these are transparent. Rip

[savhearts087]

[tophyx]

POV: You clicked on notification on 15th February after you woke up (light mode hurt eyes)

(No text version below)

:3

[spideytwtpacks]

sabrina carpenter layouts ˚‧⁺ ･ ˖ ·

pls rb & like if you use <3

[bladeka]

　　　　　　⧼ omori aubrey rentry template . . . ⧽

𖦹　mod kafka's (toletoles) designs

𖦹　layout works in both light & dark mode

𖦹　layout f2u (linked)

𖦹　aubrey image made by @lavendergalactic

𖦹　dividers made by @bunnysrph

𖦹　12/18/24

[immi777x]

don't kill me but i think lightmode is so much cuter

[silvermoon424]

In the span of like 6 weeks I've gone from "I prefer light mode, idk why everyone always bitches about it" to using dark mode on everything and finally understanding why light mode gets so much hate, lol. I understand the error of my ways now <3

[the-jackals]

I made a migraine tracker (for GoodNotes but probably works for other apps too) because i literally could not find something that tracker what i wanted it to and also looked nice/satisfying

It took me too long and I struggled with Canva for days to figure it out

Anyways you can get it free here (or you can give me a few dollars but there’s 0 obligation)

There’s both a light and dark version but I’ll be so real dark mode gives me migraines lol so idk how well i did with it so please feel free to give me feedback on how to improve it!

Here’s what they look like:

[goth-will-graham]

im deathly terrified of anyone who uses light mode on anything

[kotton-kandy953]

I just realized that because I use tumblr on mobile and on dark mode that only people who’s settings are also on dark mode can see my white dividers… I just switched to light mode for a second to see how it looks and omg I’m so sorry