MPGH Nyte & Flat Themes (Extension)

Previous thread: https://www.mpgh.net/forum/showthread.php?t=1235343

MPGH Nyte (night time browsing, dark): https://chrome.google.com/webstore/d...ppkmf?hl=en-US
MPGH Flat (simple, minimalistic): https://chrome.google.com/webstore/d...ldhhm?hl=en-US

Hello! I've developed two themes for MPGH, Nyte and Flat. Nyte was developed early 2017 and Flat has been worked on just in the last week or so. Nyte previously had to be installed via Stylish/another CSS injector but no longer! These themes are 1 click away now through the Chrome Web Store as extensions in your browser. Right now they are separate extensions because:
- I wanted to get them out there as soon as possible because...
- I will most likely be using a nulled version of vBulletin to create a them from the beginning for MPGH. This is a very large project so I'd rather have these themes out now so people can enjoy them until then.
- and of course it'd require more learning.

The pictures don't do the themes much justice btw.

You can find the source to each file for each theme (2/ea). Screenshots will also be included in each of the corresponding theme's spoiler. If you want to use a different theme or later don't want to use the theme you can just remove it from your extensions or disable it on the extensions page of Chrome.

Below is the source code of both of the manifest.json corresponding to each theme. All updates will only be to the CSS file if there are any*. Rest assured all of your browsing data will not be compromised and if you are unsure feel free to use the following tool (or download it and review it in the extensions folder): https://chrome.google.com/webstore/d...ffmgedin?hl=en.

Code:

{
  "name": "MPGH Nyte",
  "description": "MPGH Forum Dark Theme, made by Psychotic",
  "homepage_url": "https://www.mpgh.net/",
  "manifest_version": 2,
  "version": "1.0",

  "content_scripts": [
    {
      "matches": ["*://*.mpgh.net/*"],
      "css": ["style.css"],
      "run_at": "document_start"
    }
  ]
}

----
{
  "name": "MPGH Flat",
  "description": "MPGH Forum Flat Theme. Made by Psychotic",
  "homepage_url": "https://www.mpgh.net/",
  "manifest_version": 2,
  "version": "1.0",

  "content_scripts": [
    {
      "matches": ["*://*.mpgh.net/*"],
      "css": ["style.css"],
      "run_at": "document_start"
    }
  ]
}

Nyte

A theme meant be extremely easy on the eyes especially in a dark environment/at night.
*Was not updated when converted to a plugin, known problem with premium seller colors in the Marketplace, thumbnails and attachments. I'll fix that eventually.

Source:

Code:

html {
    background-image: url("https://i.imgur.com/q9sSkmc.png") !important;
    background-repeat: repeat !important;
}
.doc_header {
    border-left: #333 !important;
    border-right: #333 !important;
    color: #FFF !important;
}
.logo_container {
    background: #101010 !important;
}
img[src="https://mpgh.net/forum/mpghv2/logo.gif"] {
    display:none !important;
}

/*a[name="top"]::before {
    content: "MPGH Placeholder";
    color: #FFF;
}*/

#navbar {
    background: #222 !important;
    border-bottom: 2px solid #006AB5 !important;
}

