You are either not logged in or not registered with our community. Click here to register.
 
November 30, 2020, 07:47:24 PM

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length

Click here if you are having problems.
Default Wide Screen Beige Lilac Rainbow Black & Blue October Platinum Send us your theme!

"Consort of Midnight"
Congratulations "Phobetor & Wistful Dream" for completing your RP!

Wiki Blogs Dicebot

Author Topic: Colours vs light/dark themes  (Read 2155 times)

0 Members and 1 Guest are viewing this topic.

Online Al TeregoTopic starter

Colours vs light/dark themes
« on: August 20, 2019, 11:57:48 AM »
Hello good people!

In the past I used to format headers as [color=brown] (example in bold) and text that I wanted to stand out as  as [color=navy] (example in non-bold).  However, those colours turned out to be illegible for people that used dark themes.

I did some testing and came up with a subset of colours that, in my opinion, work reasonably well for both light and dark themes.  I will appreciate your comments and/or suggestions, especially if you are using a non-default theme.

NormalItalicBoldBold+Italic
rosybrownrosybrownrosybrownrosybrown
darkgoldenroddarkgoldenroddarkgoldenroddarkgoldenrod
goldenrodgoldenrodgoldenrodgoldenrod
orangeorangeorangeorange
darkorangedarkorangedarkorangedarkorange
tomatotomatotomatotomato
orangeredorangeredorangeredorangered
deeppinkdeeppinkdeeppinkdeeppink
hotpinkhotpinkhotpinkhotpink
fuchsiafuchsiafuchsiafuchsia
mediumpurplemediumpurplemediumpurplemediumpurple
dodgerbluedodgerbluedodgerbluedodgerblue
cadetbluecadetbluecadetbluecadetblue
(link)(link)(link)(link)


Thank you,
-- Al
« Last Edit: August 20, 2019, 08:30:45 PM by Al Terego »

Online Liam Dale

Re: Colours vs light/dark themes
« Reply #1 on: August 20, 2019, 12:36:30 PM »
This is great!

Thanks, Al!

Online Al TeregoTopic starter

Re: Colours vs light/dark themes
« Reply #2 on: August 20, 2019, 01:51:09 PM »
Any preference for the colours Liam?

Online Liam Dale

Re: Colours vs light/dark themes
« Reply #3 on: August 20, 2019, 02:06:40 PM »
deeppink

fuchsia

dodgerblue

cadetblue


These 4! I believe they look amazing with the October theme

Edit:

Can you share the codes?

Offline Kye

  • They/Them | Fringe Ruffler | Lahkesis | The Great Enabler | Salt Daddy | Bringer of Silence
  • Guardian
  • Carnite
  • *
  • Join Date: Jun 2008
  • Location: Caught between places unseen.
  • Créature Maléfique
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 5
Re: Colours vs light/dark themes
« Reply #4 on: August 20, 2019, 02:13:37 PM »
The codes are the names of the colors in this case.   ;D

Online Liam Dale

Re: Colours vs light/dark themes
« Reply #5 on: August 20, 2019, 02:15:50 PM »
lol

Thanks!

Online Al TeregoTopic starter

Re: Colours vs light/dark themes
« Reply #6 on: August 20, 2019, 02:50:20 PM »
My intention was to put a post in Steffy's Magic Shop, but I wanted to QA it here first.

The full list of codes is available here (behind a spoiler).

Edit: And the post is live!
« Last Edit: August 20, 2019, 03:17:28 PM by Al Terego »

Offline Oniya

Re: Colours vs light/dark themes
« Reply #7 on: August 20, 2019, 04:16:15 PM »
Bolding helps some of the higher luminosity colors stand out - like the rosybrown, goldenrod and hotpink.  I use the default theme for reference.

Offline Syene

Re: Colours vs light/dark themes
« Reply #8 on: August 20, 2019, 06:45:55 PM »
I use the pink and gray theme. "rosybrown" is better than default pink, but still pretty low contrast. "hotpink" isn't great either.

Online Al TeregoTopic starter

Re: Colours vs light/dark themes
« Reply #9 on: August 20, 2019, 07:05:53 PM »
Than you Syene!
Is that the "Lilac" theme?

Edit: reposting the table on an odd-numbered reply, since backgrounds alternate.

NormalItalicBoldBold+Italic
rosybrownrosybrownrosybrownrosybrown
darkgoldenroddarkgoldenroddarkgoldenroddarkgoldenrod
goldenrodgoldenrodgoldenrodgoldenrod
orangeorangeorangeorange
darkorangedarkorangedarkorangedarkorange
tomatotomatotomatotomato
orangeredorangeredorangeredorangered
deeppinkdeeppinkdeeppinkdeeppink
hotpinkhotpinkhotpinkhotpink
fuchsiafuchsiafuchsiafuchsia
mediumpurplemediumpurplemediumpurplemediumpurple
dodgerbluedodgerbluedodgerbluedodgerblue
cadetbluecadetbluecadetbluecadetblue
(link)(link)(link)(link)
« Last Edit: August 20, 2019, 08:31:48 PM by Al Terego »

