• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
  • Upgrade Your Account
    Hello Guest! Upgrade your account to download all VIP Resource here

Styles [2.x] Shades of Grey 2.2

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
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:


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 "front" 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)

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.
Fixed issue where blinking cursor in Code editor area was not visible due to dark background (made cursor soft white)

Changed color of drop-down flash message (at top of screen) to green instead of the default white (looks better)
It was brought to my attention HERE that:

"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:
  • Added additional green color to sticky areas with a new green sticky line separator (as seen below)
  • 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 standard


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)

  • Changed Color of inactive input areas to rgb(70, 70, 70). You see these inputs when moving multiple files, for example.

  • Added Top border color for menu seperators (as seen in image)