Shades of Grey

Shades of Grey v2.2.10

No permission to download
  • Changed Button hover color to grey background (looks better)
  • Changed Ratings Stars (unselected) to medium grey (they were not visible prior to this change) ** !Important **
  • Increased brightness of Text Editor background to a lighter shade of grey for better contrast (easier to see)
Here is a video showing the changes
To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.
Made all of the tabbed areas consistent throughout the style. For example, you will notice the "Search" area in the previous versions has a light grey background and other tabbed areas do not. I noticed it when I added a tabbed side block widget to my website, so I fixed it to display the tabs as seen below:

block.gif


Although not included in this style, the tabbed block on my site was created using the resource "How to make a tabbed widget" You might want to check it out.

I also fixed the shaded area for the "start" and "end" of tab areas when you run out of of room on tabs as seen below:
(it was white/light grey before without the fix)
2018-01-15_9-29-25.webp
  • Like
Reactions: imno007
Added "Icons for Login and Registration" by BassMan

Fixed: It was brought to my attention that when highlighting text in the editor, the highlighted text was the same color as background so it could not be seen. (This occurred when using Firefox and IE). To fix the issue I made the background Green and text color White for all browsers.
highlight_fix.webp
Fixed issue where blinking cursor in Code editor area was not visible due to dark background (made cursor soft white)
curser.gif

Changed color of drop-down flash message (at top of screen) to green instead of the default white (looks better)
flash_message.webp
The following was brought to my attention:
"the default text color for all the code language inserts (General code, html, etc.) is black, making it impossible to read on that dark background."
NOTE: Thanks to imno007 for bringing this to my attention

So I changed it to look like this:
code_example.webp
  • Added additional green color to sticky areas with a new green sticky line separator (as seen below)
  • sticky.webp
  • Reworked button hover so it turns dark grey with rust-colored text
  • Added blue text to footer of Shades of Grey (blue)
  • Changed button color on Shades of Grey (blue) so it matches default Xenforo color scheme
  • Like
Reactions: surprises
I had to remove some extraneous code that is only relevant to my own personal website. The extra code won't hurt anything if you have already downloaded 1.5.

If you find anything else with the style that needs attention, please let me know.
I made the following changes/enhancements:
  • Added top border to show division between users who "Liked" post when viewing (as seen in image)
likes_menu_border.webp
  • Changed Color of inactive input areas to rgb(70, 70, 70). You see these inputs when moving multiple files, for example.
inline_moderation.webp
  • Added Top border color for menu seperators (as seen in image)
menu_border.webp
Some minor changes, so upgrade if you wish...
  • Colored "Sticky" icon to "Green" (so it stands out better when viewed in the index)
2017-11-22_14-13-52.webp

  • Changed color while hovering Buttons to "Grey" (so when you hover over buttons it takes the color out and replaces it with "grey")
  • Changed "Advanced Search" tab background color to medium grey on tab hover
  • Like
Reactions: Arved
  • Changed up/down page arrow to "Blue"
  • Changed "Attention-grabbing border color" to "Green"(The side accent you see in Quotes)
  • Changed "Emphasized text color" to an "Off White" (Node category color)
  • Toned down and balanced all text colors
Top Bottom