DigiTechs

ROBLOX Theme Changer

Dec 4th, 2014
829
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // ==UserScript==
  2. // @name         ROBLOX Theme Changer
  3. // @version      1.3
  4. // @description  Changes the ROBLOX theme to something more... visible.
  5. // @author       FiniteReality (Tristan)
  6. // @match        http://www.roblox.com/*
  7. // @match        https://www.roblox.com/*
  8. // @exclude      http://developer.roblox.com/*
  9. // @require      http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js
  10. // @require      http://ajax.aspnetcdn.com/ajax/jquery.migrate/jquery-migrate-1.2.1.min.js
  11. // ==/UserScript==
  12.  
  13. this.$ = this.jQuery = jQuery.noConflict(true);
  14.  
  15. // Change these for different colours
  16. var BACKGROUND_COLOR = "#222";
  17. var MAIN_COLOR = "#F2F2F2";
  18. var SIDE_NAV_COLOR = "#727272";
  19. var TOP_NAV_COLOR = "#525252";
  20. var LIGHT_TEXT_COLOR = "#F2F2F2";
  21. var NAV_BUBBLE_COLOR = "#424242";
  22. var LIGHT_TEXT_HOVER_COLOR = "#525252";
  23. var USERNAME_DIVIDER_COLOR = "#828282";
  24. var TOP_NAV_COLOR = "#525252";
  25. var FOOTER_NAV_COLOR = "#5F5F5F";
  26. var LEADERBOARD_ODD_COLOR = "#FCFCFC";
  27.  
  28. // Don't mind me using an array - I didn't know how to make multiline strings in JS. If such a thing even exists in JS.
  29. GM_addStyle([
  30.     "#MasterContainer, #Body, .container-main {",
  31.     "   background-color: "+BACKGROUND_COLOR+" !important;",
  32.     "}",
  33.     "#Body, #UserPlaces, .ProfileAlertPanel, .tab-content, .GroupWallPane, .GroupWallPane .AlternatingItemTemplateEven, #navContent, #DivToHideOverflowFromLastGamesList, .games-list-container, .tab-content-container, .tab-container+div>div, .tab-active, .tab.active, .StanderdPanelContainer, .StandardPanelWhite, .SquareTabGray.selected, #Summary_tab .RobuxColumn, #Summary_tab .TicketsColumn, .ajax__tab_panel, .ajax__tab_body, .ajax__tab_active, .ajax__tab_active .ajax__tab_inner, #leaderboards-top-container, #leaderboards-top, #leaderboards-controls, #leaderboards-header, #clan-leaderboards-header, #fixed-leaderboards-buttons div, .leaderboards-row, .SmallCatalogItemView, .CatalogItemInner, .UserBlurb, .status-update, .simplemodal-overlay {",
  34.     "   background-color: "+MAIN_COLOR+" !important;",
  35.     "}",
  36.     ".GrayDropdown .Button {",
  37.     "   padding: 4px 8px 0px 8px !important;",
  38.     "}",
  39.     ".GrayDropdown .Menu {",
  40.     "   top: 30px !important;",
  41.     "}",
  42.     ".PlaceLauncherModal, #videoPrerollPanel {",
  43.     "   background-color: #FFF !important;",
  44.     "   box-shadow: 0 1px 3px rgba(150, 150, 150, 0.74) !important;",
  45.     "   box-sizing: border-box !important;",
  46.     "   color: #191919 !important;",
  47.     "   min-height: 180px !important;",
  48.     "}",
  49.     ".btn-primary, .btn-primary:link, .btn-primary:active, .btn-primary:visited, .btn-neutral, .btn-control, .Button, .btn-negative {",
  50.     "   color: #FFF !important;",
  51.     "   box-shadow: 0 1px 3px rgba(150, 150, 150, 0.74) !important;",
  52.     "   border-radius: 3px !important;",
  53.     "   background: #428BCA !important;",
  54.     "   background-image: none !important;",
  55.     "   border-color: #3580BD !important;",
  56.     "}",
  57.     ".btn-primary:not(.disabled):hover, .btn-neutral:not(.disabled):hover, .btn-control:not(.disabled):hover, .Button:not(.disabled):hover, .btn-negative:not(.disabled):hover {",
  58.     "   color: #FFF !important;",
  59.     "   box-shadow: 0 1px 3px rgba(150, 150, 150, 0.74) !important;",
  60.     "   border-radius: 3px !important;",
  61.     "   background: #32B5FF !important;",
  62.     "   border-color: rgba(224,224,224,0) !important;",
  63.     "   background-image: none !important;",
  64.     "   transition: all,0.2s,ease-in-out;",
  65.     "}",
  66.     "#SearchControls {",
  67.     "   height: 21px !important;",
  68.     "}",
  69.     "#SearchControls .content {",
  70.     "   margin-left: 10px !important;",
  71.     "   margin-right: 10px !important;",
  72.     "   width: 100% !important;",
  73.     "   background: none !important;",
  74.     "}",
  75.     "#build-page .gear-button-wrapper {",
  76.     "   background-color: rgba(0,0,0,0) !important;",
  77.     "   border-color: rgba(0,0,0,0) !important;",
  78.     "}",
  79.     "#StudioWidget {",
  80.     "   display: none !important;",
  81.     "}",
  82.     ".leaderboards-row:nth-child(odd) {",
  83.     "   background-color: "+LEADERBOARD_ODD_COLOR+" !important;",
  84.     "}",
  85.     ".UserBlurb {", // fix annoying non-center blurb
  86.     "   width: auto !important;",
  87.     "   text-align: center;",
  88.     "   margin: 10px 0 0 0 !important;",
  89.     "   max-height: 300px !important;",
  90.     "}",
  91.     ".navbar-header {",
  92.     "   display: none !important;",
  93.     "}",
  94.     ".rbx-left-col {",
  95.     "   background-color: "+SIDE_NAV_COLOR+" !important;",
  96.     "}",
  97.     ".rbx-left-col li a {",
  98.     "   color: "+LIGHT_TEXT_COLOR+" !important;",
  99.     "}",
  100.     ".rbx-left-col div li:not(.rbx-upgrade-now):not(.rbx-text-notes):not(.rbx-nav-sponsor) {",
  101.     "   transition: background-color 0.07s ease-in-out 0s;",
  102.     "   color: "+LIGHT_TEXT_COLOR+" !important;",
  103.     "   margin-left: -10px;",
  104.     "   display: block !important;",
  105.     "   padding-left: 10px;",
  106.     "   width: 175px;",
  107.     "   height: 28px;",
  108.     "}",
  109.     ".rbx-left-col div li span {",
  110.     "   display: block;",
  111.     //" position: fixed;",
  112.     "   margin-left: 30px;",
  113.     "   margin-top: -24px;",
  114.     "   margin-bottom: 0px;",
  115.     "}",
  116.     "#nav-friends .rbx-highlight {",
  117.     "   display: none;",
  118.     "}",
  119.     ".rbx-left-col div li:not(.rbx-upgrade-now):not(.rbx-text-notes):not(.rbx-nav-sponsor):hover {",
  120.     "   transition: background-color 0.07s ease-in-out 0s;",
  121.     "   background-color: "+LIGHT_TEXT_HOVER_COLOR+" !important;",
  122.     "}",
  123.     ".rbx-left-col .rbx-upgrade-now {",
  124.     "   display: none;",
  125.     "}",
  126.     ".rbx-left-col .rbx-text-notes {",
  127.     "   display: none;",
  128.     "}",
  129.     ".rbx-left-col .rbx-nav-sponsor {",
  130.     "   display: none;",
  131.     "}",
  132.     ".rbx-divider {",
  133.     "   background-color: "+USERNAME_DIVIDER_COLOR+" !important;",
  134.     "}",
  135.     ".rbx-header {",
  136.     "   background-color: "+TOP_NAV_COLOR+" !important;",
  137.     "}",
  138.     ".nav-content {",
  139.     "   overflow: hidden !important;",
  140.     "}",
  141.     ".content {",
  142.     "   background-color: "+MAIN_COLOR+" !important;",
  143.     "   margin-left: 185px;",
  144.     "   margin-right: 185px;",
  145.     "   max-width: none !important;",
  146.     "}",
  147.     ".page-content {",
  148.     "   left: 50%;",
  149.     "   margin-right: -50%;",
  150.     "   transform: translate(-50%, 0);",
  151.     "   position: relative;",
  152.     "}",
  153.     "#HomeContainer {",
  154.     "   left: 50%;",
  155.     "   margin-right: -50%;",
  156.     "   transform: translate(-50%, 0);",
  157.     "   position: relative;",
  158.     "}",
  159.     ".place-item.redesign .right-column {",
  160.     "   max-height: 680px !important;",
  161.     "}",
  162.     "div.gig-button-container-vertical {",
  163.     "   padding: 0 !important;",
  164.     "}",
  165.     "div.gig-button-container {",
  166.     "   padding: 0 !important;",
  167.     "}",
  168.     ".PlaceProductPromotionsContainer {",
  169.     "   margin-bottom: 15px !important;",
  170.     "}",
  171.     ".GamePassesDisplayContainer { ",
  172.     "   margin-bottom: 5px !important;",
  173.     "}",
  174.     ".footer-container, .container-footer {",
  175.     "   background: "+BACKGROUND_COLOR+" !important;",
  176.     "   color: "+FOOTER_NAV_COLOR+" !important;",
  177.     "   margin-bottom: -20px !important;",
  178.     "}",
  179.     ".footer-container .FooterNav {",
  180.     "   color: "+FOOTER_NAV_COLOR+" !important;",
  181.     "}",
  182.     ".footer-container .FooterNav a {",
  183.     "   color: "+FOOTER_NAV_COLOR+" !important;",
  184.     "}",
  185.     ".footer-container .legal {",
  186.     "   color: "+FOOTER_NAV_COLOR+" !important;",
  187.     "   border-top: 1px solid "+FOOTER_NAV_COLOR+" !important;",
  188.     "}",
  189.     ".footer-container .legal .right .Legalese {",
  190.     "   color: "+FOOTER_NAV_COLOR+" !important;",
  191.     "}",
  192.     ".footer-container .legal .right .Legalese a {",
  193.     "   color: "+FOOTER_NAV_COLOR+" !important;",
  194.     "}",
  195.     ".container-footer {",
  196.     "   margin-bottom: 0px !important;",
  197.     "   height: 244px;",
  198.     "}",
  199.     ".container-footer .footer-note {",
  200.     "   color: "+FOOTER_NAV_COLOR+" !important;",
  201.     "}",
  202. ].join('\n'));
  203.  
  204. var symalrt = $(".SystemAlert");
  205. $("#ctl00_Announcement").addClass("rbx-alert-info").html($("#ctl00_LabelAnnouncement").html());
  206. $("#AdvertisingLeaderboard").hide();
  207. $("#AdvertisingLeaderboard").hide();
  208. $("#Skyscraper-Ad").hide();
  209. $(".abp-container").hide();
  210. $(".leaderboard-abp").hide();
  211.  
  212. $("#Skyscraper-Ad-Left").hide();
  213. $("#Skyscraper-Adp-Left").hide();
  214.  
  215. $("#Skyscraper-Ad-Right").hide();
  216. $("#Skyscraper-Adp-Right").hide();
  217.  
  218. $(".abp").parent().hide();
  219.  
  220. var ad = $(".divider-left").children().last();
  221. if (ad.has("div .ad-annotations")){
  222.     ad.hide();
  223. }
  224. var center = $(".CenterColumn");
  225. center.first().attr("width", "100%").css("padding", "5px");
  226. if (center.first()[0] != center.last()[0]){
  227.     center.last().hide();
  228. }
  229.  
  230. $("#Body table .RightColumn").hide();
  231. $("#Body table .LeftColumn").hide();
  232.  
  233. $("#ctl00_cphRoblox_rbxFavoritesPane_FavoritesPane").hide();
  234. $(".divider-left .divider-bottom").last().hide();
  235. $("#UserGroupsPane").appendTo(".divider-left").children(".divider-bottom").attr("class", "");
  236. $("#BadgesDisplayPane").hide();
  237.    
  238. $(document).ready(function(){
  239.     setTimeout(function(){
  240.         $("#AdvertisingLeaderboard").remove();
  241.         $("#Skyscraper-Ad").remove();
  242.         $(".abp-container").remove();
  243.         $(".leaderboard-abp").remove();
  244.  
  245.         $("#Skyscraper-Ad-Left").remove();
  246.         $("#Skyscraper-Adp-Left").remove();
  247.  
  248.         $("#Skyscraper-Ad-Right").remove();
  249.         $("#Skyscraper-Adp-Right").remove();
  250.        
  251.         $(".abp").parent().remove();
  252.  
  253.         if (ad.has("div .ad-annotations")){
  254.             ad.remove();
  255.         }
  256.         if (center.first()[0] != center.last()[0]){
  257.             center.last().remove()
  258.         }
  259.        
  260.         // Apparently google ads is spasticated and can't handle being removed on load. If pages start hanging for you, uncomment the following lines:
  261.         //setTimeout(function(){
  262.             $("#Body table .RightColumn").remove();
  263.             $("#Body table .LeftColumn").remove();
  264.         //}, 1270);
  265.         $("#ctl00_cphRoblox_rbxFavoritesPane_FavoritesPane").remove();
  266.         $(".divider-left .divider-bottom").last().remove();
  267.         $("#UserGroupsPane").appendTo(".divider-left").children(".divider-bottom").attr("class", "");
  268.         $("#BadgesDisplayPane").remove();
  269.     }, 2150);
  270. });
Add Comment
Please, Sign In to add comment