 |
| ||
|
| Author | Message | [bottom] |
I'm terrible at going through and figuring out what each thing is (like what even is "button background (gradient):" and "information boxes, success background:"?) so if someone has a decent "Dark Blue/Green" scheme (like the default Dark Marble at oRPoL) I'd be a very appreciative camper! | |||||||
Color Codes https://i.postimg.cc/RVMbXKS7/Screen-Shot-2021-01-12-at-9-35-07-AM.png https://i.postimg.cc/zGv21NR3/Screen-Shot-2021-01-12-at-9-35-24-AM.png https://i.postimg.cc/qMjDYqq9/Screen-Shot-2021-01-12-at-9-35-38-AM.png What it looks like https://i.postimg.cc/0j9ZX1sk/Screen-Shot-2021-01-12-at-9-40-10-AM.png https://i.postimg.cc/tT32zC8v/Screen-Shot-2021-01-12-at-9-41-39-AM.png https://i.postimg.cc/C5J7Wrhj/Screen-Shot-2021-01-12-at-9-42-06-AM.png And.. here's one in a schmurple scheme. I kind of like it, pretty easy on the 'ole eye strain. Color Codes: Things not shown were not edited. Like the buttons. https://i.postimg.cc/HLqB17Qk/Screen-Shot-2021-01-12-at-10-44-04-AM.png https://i.postimg.cc/Hxb3Ys24/Screen-Shot-2021-01-12-at-10-44-16-AM.png https://i.postimg.cc/PJ44D30C/Screen-Shot-2021-01-12-at-10-45-19-AM.png https://i.postimg.cc/J0mxGVYw/Screen-Shot-2021-01-12-at-10-45-32-AM.png How it looks: https://i.postimg.cc/7Pm0g2fJ/Screen-Shot-2021-01-12-at-10-47-41-AM.png https://i.postimg.cc/8PYvYgd1/Screen-Shot-2021-01-12-at-10-47-57-AM.png https://i.postimg.cc/13NFh7MD/Screen-Shot-2021-01-12-at-10-48-29-AM.png https://i.postimg.cc/5Nyvp2C7/Screen-Shot-2021-01-12-at-10-49-06-AM.png This message was last edited by the user at 18:51, Tue 12 Jan 2021. | |||||||
| |||||||
| |||||||
https://i.imgur.com/EzwXTgd.jpg header, footer, side/navigation bars collapsed all menus border (opaque): 663160 collapsed top-left menu hover: 21101F footer hyperlink text: 5C3B87 header and footer background: 141414 header and footer text: 9E9DB5 side menu 1, notification section background: 21101F side menu 1, notification section background, hover: 3F3C47 side menu 2, thread or main menu section background: 21101F side menu 2, thread or main menu section background, hover: 3F3C47 side menu 3, game navigation and search section background: 21101F side menu 3, game navigation and search section background, hover: 3F3C47 side menu 4, your account section background: 21101F side menu 4, your account section background, hover: 3F3C47 side menu link: E0E0E0 side menu text: E0DFDE side menu, border bottom (opaque): CCC4AB standard text: 49FFEB top menu background: 141414 top menu, hyperlink hover background: 21101F top menu, hyperlink text: C38CD1 top menu, separator (opaque): 050505 Overall site settings button background (gradient): CB96D9 58415E button background, clicked (gradient): FFFFFF CCCCCC button background, default when multiple (gradient): EEEEFF CCCCDD button background, default when multiple, hover (gradient): EEEEFF DDDDEE button background, hover (gradient): 1D0433 785C72 button border (top & left, bottom & right): CCCCCC AAAAAA button border, clicked: 646EC4 button border, hover (top & left, bottom & right): AAAAAA 888888 button text: F7F7F7 button text shadow (opaque): AAAAAA button text, hover: FFC582 die roller borders: 92836F help tip background, hover (opaque): 543B38 help tip border, hover: BB5555 help tip shadow, hover: AAAAAA help tip text, hover: FFCCCC horizontal line (opaque): 8A8A8A hyperlink in body content: 9363DB hyperlink in body content, hover: 1D0433 information boxes, alert background: 9748DB information boxes, border (opaque): D6BA9F information boxes, default background: 221D2E information boxes, primary background: 2E3236 information boxes, secondary background: 27382A information boxes, success background: 0A5C05 information boxes, text: FFFFFF information boxes, warning background: F07000 legend (at the bottom of pages) background: 141414 main background: 141414 maximum page width (1,000 to 2,000): 1350 on/off toggle button selections, background on hover: 66BB66 on/off toggle button selections, background on hover disable: BB6666 on/off toggle button selections, background on hover neutral: 777777 on/off toggle button selections, background on selected: 55CC55 on/off toggle button selections, background on selected disable: CC5555 on/off toggle button selections, background on selected neutral: 555555 on/off toggle button selections, border: 444444 on/off toggle button selections, border on selected: 448844 on/off toggle button selections, border on selected disable: 884444 on/off toggle button selections, border on selected neutral: 444444 page background: 141414 stand out heading background: 522020 stand out heading text: EBEDE1 standard text: D9D9D9 User generated content (within posts, sheets, descriptions, rMail etc) background colour for table headers: 636363 Messages, characters, sheets and descriptions background colour: 141414 background for message details when collapsed: 5C5C5E background for top and bottom page navigation bars: 4A4A4A content background: 141414 divider between messages (opaque): E1CAE3 horizontal bar between links in message info: 836B59 private lines within messages: C84000 quote background: 5D5D5F quote border: CCCCCC system messages border top (opaque): 422E2C text for top and bottom page navigation bars: D6D6D6 text colour: 8C8C8C your name in message information: 401E8F Thread lists (game threads, private threads, rMail) thread list, border around each thread (opaque): E6BB9C thread list, row background (even row numbers): 303030 thread list, row background (odd row numbers): 212121 thread list, row hover background: 000000 Miscellaneous colour for unread private messages, best if a blue: 104582 colour for unread public and private messages, best if a purple: 46277D colour for unread public messages, best if a red: FF4570 main menu adult rated games, best if a red: FF4570 main menu game list for the line under each game (opaque): B8B8B8 main menu game list hover: 4A4A4A main menu game list text: CB92F7 main menu rated ming, best if a green: 008000 main menu underline for headings (opaque): 6E6E6E main menu, support RPoL section: 353633 main menu, support RPoL section, hover: EDA29E stickylist background: 000000 stickylist hover: A4ABA1 My theme is generally dark | |||||||
Oh, that's relief on my eyes. I'll hive it a shot in the next couple of days. | |||||||
I dub it "UltraDarkBumblebee"! | |||||||
Bumblebee looking good though! :) | |||||||
Signed Clueless in Scotland xx Thanks for anyone's help. xxx | |||||||
I threw mine in a table format because it was easier on me than all the tabbing I'm pretty sure Shannara had to do to format hers.
Good news, you can only mess up your own theme, so don't worry there. And I'm not sure what all the stuff does either, I just starting putting in the Web Colour Codes (and using the nifty color tool to adjust them) until I found colors I liked and then as I made changes I flipped to pages to see what those changes did. I'm still not sure what some things do, or where, as I never saw any differences. I started by changing one thing to Fuschia [FF00FF] (because it isn't even close to a colour used in either default theme), saving, and then going through and reloading all the pages (not all, just all the main pages like Home, Chat, rMail, FAQs, and a few games that had most features being used in a thread) until I figured out what it did. In some cases I never did figure out what something controlled so I just set it based on what it sounded like it did. Hypertexts got Gold [FFD700] because I want them to pop, backgrounds are Black [000000] because "my eyes", Headers got 'Near Black' [171717] and the Hover overs for those got 'Very Dark Slate' (202020) again because "my eyes". All text got Silver [C0C0C0] (which also includes some buttons because I didn't pay attention, but I ended up liking it that way even if I meant to do buttons another color) because while silver 'pops' it's just 'not bright enough' to not hurt at 3am when I'm looking at these and my eyes are tired and I should really be asleep but that insomnia and I'm rambling etc, and finally some stuff was left mostly alone (ON/OFF Buttons, New Post Alerts, etc), maybe shade shift to please my aesthetics but the "Alert Background" got Lime Green [32CD32] because I wanted it to grab my attention without completely punching me in the retinas. So anyway, those were my reasons behind my colour choices and how I went about painfully making my choices and man once I realized some of that stuff was for Mobile (like durrrr) it was annoying to go back and change things all over again one thing at a time to see what it did on Mobile, but I think it was worth it. | |||||||
| |||||||
^^ I also use a darker theme. Lots of grays, blacks and a teal-sort of color for buttons/text. For the message background color I use black. But the only thing is, it gets a bit weird to read some of the 'default' text colors against a background that dark (looking at you, Dark Blue). It's worse if it's bolded. Has anyone else out there found a dark-ish background color for messages that seems to work well? | |||||||
Cheers! | |||||||
As far as I can tell the Icons are just images, you can not change their colors. I recommend increasing the lightness of the Header Backgrounds a few shades. | |||||||
| |||||||
What ever background color you choose will have issues with at least one font colour as far as I can tell. White has extreme issues with Yellow Fonts, very dark with very dark fonts, etc. Basically you're picking the light intensity for the background and any coloured font you choose that is similar in intensity will a problem being seen. I just highlight the coloured line in the games I'm in where people use dark blue font when I need to read it (and of course never use it for myself). | |||||||
I do the same when I'm on my desktop (highlight the text, I mean). It's only a pain on my iPhone, but then my fix is to pinch/zoom until the text isn't as blurry. Meh ... small price to pay for being able to tailor the entire site's color scheme. |
moderator post | [top] |