black aesthetic theme for roblox by xic0205

/* ==UserStyle==
@name           black aesthetic theme for roblox
@namespace      USO Archive
@author         ꧁Rîñ꧂
@description    `the title explains it all`
@version        20200516.5.26
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document url-prefix("https://web.roblox.com"), url-prefix("https://www.roblox.com")
{
/* i really want this to be global */
  .ad, .ad *, .img_ad, .ad-annotations, #google_image_div, #aw0, #AdvertisingLeaderboard
  {
    display: none !important;
  }

  .ad, .ad *, .img_ad, .ad-annotations, #google_image_div, #aw0, #AdvertisingLeaderboard
  {
    display: none !important;
  }
  /*Ad removal */
  #header
  {
    background-color: #000000;
  }

  .navigation .notification-icon, .rbx-highlight
  {
    background: #FFFFFF;
  }

  #chat-header
  {
    background: #ECEBEC;
      /*Party header*/
    ;
  }

  .slide-item-container-left, .profile-avatar-right
  {
    background: #ECEBEC;
  }

  .rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading, .rbx-tabs-horizontal .rbx-tab-heading:hover, .rbx-tabs-horizontal .rbx-tab-heading:focus, .rbx-tabs-horizontal .rbx-tab-heading:active
  {
    box-shadow: 0 -4px 0 .6 #ECEBEC inset;
  }

  .forum-table-header, body .forum-table-header th, body .forum-table-footer, #ctl00_cphRoblox_Message1_ctl00_CenterColumn > table > tbody > tr:nth-child(1) > th, #ctl00_cphRoblox_CenterColumn > table > tbody > tr:nth-child(1) > th
  {
    background: #ECEBEC !important;
      /*Forum colors and messaging underline color*/
    ;
  }

  .rbx-upgrade-now #upgrade-now-button, .rbx-btn-secondary-xs.btn-more, #AjaxCommentsContainer > div > div.comment-form > form > button, .rbx-vip-server-create, .btn-secondary-xs
  {
    background-color: #000 !important;
    border-color: #ECEBEC;
      /*Updrade button*/
    ;
  }

  .rbx-upgrade-now #upgrade-now-button:hover, .rbx-btn-secondary-xs.btn-more:hover, #AjaxCommentsContainer > div > div.comment-form > form > button:hover, .rbx-vip-server-create:hover, .btn-secondary-xs:hover
  {
    background: #ECEBEC !important;
    border-color: #FFF;
  }

  #TopAbpContainer, .ad-annotations, #LeftGutterAdContainer, #RightGutterAdContainer, #Skyscraper-Adp-Right, #Skyscraper-Adp-Left, .abp-spacer, #GamesListContainer1 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-even, #GamesListContainer1 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-odd, #GamesListContainer8 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-even, #GamesListContainer8 > div.games-list > ul > div.abp.in-game-search-ad.dynamic-ad.ad-order-odd, .sponsored-game, .alert-info, #mCSB_1_container > ul > li.font-bold.small, #mCSB_1_container > ul > li.rbx-nav-sponsor
  {
    display: none !important;
  }

  #navbar-search-input, #navbar-search-btn
  {
    border: 1px solid #ECEBEC;
      /*Search border color*/
    ;
  }

  body
  {
    background: transparent !important;
  }

  .content
  {
    background: transparent !important;
  }

  #fb-root
  {
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    background-image: url(https://wallpaperaccess.com/full/130061.png) !important;
      /* Background */
    background-size: cover !important;
    background-attachment: fixed !important;
  }

  #party_none_title, div.friend_dock_chatbox_titlebar.chat-header-blink-off
  {
    background: linear-gradient(to bottom, #B787EA, #B787EA);
  }

  #ctl00_cphRoblox_RightColumn, #Body > table > tbody > tr > td:nth-child(3), #Body > table > tbody > tr > td:nth-child(4)
  {
    display: none;
  }

  #GamesPageLeftColumn
  {
    width: auto;
    margin-right: 10px !important;
    margin-left: 10px !important;
  }

  #GamesListsContainer > div
  {
    background-color: transparent !important;
    width: 100% !important;
  }

  #navigation
  {
    background-color: #ECEBEC;
  }

  .rbx-btn-primary-lg
  {
    background-color: #ECEBEC;
  }

  .rbx-btn-primary-lg:hover, .rbx-btn-primary-lg:focus
  {
    background-color: #ECEBEC;
  }

  .avatar-back
  {
    background-image: url(https://cdn.decorpad.com/photos/2014/08/04/ed345f0354ec.jpg);
  }

  .notification-blue
  {
    background-color: #000000;
  }

  body
  {
    background-color: #000000;
    color: #000000;
    font-family: serif;
    font-weight: 300;
    font-size: 16px;
    width: 100%;
    height: 100%;
    min-width: 320px;
    margin-bottom: 168px;
    overflow-y: scroll;
  }

  .dialog-container .dialog-message-container .dialog-message
  {
    background-color: #ECEBEC;
    border: 1px solid #ECEBEC;
    color: #000000;
  }

  .dialog-container .dialog-header
  {
    background-color: #ECEBEC;
    color: #000000;
  }

  .chat-windows-header
  {
    background-color: #ECEBEC;
    color: #000000;
  }

  .dialog-container .dialog-message-container.message-cluster-master .dialog-triangle:after, .dialog-container .dialog-message-container.message-cluster-master .dialog-triangle:before
  {
    border-color: transparent transparent transparent #ecebec;
  }

  .section-content
  {
    background-color: #0000004d;
    padding: 15px;
    position: relative;
  }

  .game-card-container
  {
    background-color: #0000004d;
    position: relative;
    border-radius: 3px;
    float: left;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 100%;
  }

  .gotham-font .btn-to-link, .gotham-font .btn-to-link:active, .gotham-font .btn-to-link:hover, .gotham-font .btn-to-link:link, .gotham-font .btn-to-link:visited, .gotham-font .refresh-link, .gotham-font .refresh-link-icon, .gotham-font .refresh-link-icon:active, .gotham-font .refresh-link-icon:hover, .gotham-font .refresh-link-icon:link, .gotham-font .refresh-link-icon:visited, .gotham-font .refresh-link:active, .gotham-font .refresh-link:hover, .gotham-font .refresh-link:link, .gotham-font .refresh-link:visited, .gotham-font .see-all-link, .gotham-font .see-all-link-icon, .gotham-font .see-all-link-icon:active, .gotham-font .see-all-link-icon:hover, .gotham-font .see-all-link-icon:link, .gotham-font .see-all-link-icon:visited, .gotham-font .see-all-link:active, .gotham-font .see-all-link:hover, .gotham-font .see-all-link:link, .gotham-font .see-all-link:visited, .gotham-font .touch .btn-to-link, .gotham-font .touch .btn-to-link:active, .gotham-font .touch .btn-to-link:hover, .gotham-font .touch .btn-to-link:link, .gotham-font .touch .btn-to-link:visited, .gotham-font .touch .refresh-link, .gotham-font .touch .refresh-link-icon, .gotham-font .touch .refresh-link-icon:active, .gotham-font .touch .refresh-link-icon:hover, .gotham-font .touch .refresh-link-icon:link, .gotham-font .touch .refresh-link-icon:visited, .gotham-font .touch .refresh-link:active, .gotham-font .touch .refresh-link:hover, .gotham-font .touch .refresh-link:link, .gotham-font .touch .refresh-link:visited, .gotham-font .touch .see-all-link, .gotham-font .touch .see-all-link-icon, .gotham-font .touch .see-all-link-icon:active, .gotham-font .touch .see-all-link-icon:hover, .gotham-font .touch .see-all-link-icon:link, .gotham-font .touch .see-all-link-icon:visited, .gotham-font .touch .see-all-link:active, .gotham-font .touch .see-all-link:hover, .gotham-font .touch .see-all-link:link, .gotham-font .touch .see-all-link:visited
  {
    color: #FFF;
  }

  .text-name, .text-name:active, .text-name:hover, .text-name:link, .text-name:visited
  {
    color: #000000;
  }

  .rbx-tabs-horizontal .rbx-tab.active .rbx-tab-heading
  {
    color: #191919;
    box-shadow: inset 0 -4px 0 0 #0000004d;
  }

  .notification-red
  {
    background-color: #000000;
    padding: 1px 6px;
    min-width: 18px;
  }

  .gotham-font .see-all-link
  {
    background-color: #8c8c8c;
    /* border: 0; */;
  }
}