div[style="height: 40px; border-top: 1px solid #183752; border-left: 1px solid #183752; border-right: 1px solid #183752; margin: 0 2px; border-bottom: 1px solid #212121;"] {
 	border:none !important;
}
.navtabs li.selected a.navtab {
    color: #EEE !important;
}
.navtabs li a.navtab:hover {
    background-color: #2E2E2E !important;
}
.forum_sublinks_background {
    background: #333 !important;
    border: 1px solid #2E2E2E !important;
}
div[style="border-top: 1px solid #6d94b3; margin: 0 2px;"] {
    border-top: 1px solid #333 !important;
}
div[style="width: 100%; height: 102px; background-image: url(mpghv2/gradient_header.png);"] {
    background-image: none !important;
    background: #555 !important;
}
div[style="float: right; background-color: #FFF; width: 325px; height: 95px; border-left: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; border-radius: 0 0 3px 3px; margin-right: 5px; margin-top: 1px;"] {
    background-color: gray !important;
    border-left: 1px solid #333 !important;
    border-right: 1px solid #333 !important;
    border-bottom: 1px solid #333 !important;
}
div[style="float: left; padding-top: 5px; padding-left: 5px;"] a {
    color: #EEE !important;
}
#notifications {
    color: #EEE !important;
}
.popupbody {
    background-color: #333 !important;
    border: 1px solid #555 !important;
    color: #EEE !important;
}
.popupbody li a,
.popupbody li label {
    background: #555 !important;
}
.popupbody li a:hover,
.popupbody li label:hover {
    background: #666 !important;
    color: #121212 !important;
}
div[style="padding: 0 2px; background: url(mpghv2/gradient_quicklinks.png) repeat-x scroll left top #16334b; margin: 0 2px; border-top: 1px solid #5a8fb0;"] {
    background: #222 !important;
    border-bottom: 2px solid #006AB5 !important;
    border-top: 2px solid #006AB5 !important;
}
ul.navi1 li a:hover,
ul.navi3 li a:hover {
    text-decoration: underline !important;
}
.body_wrapper {
    background: #252525 !important;
    color: #EEE !important;
}
div[style="padding: 2px 2px 2px 2px; border-radius: 0; border: 1px solid #AAA; background-color: #EEEEEE; margin: 10px 0;"] {
    background-color: #111 !important;
    border: 1px solid #333 !important;
    color: #EEE !important;
}
div.breadcrumb {
    background-color: #333 !important;
    border: 1px solid #333 !important;
    color: #EEE !important;
}
.breadcrumb .navbit a,
.breadcrumb .active span.current {
    color: #EEE !important;
}
.announcements .announcerow {
    background: #51758F !important;
    color: #333 !important;
}
.announcerow .announceinfo,
.announcerow .announcement {
    background: #51758F !important;
}
/* forums */

.forumhead {
    background-image: none;
    border: 1px solid #51758F !important;
    background-color: #333 !important;
}
.forumrow {
    background: #222 !important;
    background-image: none !important;
    border-bottom: 1px solid #333 !important;
    ;
    border-left: 1px solid #51758F !important;
    border-right: 1px solid #51758F !important;
}
.forumdescription {
    color: #999 !important;
}
.forumtitle a {
    color: #5891A8 !important;
}
.forumtitle a:hover {
    color: #6DAFC9 !important;
}
.lastposttitle a {
    color: #5891A8 !important;
}
.lastposttitle a:hover {
    color: #6DAFC9 !important;
}
.lastpostby a {
    color: #5891a8 !important;
}
.popupbody li a,
.popupbody li label {
    color: #EEE !important;
}
.popupbody li a:hover,
.popupbody li label:hover {
    background: #666 !important;
    color: #121212 !important;
}
li.subforum a {
    color: #5891A8 !important;
}
.above_threadlist .threadpagenav .threadpagestats {
    color: #999 !important;
}
.pagination span a.popupctrl {
    color: #5891A8 !important;
    background: #111 !important;
    border: 1px solid #222 !important;
}
.pagination span a {
    color: #5891A8 !important;
    background: #111 !important;
    border: 1px solid #222 !important;
}
.pagination span.selected a {
    background-image: none !important;
    background: #5891A8 !important;
    color: #333 !important;
}
.toolsmenu {
    background-image: none !important;
    border: 1px solid #EEE !important;
    background: #222 !important;
    color: #5891A8 !important;
}
.toolsmenu a {
    color: #EEE !important;
}
/* threads */

.threadlisthead {
    background-image: none !important;
    border: 1px solid #51758F !important;
    background-color: #333 !important;
}
/*.threadbit .sticky:hover ~ .alt{
    background-color:#EEE;
}*/

.threadbit .alt {
    background-image: none !important;
    background-color: #2E2E2E !important;
    color: #EEE !important;
}
.threadbit .sticky {
    background-image: none !important;
    background-color: #2E2E2E !important;
    border: 1px solid #1a1a1a !important;
    border-top: 0 !important;
}
font[color="(removethis)red"] {
    color: #F7FAB9 !important;
}
.threadbit .title {
    color: #5891A8 !important;
}
.threadbit .threadmeta {
    color: #999 !important;
}
.memberaction.popupmenu a {
    color: #5891a8 !important;
}
.threadbit .nonsticky,
.threadbit .discussionrow {
    background-color: #2E2E2E !important;
    border: 1px solid #1a1a1a !important;
    border-top: 0 !important;
}
.threadlastpost.td dd:last-child {
    color: #EEE !important;
}
/* forum options */

