How to make your own custom MCM theme!

[Jkaay]

Now updated, see below for code.

Updating the "MC-Market Hacker theme V1.1" - Read below for code!

Hey guys, so I recently found this really cool extension on the Chrome webstore and it's really amazing what it can do, which is change the css on any website to make the page appear to be a different color to you or have a different font, or even hide elements.
I installed this extension and used it to make my own custom MCM red theme which took awhile to change everything from blue to a certain color code.
Here's what my theme looks like:

Spoiler: MCM Hacker Theme

Here's how you can use this extension not not only customize your experience on MC-Market but on other websites too.

Step 1: Download the Chrome extension (Google chrome is required).
- https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha

Step 2: Go to any website and right click on the element you'd like to change. Then click "Stylebot > Style Element"

Step 3: When the GUI opens, you can change the background or text color, and even add borders to elements or edit fonts. Then customize whatever site to your liking.

That's about it for using it to customize any website.

--------------------------------------------------------------------------

##MCM Hacker Theme 1.1##
Code (Compatible with dark themes only):


##MCM Hacker Theme (Light Version) 1.1##
Code (Compatible with light themes only):

--------------------------------------------------------------------------

But if you want to get your view of MC-Market to look exactly like mine, then follow the steps below:

Step 1: Right click anywhere on the MC-Market homepage. Then click "Stylebot > View Options..."

Step 2: In the left of the page, click "Backup"

Step 3: Copy the following code...


Step 4: Click "Import Styles.." and paste the code into the text field.

Step 5: Click "Import" and refresh MC-Market.

I even made a red light theme! Just do the exact same thing with the red dark theme with the code below:


Thanks for reading, I hope you enjoy.

 

[Jkaay]

How would you remove the style? ^-^

 

[Shroomy]

When I right click and click style bot element, it doesn't open.

 

[Jkaay]

When I right click and click style bot element, it doesn't open.

You might just have to refresh the page, but the shortcut to open it is Alt + M

 

[Rainy]

Hey guys, so I recently found this really cool extension on the Chrome webstore and it's really amazing what it can do, which is change the css on any website to make the page appear to be a different color to you or have a different font, or even hide elements.
I installed this extension and used it to make my own custom MCM red theme which took awhile to change everything from blue to a certain color code.
Here's what my theme looks like:

Spoiler: MCM Red Theme

Here's how you can use this extension not not only customize your experience on MC-Market but on other websites too.

Step 1: Download the Chrome extension (Google chrome is required).
- https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha

Step 2: Go to any website and right click on the element you'd like to change. Then click "Stylebot > Style Element"

Step 3: When the GUI opens, you can change the background or text color, and even add borders to elements or edit fonts. Then customize whatever site to your liking.

That's about it for using it to customize any website.

--------------------------------------------------------------------------

But if you want to get your view of MC-Market to look exactly like mine, then follow the steps below:

Step 1: Right click anywhere on the MC-Market homepage. Then click "Stylebot > View Options..."

Step 2: In the left of the page, click "Backup"

Step 3: Copy the following code...


Step 4: Click "Import Styles.." and paste the code into the text field.

Step 5: Click "Import" and refresh MC-Market.

I even made a red light theme! Just do the exact same thing with the red dark theme with the code below:


Thanks for reading, I hope you enjoy.

Could you make a sexy dark theme for us all.

 

[Jkaay]

Could you make a sexy dark theme for us all.

Isn't that what I just did?

 

[Shroomy]

You must just have to refresh the page, but the shortcut to open it is Alt + M

You have to click on the MC-Market logo which goes to the homepage. Just right click the logo and should say StyleBot click that then go into Style Element

Thanks, it works!

 

[Rainy]

Isn't that what I just did?

nm its working now i did something wrong and it was really light xd. love it. i dont need to upgrade now for a dark theme.

 

[Jkaay]

i dont need to upgrade now for a dark theme.

This is why I was hesitant to post. You should still upgrade to premium because of the other features you get which are well worth the price.

 

