☰

roblox classic web

makes the theme classic (derivative of my other script roblox classic light theme)

  1. // ==UserScript==
  2. // @name         roblox classic web
  3. // @namespace    wtf3
  4. // @version      10
  5. // @description  makes the theme classic (derivative of my other script roblox classic light theme)
  6. // @author       You
  7. // @match        https://www.roblox.com/*
  8. // @grant        none
  9. // @run-at        document-start
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14. 		// css style insertion
  15.     var styles = `
  16.       body.light-theme {
  17.         background-color: #e3e3e3;
  18.         color: #191919;
  19.       }
  20.  
  21.       .light-theme .content {
  22.         background-color: unset;
  23.         color: unset;
  24.       }
  25.  
  26.       .light-theme .icon-default-navigation, .light-theme .icon-nav-blog, .light-theme .icon-nav-charactercustomizer, .light-theme .icon-nav-friends, .light-theme .icon-nav-group, .light-theme .icon-nav-home, .light-theme .icon-nav-inventory, .light-theme .icon-nav-menu, .light-theme .icon-nav-message, .light-theme .icon-nav-my-feed, .light-theme .icon-nav-notification-stream, .light-theme .icon-nav-profile, .light-theme .icon-nav-robux, .light-theme .icon-nav-search, .light-theme .icon-nav-search-white, .light-theme .icon-nav-settings, .light-theme .icon-nav-shop, .light-theme .icon-nav-trade {
  27.         background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg);
  28.       }
  29.  
  30.       .light-theme .icon-default-logo, .light-theme .icon-logo {
  31.         background-image: url(https://static.rbxcdn.com/images/Logo/roblox_logo.svg);
  32.       }
  33.  
  34.       .light-theme .icon-default-logo-r, .light-theme .icon-logo-r {
  35.         background-image: url(http://web.archive.org/web/20160805210957im_/https://static.rbxcdn.com/images/Logo/logo_R.svg);
  36. 	  }
  37.  
  38.       .light-theme .rbx-header {
  39.         background-color: #0074bd;
  40.         height: 40px;
  41.         border-width: 0 0 0;
  42.       }
  43.  
  44.       .light-theme.rbx-header {
  45.         background-color: #0074bd;
  46.         height: 40px;
  47.         border-width: 0 0 0;
  48.       }
  49.  
  50.       .light-theme.rbx-header .text-header, .light-theme.rbx-header .text-header:active, .light-theme.rbx-header .text-header:focus, .light-theme.rbx-header .text-header:hover, .light-theme.rbx-header .text-header:link, .light-theme.rbx-header .text-header:visited {
  51.         color: #fff;
  52.       }
  53.  
  54.       .dark-theme .game-card-container, .light-theme .game-card-container {
  55.         background-color: #fff;
  56. 		box-shadow: 0 1px 4px 0 rgba(25,25,25,0.3)
  57.       }
  58.  
  59.       .light-theme .game-card-info {
  60.           position: absolute;
  61.           bottom: 6px;
  62.           width: 100%;
  63.           margin: 0 6px;
  64.       }
  65.  
  66.       .dark-theme .game-card-info .light-theme .info-label.icon-playing-counts-gray, .dark-theme .game-card-info .light-theme .info-label.icon-playing-counts-gray-white-70, .dark-theme .game-card-info .light-theme .info-label.icon-votes-gray, .dark-theme .game-card-info .light-theme .info-label.icon-votes-gray-white-70, .dark-theme .gotham-font .light-theme .refresh-link-icon::after, .dark-theme .gotham-font .light-theme .see-all-link-icon::after, .gotham-font.dark-theme .light-theme .refresh-link-icon::after, .gotham-font.dark-theme .light-theme .see-all-link-icon::after, .gotham-font.light-theme .refresh-link-icon::after, .gotham-font.light-theme .see-all-link-icon::after, .light-theme .game-card-info .info-label.icon-playing-counts-gray, .light-theme .game-card-info .info-label.icon-playing-counts-gray-white-70, .light-theme .game-card-info .info-label.icon-votes-gray, .light-theme .game-card-info .info-label.icon-votes-gray-white-70, .light-theme .gotham-font .refresh-link-icon::after, .light-theme .gotham-font .see-all-link-icon::after, .light-theme .icon-currently-playing-sm, .light-theme .icon-default-common-sm, .light-theme .icon-push-right-sm, .light-theme .icon-rating-sm, .light-theme .icon-refresh-sm {
  67.         background-image: url(https://images.rbxcdn.com/153fd3209692232cd8087cad74a669b0-games.svg);
  68.         background-repeat: no-repeat;
  69.         vertical-align: middle;
  70.  
  71.       }
  72.  
  73. 	  .game-tile .game-card-thumb-container .game-card-thumb {
  74. 	    border-top-right-radius: 3px;
  75. 		border-top-left-radius: 3px;
  76. 		height: 150px;
  77. 		width: 150px;
  78. 		overflow: hidden;
  79. 		display: inline-block;
  80. 		margin: auto;
  81. 	  }
  82. 	  
  83. 	  .game-card-container:hover {
  84. 	    -webkit-transition: box-shadow 200ms ease;
  85. 		-o-transition: box-shadow 200ms ease;
  86. 		transition: box-shadow 200ms ease;
  87. 		box-shadow: 0 1px 6px 0 rgba(25,25,25,0.75);
  88. 	  }
  89. 	  
  90.  
  91.       .dark-theme .game-card-info .info-label.icon-votes-gray, .dark-theme .game-card-info .info-label.icon-votes-gray-white-70, .icon-rating-sm, .light-theme .game-card-info .info-label.icon-votes-gray, .light-theme .game-card-info .info-label.icon-votes-gray-white-70 {
  92.         background-position: 0 -480px;
  93.       }
  94.  
  95.       .dark-theme .game-card-info .info-label.icon-playing-counts-gray, .dark-theme .game-card-info .info-label.icon-playing-counts-gray-white-70, .icon-currently-playing-sm, .light-theme .game-card-info .info-label.icon-playing-counts-gray, .light-theme .game-card-info .info-label.icon-playing-counts-gray-white-70 {
  96.         background-position: 0 -496px;
  97.       }
  98.  
  99.       .light-theme .game-card-container .game-card-name {
  100.         padding: 0 6px;
  101.       }
  102.  
  103.       .light-theme .btn-secondary-xs {
  104.         user-select: none;
  105.         background-color: #00a2ff;
  106.         border: 1px solid #00a2ff;
  107.         color: #fff !important;
  108.         cursor: pointer;
  109.         display: inline-block;
  110.         font-weight: 500;
  111.         height: auto;
  112.         text-align: center;
  113.         white-space: nowrap;
  114.         vertical-align: middle;
  115.         padding: 4px;
  116.         font-size: 14px;
  117.         line-height: 100%;
  118.         border-radius: 3px;
  119.       }
  120.  
  121.       .light-theme .btn-secondary-xs:link {
  122.         color: #fff;
  123.       }
  124.  
  125.       .light-theme .scroller {
  126.         background-color: #fff;
  127.         border: 1px solid #b8b8b8;
  128.       }
  129.  
  130.  
  131.       .light-theme .scroller.disabled {
  132.         opacity: .5;
  133.         cursor: default;
  134.         border: 1px solid #e3e3e3;
  135.       }
  136.  
  137.       .light-theme .section-content.remove-panel {
  138.         background-color: #fff;
  139.         padding-top: 16px;
  140.         padding-left: 16px;
  141.         padding-right: 16px;
  142.       }
  143.  
  144.       .light-theme .people-list {
  145.         height: 163px;
  146.         max-height: 163px;
  147.       }
  148.  
  149.       .light-theme .people-list-container {
  150.         height: 220px;
  151.       }
  152.  
  153.       .light-theme .rbx-upgrade-now .btn-secondary-md {
  154.         background-color: #00a2ff;
  155.         border: 1px solid #00a2ff;
  156.       }
  157.  
  158.       .light-theme .notification, .light-theme .notification-blue, .light-theme .notification-red {
  159.         background-color: #00a2ff;
  160.         padding: 3px 5px;
  161.         min-width: 24px;
  162.         border-radius: 12px;
  163.         font-size: 12px;
  164.         font-weight: 500;
  165.         color: #fff;
  166.         text-align: center;
  167.       }
  168.  
  169.       .light-theme .rbx-left-col {
  170.         background-color: #fff;
  171.         box-shadow: 0 0 3px rgba(25,25,25,.3);
  172.       }
  173.  
  174.  
  175.       .light-theme .btn-secondary-xs:focus, .light-theme .btn-secondary-xs:hover {
  176.         background-color: #32B5FF;
  177.         border-color: #32B5FF;
  178.         color: #fff;
  179.         cursor: pointer;
  180.       }
  181.  
  182.       .light-theme .btn-secondary-xs.active, .light-theme .btn-secondary-xs:active {
  183.         background-color: #32B5FF;
  184.         color: #fff;
  185.       }
  186.  
  187.       a.btn-secondary-xs .light-theme {
  188.         color: #fff !important;
  189.       }
  190.  
  191.       .btn-secondary-xs:link {
  192.         color: #fff;
  193.       }
  194.  
  195.  
  196.       .light-theme.rbx-header .rbx-navbar li:hover {
  197.         border: 0 #ececec66;
  198.         border-bottom: 2px solid #ececec66;
  199.       }
  200.  
  201.       .light-theme .item-card-container .item-card-caption {
  202.         padding: 6px 6px 0 6px;
  203.       }
  204.  
  205.       .dark-theme .item-card-container, .light-theme .item-card-container {
  206.         background-color: #fff;
  207.       }
  208.  
  209.       .light-theme .item-card-container .item-card-thumb-container {
  210.         border-top-right-radius: 3px;
  211.         border-top-left-radius: 3px;
  212.         position: relative;
  213.         border-bottom: 1px solid #E3E3E3;
  214.         background-color: #fff;
  215.       }
  216.  
  217.       .light-theme .input-group-btn .input-dropdown-btn {
  218.         user-select: none;
  219.         border: 1px solid transparent;
  220.         background-color: #fff;
  221.         border-color: #B8B8B8;
  222.         color: #191919;
  223.         cursor: pointer;
  224.         font-weight: 400;
  225.         height: auto;
  226.         text-align: center;
  227.         white-space: nowrap;
  228.         vertical-align: middle;
  229.         margin: 0;
  230.         line-height: 18px;
  231.       }
  232.  
  233.       .light-theme .input-group-btn .input-dropdown-btn:focus, .light-theme .input-group-btn .input-dropdown-btn:hover {
  234.         background-color: #00A2FF;
  235.         border-color: #00A2FF;
  236.         color: #fff;
  237.         cursor: pointer;
  238.       }
  239.  
  240.       .light-theme .input-group-btn .input-dropdown-btn.active, .light-theme .input-group-btn .input-dropdown-btn:active {
  241.         background-color: #00A2FF;
  242.         border-color: #00A2FF;
  243.         color: #fff;
  244.         cursor: pointer;
  245.       }
  246.  
  247.  
  248.  
  249.       .light-theme .btn-control-md {
  250.         user-select: none;
  251.         background-color: #fff;
  252.         border: 1px solid #b8b8b8;
  253.         color: #191919;
  254.         cursor: pointer;
  255.         display: inline-block;
  256.         font-weight: 500;
  257.         height: auto;
  258.         text-align: center;
  259.         white-space: nowrap;
  260.         vertical-align: middle;
  261.         padding: 9px;
  262.         font-size: 18px;
  263.         line-height: 100%;
  264.         border-radius: 3px;
  265.       }
  266.  
  267.       .light-theme .btn-control-md:focus, .light-theme .btn-control-md:hover {
  268.         background-color: #fff;
  269.         border-color: #B8B8B8;
  270.         color: #191919;
  271.         cursor: pointer;
  272.       }
  273.  
  274.       .light-theme .btn-control-md.active, .light-theme .btn-control-md:active {
  275.         background-color: #fff;
  276.         color: #191919;
  277.       }
  278.  
  279.  
  280.       .light-theme .pager .first .pager-btn, .light-theme .pager .first a, .light-theme .pager .last .pager-btn, .light-theme .pager .last a, .light-theme .pager .pager-next .pager-btn, .light-theme .pager .pager-next a, .light-theme .pager .pager-prev .pager-btn, .light-theme .pager .pager-prev a {
  281.         background-color: #fff;
  282.       }
  283. 	  
  284. 	  .light-theme .bg-gray-4 {
  285. 		background-color: unset;
  286. 	  }
  287.  
  288. .light-theme .btn-buy-md {
  289. background-color: unset;
  290. border-color: unset;
  291. color: unset;
  292. border-radius: unset;
  293.  
  294. -webkit-user-select: none;
  295. -moz-user-select: none;
  296. -ms-user-select: none;
  297. user-select: none;
  298. border: 1px solid
  299. transparent;
  300.     border-top-color: transparent;
  301.     border-right-color: transparent;
  302.     border-bottom-color: transparent;
  303.     border-left-color: transparent;
  304. background-color:
  305. #fff;
  306. border-color:
  307. #B8B8B8;
  308. color:
  309. #757575;
  310. cursor: pointer;
  311. display: inline-block;
  312. font-weight: 400;
  313. height: auto;
  314. text-align: center;
  315. white-space: nowrap;
  316. vertical-align: middle;
  317. padding: 9px 9px;
  318. font-size: 18px;
  319. line-height: 100%;
  320. border-radius: 3px;
  321.  
  322. }
  323.  
  324. .light-theme .btn-buy-md:focus, .light-theme .btn-buy-md:hover {
  325. background-color:
  326. #3FC679;
  327. border-color:
  328. #3FC679;
  329. color:
  330. #fff;
  331. cursor: pointer;
  332. }
  333.  
  334. .light-theme .btn-buy-md.active, .light-theme .btn-buy-md:active {
  335. background-color:
  336. #3FC679;
  337. color:
  338. #fff;
  339. }
  340.  
  341.  
  342.  
  343. .dark-theme .store-card, .light-theme .store-card {
  344.     background-color: 
  345.     #fff;
  346.     position: relative;
  347.     border: 0 none;
  348.     border-radius: 3px;
  349.     margin: 0 5% 0 0;
  350.     max-width: 150px;
  351.     padding: 0;
  352. }
  353.  
  354. .light-theme .text-robux, .light-theme .text-robux-lg {
  355. 	  color:    #02b757;
  356.     font-weight: 400;
  357. }
  358. .light-theme .text-robux-tile {
  359. 	  color:    #02b757;
  360.     font-weight: 500;
  361. }
  362.  
  363. .light-theme .icon-default-economy-small, .light-theme .icon-robux-16x16, .light-theme .icon-robux-gold-16x16, .light-theme .icon-robux-gray-16x16, .light-theme .icon-robux-white-16x16 {
  364. background-image: url(https://static.rbxcdn.com/images/Shared/branded_04182018.svg);
  365. background-repeat: no-repeat;
  366. background-size: 32px auto;
  367. width: 16px;
  368. height: 16px;
  369. display: inline-block;
  370. vertical-align: middle;
  371. }
  372. .store-card-price .icon-robux-16x16 {
  373. 	margin-top: 0px !important;
  374. }
  375.  
  376. .icon-robux-16x16 {
  377. 	background-position: 0px -64px !important;
  378. }
  379.  
  380.  
  381. .light-theme .icon-default-economy-28x28, .light-theme .icon-robux-28x28, .light-theme .icon-robux-gold-28x28, .light-theme .icon-robux-gray, .light-theme .icon-robux-white {
  382. 	background-image: url(https://images.rbxcdn.com/757f696cbfd2d8fcde61d219cead6a2c-branded_04182018.svg) !important;
  383. }
  384.  
  385. #nav-robux-icon .icon-robux-28x28 {
  386.  
  387.     background-position: -0px -196px;
  388.  
  389. }
  390.  
  391. #nav-robux-icon .icon-robux-28x28:hover {
  392. 	background-position: -28px -196px; !important;
  393. }
  394.  
  395. .rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading {
  396.     color: 
  397. #191919 !important;
  398. box-shadow: 0 -4px 0 0
  399.     #00A2FF inset !important;
  400. }
  401.  
  402.  
  403. .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:hover, .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:focus, .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:active, .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading.active {
  404.     box-shadow: 0 -4px 0 0 
  405.     #00A2FF inset !important;
  406. }
  407. .rbx-tabs-horizontal .rbx-tab .rbx-tab-heading:hover {
  408.     background-color: 
  409.     #F2F2F2 !important;
  410. }
  411. .rbx-tab:hover .rbx-tab-heading:hover, .rbx-tab:hover .rbx-tab-heading:focus, .rbx-tab:hover .rbx-tab-heading:active, .rbx-tab.active .rbx-tab-heading:hover, .rbx-tab.active .rbx-tab-heading:focus, .rbx-tab.active .rbx-tab-heading:active {
  412.     border: 0 none !important;
  413. }
  414.  
  415. .text-name, .text-name:link, .text-name:hover, .text-name:visited, .text-name:active {
  416.     color: 
  417.     #00A2FF !important;
  418. }
  419. .text-label {
  420.     color: 
  421.     #B8B8B8 !important;
  422.     font-weight: 400 !important;
  423. }
  424.  
  425. .light-theme .icon-clanpoint, .light-theme .icon-default-branded, .light-theme .icon-favorite, .light-theme .icon-follow-game, .light-theme .icon-follow-game-gray, .light-theme .icon-leaderboard, .light-theme .icon-playerpoint, .light-theme .icon-robux, .light-theme .icon-robux-28x28, .light-theme .icon-robux-burst-banner, .light-theme .icon-robux-gold, .light-theme .icon-robux-gray, .light-theme .icon-robux-white {
  426. 	background-image: url(https://static.rbxcdn.com/images/Shared/branded_04182018.svg)
  427. }
  428.  
  429. .light-theme .icon-allgears, .light-theme .icon-Building, .light-theme .icon-catalog, .light-theme .icon-copylocked, .light-theme .icon-default-games, .light-theme .icon-dislike, .light-theme .icon-experimental-black, .light-theme .icon-experimental-gray1, .light-theme .icon-experimental-gray2, .light-theme .icon-experimental-white, .light-theme .icon-Explosive, .light-theme .icon-games, .light-theme .icon-inventory, .light-theme .icon-like, .light-theme .icon-Melee, .light-theme .icon-Musical, .light-theme .icon-Navigation, .light-theme .icon-nocopylocked, .light-theme .icon-nogear, .light-theme .icon-partialgears, .light-theme .icon-playaudio, .light-theme .icon-playing-counts-gray, .light-theme .icon-playing-counts-gray-white-70, .light-theme .icon-PowerUp, .light-theme .icon-privateserver, .light-theme .icon-publicserver, .light-theme .icon-Ranged, .light-theme .icon-share-game-to-chat, .light-theme .icon-Social, .light-theme .icon-Transport, .light-theme .icon-votes-gray, .light-theme .icon-votes-gray-white-70 {
  430. 	background-image: url(https://static.rbxcdn.com/images/Shared/games_08302018.svg);
  431. }
  432.  
  433. .voting-panel .users-vote .upvote span {
  434.     color: 
  435.     #02b757 !important; 
  436. }
  437.  
  438. .voting-panel .users-vote .vote-details .vote-numbers .count-left {
  439.     float: left;
  440.     color: 
  441.     #02b757 !important;
  442. }
  443.  
  444. .voting-panel .users-vote .vote-details .vote-numbers .count-right {
  445.     float: right;
  446.     text-align: right;
  447.     color: 
  448.     #E2231A !important;
  449. }
  450.  
  451. .voting-panel .users-vote .vote-details .vote-container .vote-percentage {
  452.     background-color: 
  453.     #02b757 !important;
  454. }
  455.  
  456. .voting-panel .users-vote .vote-details .vote-container .vote-background.has-votes {
  457.     background-color: 
  458.     #E27676 !important;
  459. }
  460. .light-theme .section-content.remove-panel {
  461.  
  462.     background-color: 
  463.  
  464.     #fff;
  465.     padding-top: 16px;
  466.     padding-left: 16px;
  467.     padding-right: 16px;
  468.     padding-bottom: 16px !important;
  469.  
  470. }
  471.  
  472. .spinner {
  473.     background-image: url("https://static.rbxcdn.com/images/shared/loading.gif") !important;
  474. }
  475.  
  476. .dark-theme .icon-default-common, .dark-theme .icon-play-game, .dark-theme .icon-play-with-circle, .icon-default-common, .icon-play-game, .icon-play-with-circle, .light-theme .icon-default-common, .light-theme .icon-play-game, .light-theme .icon-play-with-circle {
  477. 	background-image: unset !important;
  478. }
  479.  
  480. .icon-play-game:before {
  481. 	content: "Play";
  482. 	line-height: 163%;
  483. }
  484.  
  485. .light-theme .section-content-off {
  486.     background-color: 
  487. #b8b8b8;
  488. color:
  489.     #757575;
  490.     padding: 15px;
  491.     text-align: center;
  492. }
  493.  
  494. .light-theme .btn-secondary-md {
  495.     -webkit-user-select: none;
  496.     -moz-user-select: none;
  497.     -ms-user-select: none;
  498.     user-select: none;
  499.     background-color: 
  500. #00a2ff;
  501. border: 1px solid
  502. #00a2ff;
  503. color:
  504.     #fff;
  505.     cursor: pointer;
  506.     display: inline-block;
  507.     font-weight: 500;
  508.     height: auto;
  509.     text-align: center;
  510.     white-space: nowrap;
  511.     vertical-align: middle;
  512.     padding: 9px;
  513.     font-size: 16px;
  514.     line-height: 100%;
  515.     border-radius: 3px;
  516. }
  517.  
  518. .light-theme .stack .stack-list .stack-row {
  519.     background-color: 
  520.     #fff;
  521. }
  522.  
  523. .light-theme .btn-common-play-game-lg, .light-theme a.btn-common-play-game-lg {
  524.     -webkit-user-select: none;
  525.     -moz-user-select: none;
  526.     -ms-user-select: none;
  527.     user-select: none;
  528.     background-color: 
  529. #02b757;
  530. border: 1px solid
  531. #02b757;
  532. color:
  533.     #fff;
  534.     cursor: pointer;
  535.     display: inline-block;
  536.     font-weight: 500;
  537.     height: auto;
  538.     text-align: center;
  539.     white-space: nowrap;
  540.     vertical-align: middle;
  541.     padding: 12px;
  542.     font-size: 20px;
  543.     line-height: 100%;
  544.     border-radius: 5px;
  545. }
  546.  
  547. .light-theme .input-group .input-field {
  548. 	background-color: rgb(255, 255, 255);
  549. }
  550.  
  551. .light-theme .btn-growth-md {
  552.  
  553.     -webkit-user-select: none;
  554.     -moz-user-select: none;
  555.     -ms-user-select: none;
  556.     user-select: none;
  557.     background-color: #02b757;
  558.     border: 1px solid 
  559.  
  560.     #02b757;
  561.         border-top-color: rgb(2, 183, 87);
  562.         border-right-color: rgb(2, 183, 87);
  563.         border-bottom-color: rgb(2, 183, 87);
  564.         border-left-color: rgb(2, 183, 87);
  565.     color: #fff;
  566.     cursor: pointer;
  567.     display: inline-block;
  568.     font-weight: 500;
  569.     height: auto;
  570.     text-align: center;
  571.     white-space: nowrap;
  572.     vertical-align: middle;
  573.     padding: 9px;
  574.     font-size: 16px;
  575.     line-height: 100%;
  576.     border-radius: 3px;
  577.  
  578. }
  579.  
  580. .item-card-price {
  581. 	height: 28px;
  582. }
  583.  
  584. .item-card-price h4 {
  585. 	font-size: 16px;
  586. }
  587.  
  588. .light-theme .games-list-container {
  589. 	background-color: transparent !important;
  590. }
  591.  
  592. .home-header-content a:before {
  593. 	content: "Hello, ";
  594. }
  595. .home-header-content a:after {
  596. 	content: "!";
  597. }
  598.  
  599. .light-theme .container-footer {
  600. 	background-color: transparent;
  601. }
  602.  
  603. .text-link, .text-link:active, .text-link:hover, .text-link:link, .text-link:visited, .vlist .list-item .list-body .list-content a, .vlist .list-item .list-body .list-content a:active, .vlist .list-item .list-body .list-content a:hover, .vlist .list-item .list-body .list-content a:link, .vlist .list-item .list-body .list-content a:visited {
  604.     color: 
  605.     #00a2ff !important;
  606. }
  607.  
  608. .friend-list .friend .friend-link, .people-list .friend .friend-link {
  609. 	    color: #191919 !important;
  610. }
  611.  
  612. a[href="https://www.roblox.com/upgrades/robux?ctx=nav"]{
  613. 	text-transform: uppercase;
  614. }
  615.  
  616. .places-list {
  617. 	margin-bottom: 24px;
  618. }
  619.  
  620. .sponsored-game .game-card-native-ad .native-ad-label {
  621. 	color: #fff !important;
  622. }
  623.  
  624. .light-theme .game-card-native-ad {
  625.     background-color: #b8b8b8 !important;
  626. }
  627.  
  628. .games-page-left {
  629. 	margin-right: 345px !important;
  630. 	padding: 0 12px !important;
  631. }
  632.  
  633. .btn-economy-robux-white-lg.disabled:hover span[class^="icon-"], .btn-economy-robux-white-lg.disabled span[class^="icon-"], .btn-economy-robux-white-lg[disabled]:hover span[class^="icon-"], .btn-economy-robux-white-lg[disabled] span[class^="icon-"], .btn-economy-robux-white-lg span[class^="icon-"], a.btn-economy-robux-white-lg.disabled:hover span[class^="icon-"], a.btn-economy-robux-white-lg.disabled span[class^="icon-"], a.btn-economy-robux-white-lg[disabled]:hover span[class^="icon-"], a.btn-economy-robux-white-lg[disabled] span[class^="icon-"], a.btn-economy-robux-white-lg span[class^="icon-"] {
  634. 	background-position: 0 -250px;
  635. }
  636.  
  637. .light-theme .btn-secondary-md:link {
  638. 	color: #fff;
  639. }
  640.  
  641. .light-theme .btn-secondary-md:focus, .light-theme .btn-secondary-md:hover {
  642.     background-color: #32b5ff;
  643.     border-color: #32b5ff;
  644.     color: #fff;
  645.     cursor: pointer;
  646. }
  647.  
  648. .light-theme .pager .first .pager-btn, .light-theme .pager .first a, .light-theme .pager .last .pager-btn, .light-theme .pager .last a, .light-theme .pager .pager-next .pager-btn, .light-theme .pager .pager-next a, .light-theme .pager .pager-prev .pager-btn, .light-theme .pager .pager-prev a {
  649. margin-left: 0;
  650. background-color: #fff;
  651. border: 1px solid
  652. #b8b8b8;
  653. border-radius: 3px;
  654. display: inline-block;
  655. border-radius: 0px;;
  656. }
  657.  
  658. .light-theme .btn-control-md.disabled, .light-theme .btn-control-md.disabled.active, .light-theme .btn-control-md.disabled:active, .light-theme .btn-control-md.disabled:focus, .light-theme .btn-control-md.disabled:hover, .light-theme .btn-control-md[disabled], .light-theme .btn-control-md[disabled].active, .light-theme .btn-control-md[disabled]:active, .light-theme .btn-control-md[disabled]:focus, .light-theme .btn-control-md[disabled]:hover {
  659. opacity: .5;
  660. background-color: #fff;
  661. border-color: #b8b8b8;
  662. color: #b8b8b8;
  663. cursor: not-allowed;
  664. pointer-events: none;
  665. }
  666.  
  667. .light-theme .menu-vertical .menu-option.active {
  668.     color: 
  669. #606162;
  670. background-color:
  671. transparent;
  672. box-shadow: inset 4px 0 0 0
  673.     #00A2FF;
  674. }
  675.  
  676. .robux-upsell .unsubscribed .icon-robux-white {
  677. 		background-position: 0 -196px !important;
  678. }
  679.  
  680. .robux-downsell .icon-robux-gray {
  681. 	background-position: 0 -167px;
  682. }
  683.  
  684. .icon-default-economy-small, .icon-robux-16x16, .icon-robux-gold-16x16, .icon-robux-gray-16x16, .icon-robux-white-16x16 {
  685.  
  686. }
  687.  
  688. .light-theme .age-bracket-label {
  689. 	display: none;
  690. }
  691.  
  692. .light-theme .navbar-icon-item .navbar-stream {
  693. 	display: none;
  694. }
  695.  
  696. .icon-tix-28x28, .rbx-header .icon-nav-notification-stream {
  697. 	background-image: url(http://web.archive.org/web/20150901091744im_/http://www.roblox.com/images/NextStyleGuide/navigation.svg) !important;
  698.   background-repeat: no-repeat;
  699.   background-size: auto auto;
  700.   width: 28px;
  701.   height: 28px;
  702. 	background-position: 0 -56px;
  703.   display: inline-block;
  704. }
  705.  
  706. .icon-tix-28x28:hover, .rbx-header .icon-nav-notification-stream:hover {
  707. 	background-position: -28px -56px;
  708. }
  709.  
  710. .notification-stream-icon:after {
  711. 	content: "";
  712. }
  713.  
  714. .rbx-header .rbx-navbar-icon-group .navbar-stream {
  715. 	width: unset !important;
  716. }
  717.  
  718.     `
  719.  
  720.     var styleSheet = document.createElement("style")
  721.     styleSheet.type = "text/css"
  722.     styleSheet.innerText = styles
  723.     document.head.appendChild(styleSheet)
  724.   
  725.   	var elem = "<span class='rbx-text-navbar-right text-header' id='nav-robux-amount0'>156K+</span>";
  726.   	
  727.  
  728.   	var inserted_tix = false;
  729.   	var patched_develop = false;
  730.   	new MutationObserver(function(mutations) {
  731.       
  732.       if(!inserted_tix){
  733.         var ico = document.getElementById("nav-ns-icon");
  734.         if(ico){
  735.           var nav = ico.parentNode.parentNode;
  736.           var par = nav.parentNode;
  737.           par.insertBefore(nav, par.children[1]);
  738.  
  739.           var span = document.createElement("span");
  740.           span.class = "rbx-text-navbar-right text-header";
  741.           span.innerHTML = "24";
  742.  
  743.           ico.appendChild(span);
  744.           inserted_tix = true;
  745.         }
  746.       }
  747.       
  748.       if(!patched_develop){
  749.         Array.from(document.getElementsByClassName("font-header-2 nav-menu-title text-header")).forEach(function(v){
  750.           if(v.innerHTML.includes("Create")){
  751.              v.innerHTML = "Develop";
  752.              patched_develop = true;
  753.            }
  754.         });
  755.       }
  756.     }).observe(document, {childList: true, subtree: true});
  757.  
  758. })();