.forum_info .blockhead {
    background-image: none !important;
    background: #333 !important;
    border: 1px solid #51758F !important;
}
.forum_info .blockbody {
    background-image: none !important;
    background-color: #2e2e2e !important;
    border-bottom: 1px solid #51757F !important;
    border-left: 1px solid #51757F !important;
    border-right: 1px solid #51757F !important;
    color: #EEE !important;
}
/* footer */

.above_body {
    background: #101010 !important;
}
.below_body {
    background: #101010 !important;
}
/* making new thread */

h2.blockhead,
h3.blockhead,
h4.blockhead {
    background-image: none !important;
    border: 1px solid #51758F !important;
    background: #333 !important;
}
.formcontrols > *:first-child,
.formcontrols .blocksubhead + .blockrow,
.formcontrols .section .blockrow:first-child {
    background: #222 !important;
    color: #EEE !important;
}
.formcontrols .blockrow .primary.full {
    background: #333 !important;
    color: #9F9F9F !important;
}
select[name="prefixid"] {
    background: #333 !important;
    color: #9f9f9f !important;
}
.formcontrols .blockrow {
    background: #9F9F9F !important;
}
.editor_smiliebox {
    border: 1px solid white !important;
    background: #EEE !important;
    border-radius: 5px !important;
}
.formcontrols input.button,
.actionbuttons {
    background: #222 !important;
    padding-top: 5px !important;
}
.blockbody {
    padding-bottom: 5px !important;
    background: #222 !important;
}
.texteditor.forum .cke_skin_kama textarea.cke_source,
.texteditor.forum textarea {
    background: #333 !important;
    color: #999 !important;
    border-radius: 3px !important;
    padding: 5px !important;
}
.formcontrols fieldset.blockrow legend {
    color: #eee !important;
}
.formcontrols fieldset.blockrow {
    border: 1px solid #51758F !important;
    background: #333 !important;
    color: #999 !important;
}
#forumrules {
    background: #222 !important;
    border: none !important;
}
#forumrules a {
    color: #51758F !important;
}
/* viewing threads */

.postbitlegacy .userinfo {
    background: #222 !important;
    color: #EEE !important;
}
.postbitlegacy .postdetails,
.eventbit .eventdetails {
    background: #222 !important;
}
.postbit .postfoot .textcontrols,
.postbitlegacy .postfoot .textcontrols,
.eventbit .eventfoot .eventcontrols {
    background: #111 !important;
}
/* REPUTATION BUTTON */

.postbitlegacy .postfoot .textcontrols a.reputation,
.postbit .postfoot .textcontrols a.reputation {
    background: url("https://i.imgur.com/CrkP3jo.png") no-repeat #111 left !important;
}
/* INFRACTION BUTTON */

.postbitlegacy .postfoot .textcontrols a.infraction,
.postbit .postfoot .textcontrols a.infraction {
    background: url("https://i.imgur.com/YYlu203.png") no-repeat #111 left !important;
}
/* REPORT BUTTON */

.postbitlegacy .postfoot .textcontrols a.report,
.postbit .postfoot .textcontrols a.report {
    background: url("https://i.imgur.com/qVgGv3c.png") no-repeat #111 left !important;
}
/* REPLY BUTTON */

.postbitlegacy .postfoot .textcontrols a.quickreply,
.postbit .postfoot .textcontrols a.quickreply:hover,
.postbitlegacy .postfoot .textcontrols a.forwardpost,
.postbit .postfoot .textcontrols a.forwardpost {
    background: url("https://i.imgur.com/KjoMYLj.png") no-repeat #111 left !important;
    color: #bdbdbd;
}
/* REPLY WITH QUOTE */