[Rainy]

This is why I was hesitant to post. You should still upgrade to premium because of the other features you get which are well worth the price.

Yeh i most prob will anyway soon for the other features but its great for people who cant upgrade.

 

[Errota]

Very cool indeed.

 

[kojoti]

Very nice! Thanks

 

[34010]

The codes don't show up!

lmao is that Dillon the hacker?[DOUBLEPOST=1465667750][/DOUBLEPOST]MCM Aqua theme (Dark Version):

Spoiler: MCM Aqua Theme (Dark Version)

{"www.mc-market.org":{"_enabled":true,"_rules":{"a.OverlayTrigger span":{"color":"#ffffff"},"a.button.moreOptions.Tooltip":{"background-color":"#12E0CC"},"a.callToAction span":{"background-color":"#12E0CC"},"a.major span":{"background-color":"#12E0CC"},"a.menuRow":{"color":"#12E0CC"},"a.minor span":{"background-color":"#12E0CC"},"a.navLink":{"background-color":"#12E0CC","border-color":"#0fbfad","border-left-width":"0","border-right-width":"0","color":"#ffffff","font-variant":"normal"},"a.navLink.accountPopup.NoPopupGadget":{"background-color":"#12E0CC"},"a.postDate span":{"background-color":"#12E0CC"},"a.title span":{"background-color":"#12E0CC"},"button.button":{"background-color":"#12E0CC","font-variant":"small-caps"},"dd.lastPost a span":{"background-color":"#12E0CC"},"dd.main":{"background-color":"#12E0CC"},"div.categoryStrip.subHeading":{"background-color":"#12E0CC"},"div.messageHeading":{"background-color":"#12E0CC"},"div.navBarHelper":{"background-color":"#0fc2b0","color":"#FFFFFF"},"div.navTabs":{"background-color":"#12E0CC","border-color":"#12E0CC","color":"#12E0CC"},"div.nodeInfo.categoryNodeInfo.categoryStrip":{"background-color":"#12E0CC"},"div.samAdvertiseHere a":{"color":"#12E0CC"},"div.secondaryContent.widget.sidebar-widget.NixFifty_TeamSpeak_WidgetRenderer_ServerStatus h3":{"background-color":"#12E0CC"},"div.secondaryContent.widget.sidebar-widget.WidgetFramework_WidgetRenderer_Html h3":{"background-color":"#12E0CC"},"div.secondaryContent.widget.sidebar-widget.WidgetFramework_WidgetRenderer_OnlineStaff h3":{"background-color":"#12E0CC"},"div.secondaryContent.widget.sidebar-widget.WidgetFramework_WidgetRenderer_Threads h3":{"background-color":"#12E0CC"},"div.secondaryContent.widget.sidebar-widget.WidgetFramework_WidgetRenderer_XFRM_Resources h3":{"background-color":"#12E0CC"},"div.tabLinks.forumsTabLinks":{"font-variant":"small-caps"},"div.titleBar h1":{"color":"#12E0CC","font-variant":"normal"},"dt.posterAvatar":{"background-color":"#12E0CC"},"fieldset.breadcrumb":{"font-variant":"small-caps"},"form.secondaryContent.findMember h3":{"background-color":"#12E0CC"},"input.button.primary.Tooltip":{"background-color":"#12E0CC"},"li.subForumsTitle":{"color":"#12E0CC"},"navTab account Popup PopupControl selected PopupContainerControl PopupOpen":{"background-color":"#12E0CC"},"navTab.account.Popup.PopupControl.selected.PopupContainerControl.PopupOpen":{"background-color":"#12E0CC"},"span.searchIcon a":{"background-color":"#12E0CC","color":"#12E0CC"},"strong.accountUsername":{"background-color":"#12E0CC","color":"#ffffff"},"ul.secondaryContent.blockLinksList li a":{"font-variant":"normal"},"button.button.bbCodeSpoilerButton.ToggleTrigger.Tooltip.JsOnly span":{"font-variant":"normal"}}}}