☰

Shadow V1

Adds shadows and changes up the website a bit

  1. // ==UserScript==
  2. // @name         Shadow V1
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1
  5. // @description  Adds shadows and changes up the website a bit
  6. // @author       raws_robert
  7. // @match        https://www.roblox.com/*
  8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=roblox.com
  9. // @license MIT
  10. // @grant        GM_addStyle
  11. // ==/UserScript==
  12. (function() {
  13.     'use strict';
  14.  
  15.     // Add custom CSS to the webpage
  16. GM_addStyle(`
  17.     /* Compact Dark Mode and Rounded Corners */
  18.  
  19.     * {
  20.         border-radius: 5px;
  21.         box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  22.     }
  23.  
  24.  
  25.         body {
  26.             background-color: #333;
  27.             color: #fff;
  28.             font-family: Arial, sans-serif;
  29.         }
  30.  
  31.         a {
  32.             color: #66d9ef;
  33.             text-decoration: none;
  34.         }
  35.  
  36.         a:hover {
  37.             color: #fff;
  38.         }
  39.  
  40.         button, input[type="button"], input[type="submit"] {
  41.             background-color: #444;
  42.             border: 1px solid #555;
  43.             color: #fff;
  44.             cursor: pointer;
  45.             padding: 5px 10px;
  46.             height: 25px;
  47.         }
  48.  
  49.         button:hover, input[type="button"]:hover, input[type="submit"]:hover {
  50.             background-color: #555;
  51.         }
  52.  
  53.         input[type="text"], input[type="password"], textarea {
  54.             background-color: #444;
  55.             border: 1px solid #555;
  56.             color: #fff;
  57.             padding: 5px;
  58.         }
  59.  
  60.         input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  61.             background-color: #555;
  62.         }
  63.  
  64.         select {
  65.             background-color: #444;
  66.             border: 1px solid #555;
  67.             color: #fff;
  68.             padding: 5px;
  69.         }
  70.  
  71.         select:focus {
  72.             background-color: #555;
  73.         }
  74.  
  75.         option {
  76.             background-color: #444;
  77.             color: #fff;
  78.         }
  79.  
  80.         option:hover {
  81.             background-color: #555;
  82.         }
  83.  
  84.         table {
  85.             border-collapse: collapse;
  86.             width: 100%;
  87.         }
  88.  
  89.         th, td {
  90.             border: 1px solid #555;
  91.             padding: 5px;
  92.             text-align: left;
  93.         }
  94.  
  95.         th {
  96.             background-color: #444;
  97.             color: #fff;
  98.         }
  99.  
  100.         td {
  101.             background-color: #333;
  102.             color: #fff;
  103.         }
  104.  
  105.         td:hover {
  106.             background-color: #444;
  107.         }
  108.  
  109.         /* Compact Mode Styles */
  110.  
  111.         .rbx-body {
  112.             background-color: #333;
  113.             opacity: 0.9;
  114.         }
  115.  
  116.         .rbx-header {
  117.             background-color: #444;
  118.             color: #fff;
  119.             opacity: 0.9;
  120.             padding: 5px;
  121.         }
  122.  
  123.         .rbx-navbar {
  124.             background-color: #444;
  125.             color: #fff;
  126.             opacity: 0.9;
  127.             padding: 5px;
  128.         }
  129.  
  130.         .rbx-navbar li {
  131.             border-bottom: 1px solid #555;
  132.             padding: 5px;
  133.         }
  134.  
  135.         .rbx-navbar li:hover {
  136.             background-color: #555;
  137.         }
  138.  
  139.         .rbx-navbar a {
  140.             color: #66d9ef;
  141.         }
  142.  
  143.         .rbx-navbar a:hover {
  144.             color: #fff;
  145.         }
  146.  
  147.         .rbx-footer {
  148.             background-color: #444;
  149.             color: #fff;
  150.             opacity: 0.9;
  151.             padding: 5px;
  152.         }
  153.  
  154.         /* Compact Mode Box Styles */
  155.  
  156.         .box, .container, .panel {
  157.             background-color: #444;
  158.             border: 1px solid #555;
  159.             padding: 5px;
  160.             opacity: 0.9;
  161.         }
  162.  
  163.         .box:hover, .container:hover, .panel:hover {
  164.             background-color: #555;
  165.         }
  166.     `);
  167. })();