.postbitlegacy .postfoot .textcontrols a.newreply,
.postbit .postfoot .textcontrols a.newreply {
    background: url("https://i.imgur.com/xvjl4IY.png") no-repeat #111 left !important;
    color: #bdbdbd;
}
/* THANKS BUTTON */

.postbitlegacy .postfoot .textcontrols a.post_thanks_button,
.postbit .postfoot .textcontrols a.post_thanks_button {
    background: url("https://i.imgur.com/qv2WWw5.png") no-repeat #111 left !important;
    color: #bdbdbd;
}
/* QUOTE SELECTED TEXT */

.postbitlegacy .postfoot .textcontrols a.quickquote,
.postbit .postfoot .textcontrols a.quickquote {
    background: url("https://i.imgur.com/wb5qRqd.png") no-repeat #111 left !important;
    color: #bdbdbd !important;
}
/* MULTI-QUOTE */

.postbitlegacy .postfoot .textcontrols a.multiquote,
.postbit .postfoot .textcontrols a.multiquote {
    background: url("https://i.imgur.com/OXDu3Ux.png") no-repeat #111 left !important;
}

/* EDIT POST */

.postbitlegacy .postfoot .textcontrols a.editpost, .postbit .postfoot .textcontrols a.editpost, .eventbit .eventfoot .textcontrols a.editevent {
  background:url("https://i.imgur.com/hJBOM8l.png") no-repeat #111 left !important;
color:#bdbdbd !important;
}
/* ------- END POSTFOOT IMAGES -------- */

.postbitlegacy .postrow,
.eventbit .eventrow,
.postbitdeleted .postrow,
.postbitignored .postrow,
.postbitlegacy .postbody,
.eventbit .eventdetails .eventbody {
    background: #333 !important;
    color: #999 !important;
}
.postbit .posthead,
.postbitlegacy .posthead,
.eventbit .eventhead {
    background-image: none !important;
    border: 1px solid #51758F !important;
    background: #333 !important;
}
.postbit,
.postbitlegacy,
.eventbit {
    border: 1px solid #51758F !important;
}
li[style="background-color: #FAFAFA; display: block; clear: both; border: 1px solid #E9E9E9; height: 110px;"] {
    background: #111 !important;
    border: 1px solid #555 !important;
}
.postbitlegacy .postbody,
.eventbit .eventdetails .eventbody {
    border-left: 1px solid #51758f !important;
}
.signature {
    border-top: 1px solid #51758f !important;
}
/*.postbitlegacy .signature,
.postbitlegacy .lastedited {
    color: #888;
}*/
.postcontent a {
    color: #5891a8 !important;
}
.thread_info .blockbody {
    border-bottom: 1px solid #51758F !important;
    border-left: 1px solid #51758f !important;
    border-right: 1px solid #51858f !important;
    background: none !important;
}
/* SETTINGS PAGES AND RELATED */

.blocksubhead {
    background: #2f2f2f !important;
    color: #999 !important;
    border-top: 1px solid #51758f !important;
}
.pmlist .blockrow {
    background: #252525 !important;
    border-top: 1px solid #1a1a1a !important;
}
.pmlist .blockrow .title {
    color: #5891a8 !important;
}
.commalist li a.username {
    color: #eee !important;
}
#usercp_nav .blockbody {
    background: #555 !important;
}
#usercp_nav .blockrow {
    background: #555 !important;
}
#usercp_nav .blockrow a {
    color: #5891a8 !important;
}
#usercp_nav .blocksubhead {
    background: #333 !important;
    color: #9f9f9f !important;
}
/* front page edits */

.vba_module {
    border: 1px solid #51758f !important;
    border-top: 0 !important;
}

/* fix 1 */

.wgo_block .section {
    background:#111 !important;
    color:#999 !important;
}

.wgo_block .blocksubhead {
  color:#9f9f9f !important;
}

.wgo_block .blockbody {
  background-image:none !important;
  background:#51758F !important;
  border:1px solid #51758f !important;
  border-top:0 !important;
}

/* fix 2 */
a.username strong {
    color:#5891A8 !important;
}

a.username strong:hover {
    color:#51758f !important;
}

/* spoilers */

div[style="background-color: rgb(234, 234, 234); border: 1px solid rgb(206, 206, 206); border-radius: 3px; padding: 10px;"] {
 	color:#000 !important;
}

