Actions

Work Header

Rating:
Archive Warning:
Category:
Fandom:
Additional Tags:
Language:
English
Stats:
Published:
2026-09-05
Completed:
2026-09-06
Words:
7,012
Chapters:
5/5
Comments:
4
Kudos:
6
Bookmarks:
5
Hits:
86

Newer, More Updated Reddit Skin - 2026

Chapter 5: Customizing the CSS

Notes:

If you want to adjust some of the colors and flairs and things, here's how to edit the CSS that you save in your workskin.

Chapter Text

Don't want a gray overlay frame? Don't want an overlay frame at all? Remove or edit this:

#workskin .redditoverlay {
  background-color: #dae0e6;
  margin: 0 auto;
  max-width: 860px;
  padding: 24px;
}

 

Want to change the background color of the whole thread? Edit this:

#workskin .redditcontainer {
  background-color: #ffffff;
  border-radius: 16px;
  margin: 0 auto;
  padding: 20px 24px 28px;
  color: #0f1a1c;
  max-width: 740px;
}

 

Want to change the post flair color? Edit this:

#workskin .redditflair {
  background-color: #24a0ed;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 12px;
  display: inline-block !important;
  padding: 2px 8px;
  margin-bottom: 12px !important;
}

 

Want to change the pill colors? Edit this:

#workskin .redditpill {
  background-color: #eaedef;
  border-radius: 9999px;
  float: left !important;
  padding: 4px 10px;
  height: 32px;
  font-size: 12px;
  font-weight: 700;
  color: #0f1a1c;
  margin-right: 6px;
  margin-bottom: 8px;
  line-height: 24px;
}

 

Want to make your more user flairs or change their colors? Edit this:

#workskin .reddituserflair1,
#workskin .reddituserflair2 {
  color: #0f1a1c;
  font-size: 11px;
  font-weight: 600;
  border-radius: 10px;
  padding: 1px 6px;
  margin-left: 4px;
  display: inline-block !important;
  line-height: 16px;
}

#workskin .reddituserflair1 {
  background-color: #25d366;
}

#workskin .reddituserflair2 {
  background-color: #ee5dd3;
}

Make sure to repeat the names at the start of the flair section and that they match the individual flairs below. You can add more, just add another to the top part as well.

 

Notes:

Good luck! I can try to help if you have issues in the comments.

If you use this for your fic, I'd love to know about it!!!