☰

Roblox Custom Dark Theme

Customizes Roblox UI to match desired dark theme style

  1. // ==UserScript==
  2. // @name         Roblox Custom Dark Theme
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1
  5. // @description  Customizes Roblox UI to match desired dark theme style
  6. // @author       You
  7. // @match        *://www.roblox.com/*
  8. // @grant        GM_addStyle
  9. // ==/UserScript==
  10.  
  11. (function() {
  12.     'use strict';
  13.  
  14.     // Add custom CSS
  15.     GM_addStyle(`
  16.         /* Dark background */
  17.         body, .container, .navbar, .nav-menu, .home-container, .profile-container {
  18.             background-color: #1a1a1a !important;
  19.             color: white !important;
  20.         }
  21.  
  22.         /* Top bar */
  23.         .navbar, .header {
  24.             background-color: #2c2c2c !important;
  25.             border-bottom: 1px solid #3a3a3a !important;
  26.         }
  27.  
  28.         /* Search bar */
  29.         .search-input {
  30.             background-color: #333 !important;
  31.             color: white !important;
  32.             border: 1px solid #444 !important;
  33.         }
  34.  
  35.         /* Friend icons (rounded) */
  36.         .friend-avatar, .avatar-image, .thumbnail-2d-container img {
  37.             border-radius: 50% !important;
  38.             border: 2px solid #444 !important;
  39.         }
  40.  
  41.         /* Buttons */
  42.         .btn-primary, .btn-secondary, .btn-tertiary {
  43.             background-color: #4a4a4a !important;
  44.             color: white !important;
  45.             border: 1px solid #666 !important;
  46.         }
  47.  
  48.         /* Game icons */
  49.         .game-card-thumb, .thumbnail-2d-container img {
  50.             border-radius: 10px !important;
  51.             border: none !important;
  52.         }
  53.  
  54.         /* Sidebar */
  55.         .nav-left, .nav-right, .side-menu {
  56.             background-color: #252525 !important;
  57.         }
  58.  
  59.         /* Game title text */
  60.         .game-card-name, .game-name {
  61.             color: white !important;
  62.         }
  63.  
  64.         /* Hover effects */
  65.         .friend-avatar:hover, .game-card-thumb:hover {
  66.             opacity: 0.8;
  67.             transition: opacity 0.3s;
  68.         }
  69.  
  70.         /* Remove borders from certain sections */
  71.         .game-card-container, .friend-list-container {
  72.             border: none !important;
  73.         }
  74.  
  75.         /* Adjust section spacing */
  76.         .container-section {
  77.             padding: 20px !important;
  78.         }
  79.  
  80.         /* Fix for any text color that remains dark */
  81.         .text, .text-label, .game-card-text {
  82.             color: white !important;
  83.         }
  84.     `);
  85. })();