Flat

+Supports MPGH's new chat!

A theme meant to be minimalistic and simple. Much more lightweight and easy on the eyes.

Source:

Code:

html {
  background-image:none !important;
  background:#eaecef !important;
}

/* premium seller */
.threadbit .nonsticky[style="background-color: rgb(255, 227, 170);"], .threadbit .discussionrow, .threadbit .alt[style="background-color: rgb(255, 227, 170);"] {
    background-color:rgb(255, 227, 170) !important;
}
/* premium seller */

body a /* profile bit colors? */ {

}

/* START: header */
#header > div.logo_container > div:nth-child(1) > a.logo-image > img {
    display:none !important;
}

#header > div.logo_container > div:nth-child(1) > a.logo-image {
  background-image:url('https://i.imgur.com/5Ng7jXC.png') !important;
  height:106px !important;
  width:635px !important;

}

#header > div.logo_container > div:nth-child(1) > a:nth-child(2) > img {
  display:none !important;
}


div[id="header"] {
  min-height:140px !important;
  border: none !important;
}

div[class="outercontainer"], div[class="innercontainer"] {
  background:none !important;
}

div[class="logo_container"] {
  background:none !important;
}

/* END: header */

/* START: search bar */

div[style="float: right; height: 34px;"] {
}

span[style="display: block; float: right; height: 23px; background-color: #FFF; width: 261px; border-bottom: 4px solid #144267;border-left: 4px solid #144267;border-top: 4px solid #3B6C94;border-right: 4px solid #3B6C94;"] {
  border:none !important;
  background: none !important;
}

input[class="searchbutton"] {
  background-color:#2f3540 !important;
  /* set this to see the image search src height:0; */
}

.navbar_search .textbox {
  border:1px solid black !important;
  border-radius:7px !important;
  height:30px !important;
}

select[style="padding: 0px; padding: 2px; border: 0px; height: 22px; border-left: 1px solid #6B91AB; width: 110px;"] {
  display:none !important;
}


/* END: search bar */




/* START: navigation */

.navtabs li a.navtab:hover {
	background:#222 !important;
}



/* border part of nav */
div[style="height: 40px; border-top: 1px solid #183752; border-left: 1px solid #183752; border-right: 1px solid #183752; margin: 0 2px; border-bottom: 1px solid #212121;"] {
  border:2px solid #2f3540 !important;
  border-radius:8px !important;
}

/* gradient/img part of navigation */

div[style="width: 100%; height: 40px; background-image: url(mpghv2/gradient_navi.png);"] {
  background-image:none !important;
  background-color:#2f3540 !important;
}

.forum_sublinks_background {
  border:none !important;
  background:#eaecef !important;
}

.forum_sublinks_background a {
  color:#2f3540 !important;
}

#navtabs > li:nth-child(4) {
  margin-top:-35px !important;
}


.forum_sublinks li a {
  color:#2f3540 !important;
  font-weight:bolder !important;

}

/* END: navigation*/






/* START: sections */

div[style="padding: 0 2px; background: url(mpghv2/gradient_quicklinks.png) repeat-x scroll left top #16334b; margin: 0 2px; border-top: 1px solid #5a8fb0;"] {
  background:#2f3540 !important;
  border-top:none !important;
  margin-top:10px !important;
}

ul.navi1 li:hover, ul.navi3 li:hover {
  border-bottom:1px solid #222 !important;
}



/* END: sections */

/* START: quicklinks (erase) */
div[style=" border-top: 1px solid #444; background: url(mpghv2/gradient_subnav.png) repeat-x scroll left top #252525; margin: 0 2px; padding: 0 10px;"] {
  display:none !important;
}
/* END: quicklinks */

/* START: ads */
div[style="width: 100%; height: 102px; background-image: url(mpghv2/gradient_header.png);"] {
  background:#2f3540 !important;
  padding-bottom:5px !important;
  border-bottom-left-radius:9px !important;
  border-bottom-right-radius:9px !important;
}

div[style="border-top: 1px solid #6d94b3; margin: 0 2px;"] {
    border-top: none !important;
    margin-top:10px !important;
}