Offline Syene

Re: Colours vs light/dark themes
« Reply #10 on: August 20, 2019, 07:32:51 PM »
No, it's called "amberpinkgray." As far as I can tell, it's only available through the "look and layout" section in your profile.

Online Al TeregoTopic starter

Re: Colours vs light/dark themes
« Reply #11 on: August 20, 2019, 08:32:26 PM »
I see.  Thanks.

Offline Sara Nilsson

Re: Colours vs light/dark themes
« Reply #12 on: August 20, 2019, 11:14:41 PM »
All those look great on the black and blue theme. Thank you for the work, it is always difficult with colours when you dont know what the other person uses.

Online Al TeregoTopic starter

Re: Colours vs light/dark themes
« Reply #13 on: August 21, 2019, 12:07:27 AM »
It would have been good if BBCODE allowed us to use "logical" colours optimized for each theme.

Offline Madam Striga

  • Lady of the Hoot Birds ☽ Book-Bosomed ☽ Shortstack Aficionado ☽ Smut Sorceress ☽ Bi-Bi Birdy ☽ Rainbow Writer ☽ The Strix ☽ Athene Noctua
  • Lady
  • Seducer
  • *
  • Join Date: May 2018
  • Location: Roosting among the pages
  • Gender: Female
  • Definitely (not) SFW
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 1
Re: Colours vs light/dark themes
« Reply #14 on: August 21, 2019, 02:53:44 AM »
Thanks a lot for sharing this !!

Offline AmberStarfire

  • Rogue Starlight ~ This Is Who We Are ~ Scully to His Mulder
  • Dame
  • Carnite
  • *
  • Join Date: Aug 2008
  • Location: Lost in Our Paradise
  • Gender: Female
  • ❤ Snuggler of the Wyld and Hairy ❤
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 1
Re: Colours vs light/dark themes
« Reply #15 on: August 22, 2019, 09:37:38 AM »
I made beige, green, lilac, rainbow, pink and grey and springtime (based off the original widescreen theme). At the time I would've checked the colours on the dropdown, but there are other colours than those listed too. What I do remember is I made the themes on my laptop and the colours in some cases translated poorly over to desktop machines (it's why green and lilac are so bright). I'd change those if I could.

I use springtime, and on this one rosybrown, hot pink and medium purple are hardest to see at a regular size. However all the colours are visible.

I'd be happy to overhaul these themes sometime, but I'm not sure if the site's still moving to other forum software.

Offline Nymphadora

  • Tonks, if she were shy. The knitting Nymph. Nymphadorable. Nymphy ♥
  • Dame
  • Enchanter
  • *
  • Join Date: Aug 2013
  • Location: A Canadian in Brooklyn
  • Gender: Female
  • You can't take the sky from me.
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 3
Re: Colours vs light/dark themes
« Reply #16 on: August 22, 2019, 11:32:51 AM »
I made beige, green, lilac, rainbow, pink and grey and springtime (based off the original widescreen theme). At the time I would've checked the colours on the dropdown, but there are other colours than those listed too. What I do remember is I made the themes on my laptop and the colours in some cases translated poorly over to desktop machines (it's why green and lilac are so bright). I'd change those if I could.

I use springtime, and on this one rosybrown, hot pink and medium purple are hardest to see at a regular size. However all the colours are visible.

I'd be happy to overhaul these themes sometime, but I'm not sure if the site's still moving to other forum software.

Thanks for doing this!

I also use Sprintime and agree, the regular font size in normal and italic of many of those colours is harder to see but for me Goldenrod and Orange are the most difficult. I don't feel like rosybrown, hot pink and medium purple are as much of a struggle for my eyes. It could also be the attached monitor I'm using (so I can have it up higher than with the laptop. It's not as good as the actual laptop monitor and the colours are less adjustable in general.) That said, I feel the same colours are not as easy to read even on the higher quality LT monitor.

Offline AmberStarfire

  • Rogue Starlight ~ This Is Who We Are ~ Scully to His Mulder
  • Dame
  • Carnite
  • *
  • Join Date: Aug 2008
  • Location: Lost in Our Paradise
  • Gender: Female
  • ❤ Snuggler of the Wyld and Hairy ❤
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 1
Re: Colours vs light/dark themes
« Reply #17 on: August 22, 2019, 12:32:37 PM »
I'll send Vekseid a PM and see what he says about it.

It's hard finding colours that work with all of the others, but if I bring them down lighter and closer to grey (in the background of the sections where the main content will be) that would likely help.

Offline AmberStarfire

  • Rogue Starlight ~ This Is Who We Are ~ Scully to His Mulder
  • Dame
  • Carnite
  • *
  • Join Date: Aug 2008
  • Location: Lost in Our Paradise
  • Gender: Female
  • ❤ Snuggler of the Wyld and Hairy ❤
  • My Role Play Preferences
  • View My Rolls
  • Referrals: 1
Re: Colours vs light/dark themes
« Reply #18 on: August 23, 2019, 06:32:23 AM »
I'm going to be holding off on themes until such a time as we're using Elkarte, then the plan is to work on some new themes.