ul[class="floatcontainer"] {
display: none !important;
}
/* END: ads */

/* START: specific ads */
div[id="aps_1"] {
  border:3px solid #eaecef !important;
  width:250px !important;
}

div[id="aps_2"] {
  border:3px solid #eaecef !important;
  width:250px !important;
}


div[id="aps_3"] {
  border:3px solid #eaecef !important;
  width:250px !important;
}
/* END: specific ads */


/* START: announcements */
div[style="margin: 5px 0 15px 0; padding: 0 5px 0 5px; background: #d3262a; border: 1px solid #d3262a; border-radius: 5px"] {

}
/* END: announcements */





/* START: profile bit */

div[style="float: right; background-color: #FFF; width: 325px; height: 95px; border-left: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; border-radius: 0 0 3px 3px; margin-right: 5px; margin-top: 1px;"] {
    background-color:#2f3540 !important;
  border:none !important;
  border-bottom-right-radius:5px !important;
}

div[style="float: right; background-color: #FFF; width: 325px; height: 95px; border-left: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; border-radius: 0 0 3px 3px; margin-right: 5px; margin-top: 1px;"] a {
  color:#eaecef !important;
}

/* fix username span */
body > div:nth-child(1) > div.outercontainer > div > div.above_body > div:nth-child(4) > div > div:nth-child(6) > div > div:nth-child(2) > div:nth-child(1) > a, body > div:nth-child(1) > div.outercontainer > div > div.above_body > div:nth-child(4) > div > div:nth-child(6) > div > div:nth-child(2) > div:nth-child(1) > a span {
  color:#eaecef !important;
}


img[style="border: 3px solid #FFFFFF; height: auto; max-height: 80px; max-width: 80px; outline: 1px solid #DADADA;"] {
    border:3px solid white !important;
    border-radius:5px !important;
    max-height:120px !important;
    max-width:80px !important;
    outline:none !important;
}

div[id="notifications"] {
    color:#FFF !important;
}

/* END: profile bit */



/* START: breadcrumb */


/* END: breadcrumb */


/* START: forumhead */

.forumhead {
  background-image:none !important;
  background:#2f3540 !important;
  border-top-left-radius:8px !important;
}

/* END: forumhead */

/* START: forumhead, forumrow */

.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow, .forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
  background:#eaecef !important;
}

/* END: forumhead, forumrow */


/* START: links on the /forum/index.php */

body a {
  color:#475773;
}

/* END: links on the /forum/index.php */

/* START: posthead */
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
  background-image:none !important;
  background:#2f3540 !important;
  border-top-left-radius:8px !important;


}
/* END: posthead */


/* START: postbit / userinfo */
.postbitlegacy .userinfo {


}
/* END: postbit / userinfo */

li[style="background-color: #FAFAFA; display: block; clear: both; border: 1px solid #E9E9E9; height: 175px;"] {
  background: #eaecef !important;
}

/* mini edits */

.newcontent_textcontrol {
  background:#2f3540 !important;
  border:1px solid #222 !important;
  border-radius:3px !important;
}

.blockhead {
 	background:#2f3540 !important;
}


/* CHAT */

#EmbeddedContainer .mainToggle {
  background:none !important;
  border:none !important;
  padding: 0 !important;
  white-space:normal !important;
  margin-left:-10px !important;
}

#EmbeddedContainer .mainToggle, .contextMenu:not(.preventCss), .tooltipContainer {
  box-shadow:none !important;
}

#EmbeddedContainer .mainToggle .toggleContent {
    background:#2f3540 !important;
    border:2px solid orange !important;
    width:140px !important;
    border-top-right-radius:5px !important;
    border-bottom-right-radius:5px !important;
    margin-left:5px !important;
}

/* CHAT -- INSIDE THE LOBBY */

.lobbyListContainer>.title {
  background:#2f3450 !important;
  border:none !important;
}

.lobbyListContainer .lobbyList>div .lobbySubtitle {
  background:#2f3450 !important;
  border:none !important;
}

.lobbyListContainer .lobbyList>div .lobbyItem {
  background:#eaecef !important;
  border:none !important;
}

#Lobby {
  background:#fff;
}

#Lobby .lobbyFooter {
  background:#eaecef !important;
}

#Lobby .buildVersion {
  background:#eaecef !important;
}

/* CHAT BOX */
.chatWindow .activeChannelContainer .toggleWrapper .conversationToggle {
  background:#2f3540 !important;
}

.chatWindow .activeChannelContainer .activeChat .activeChatContent .titleBarContainer .titleBar {
  background:#2f3540 !important;
}

.chatWindow .activeChannelContainer .activeChat .activeChatContent .inputsContainer {
  background:#2f3540 !important;
}

/* START: thread related / forum table */
.threadlisthead {
 	background-image:none;
    background:#2f3540 !important;
    border:1px solid #222 !important;
}

.threadbit .nonsticky, .threadbit .discussionrow, .threadbit .alt {
 	background:#f0f0f0 !important;
}

/* END: thread related / forum table */

/* profile */
.body_wrapper {
	background:#eaecef !important;
}
/* end profile */



/* social media icons */

/* social media icons */

/* padding on all */

/* youtube */
#toplinks > div:nth-child(2) > a > div {
    width:44px !important;
    height:44px !important;
    background:url('https://i.imgur.com/jjkiFSd.png') !important;
    margin-left:-20px !important;
}

/* steam */
#toplinks > div:nth-child(3) > a > div {
	height:44px !important;
    width:44px !important;
    background:url('https://i.imgur.com/wmVsASG.png') !important;
    margin-left:-10px !important;
}

/* g+ */
iframe[style="position: static; top: 0px; width: 32px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 20px;"] {
    display:none !important;
    margin-top:-500px !important;
}
#toplinks > div:nth-child(4) {
    width:44px !important;
    height:44px !important;
 	background:url('https://i.imgur.com/mIx02AL.png') !important;
    padding-top:0 !important;
}

/* twitter */
#toplinks > div:nth-child(1) > a > div {
    width:44px !important;
    height:44px !important;
    background:url('https://i.imgur.com/ltsUvk4.png') !important;
    margin-left:-35px !important;
}

/*follow fix */
#toplinks > div:nth-child(5) {
 	display:none !important;
}

/* icons */
img[class^='icon_'], div[class*=' icon'] {
    display:none !important;
}

I don't like extensions/I don't trust it/I don't have Chrome/etc
If you'd still like to use one of these themes please follow the instructions below:

1. https://chrome.google.com/webstore/d...oegfcffe?hl=en (add extension)
2. Go to https://www.mpgh.net (homepage of MPGH)
3. Click on the Stylish Icon top right
4. Click "Write style for..." (should say mpgh.net or w/e)
5. Add the CSS from below into there. Call it anything.
6. Click save on the left.

For Firefox:
https://addons.mozilla.org/en-US/firefox/addon/stylish/

Will be the exact same.

---

If you don't have chrome but want an extension for Firefox, I'd recommend getting Chrome temporarily until I put these extensions on Firefox's extension store/page or just simply waiting.

If you notice any bugs/color issues please post them here. All this is is a CSS file overwriting MPGH's current CSS to give you a different look. Thanks again.

Credits:
- Everyone who has used/is using the MPGH Nyte theme.
I know there's a lot of you out there and I appreciate you using it. I just make these because I like to and I'm not the epitome of design but I just try to give people alternatives to vanilla MPGH as we don't have any other themes (right now). All of the people who used Nyte when it was released also contributed to bug fixes and improvements then so thank you for that.
- @hellcat2100, https://www.mpgh.net/forum/showthread.php?t=1377217
The idea and complete design credit goes to hellcat2100. I wanted to make a flat theme for a while, never got around to doing it and every time I started tinkering I really didn't know how I wanted it to look. He made this and it inspired me to make a theme that does its best to mimic the simple, minimalistic MPGH design. The logo and images were also taken from his mock up and used in the Flat theme.
- @javalover, https://www.mpgh.net/forum/showthrea...1#post12588668
Never made an extension before and obviously it is quite simple but I am going to give credit where credit is due.

MPGH Nyte & Flat Themes (Extension)

Post a Reply

Similar Threads

Tags for this Thread