Skip to content

idk16 dark theme by EasternBloxxer

Screenshot of idk16 dark theme

Details

AuthorEasternBloxxer

LicenseNo License

Categoryidk18.xyz

Created

Updated

Size26 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A dark theme for the idk16 website.
:)

Notes

winning.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         idk16 dark theme
@version      20230721.15.03
@namespace    userstyles.world/user/EasternBloxxer
@description  A dark theme for the idk16 website.
:)
@author       EasternBloxxer
@license      No License
==/UserStyle== */

@-moz-document domain("idk18.xyz") {
:root{
    --header:#191b1d;
    --body:#232527;
    --content:#242424;
    --section:#2D2D2D;
    --section-highlight:#363636;
    --button:#3F3F3F;
    --button-highlight:#484848;
    --text:#C8C8C8;
    --text-light:#FFF;
    --text-dark:#919191
}

.rbx-navbar-search-option.selected{
    background-color: hsla(0,0%,100%,.1) !important;
    box-shadow: 4px 0 0 0 #00A2FF inset;
    cursor: pointer;
}
.validation-summary-errors{
    color:black
}
.icon-default-generic,.icon-home,.icon-search,.icon-settings,.icon-edit,.icon-inactive,.icon-male,.icon-female,.icon-page,.icon-brokenpage,.icon-audio,.icon-moreinfo,.icon-play,.icon-pause,.icon-menu,.icon-right,.icon-left,.icon-up,.icon-down,.icon-next,.icon-back,.icon-checkmark,.icon-checkmark-on,.icon-close,.icon-more,.icon-sorting,.icon-additem,.icon-carousel-right,.icon-carousel-left,.icon-games-carousel-right,.icon-games-carousel-left,.icon-games-carousel-right.hover,.icon-games-carousel-left.hover,.icon-clock,.icon-grid,.icon-slideshow,.icon-pastname,.icon-last-page,.icon-first-page,.icon-checkmark-white,.icon-checkmark-white-bold,.icon-close-white,.icon-sandglass,.icon-notifications,.icon-right-gray,.icon-left-gray,.icon-last-gray,.icon-first-gray,.icon-menu-black,.icon-checkmark-blue,.icon-default-generic-16x16,.icon-settings-16x16,.icon-edit-16x16,.icon-right-16x16,.icon-left-16x16,.icon-up-16x16,.icon-down-16x16,.icon-checkmark-16x16,.icon-close-16x16,.icon-red-timer-16x16,.icon-plus,.icon-minus,.icon-locked,.icon-unlocked,.icon-bigplay,.icon-bigstop,.rbx-select-group:hover .icon-down,.input-group-btn .input-dropdown-btn:hover .icon-down,.input-group-btn .input-dropdown-btn:focus .icon-down,.open .input-dropdown-btn .icon-down{
    background-image:url(https://i.imgur.com/IWuYt5n.png)
}
.icon-default-navigation,.icon-nav-menu,.icon-nav-robux,.icon-nav-tix,.icon-nav-settings,.icon-nav-search,.icon-nav-home,.icon-nav-profile,.icon-nav-message,.icon-nav-friends,.icon-nav-charactercustomizer,.icon-nav-inventory,.icon-nav-trade,.icon-nav-group,.icon-nav-forum,.icon-nav-blog,.icon-nav-search-white,.icon-nav-shop{
    background-image:url(https://i.imgur.com/g8oAV0H.png)
}
.icon-default-bc,.icon-bc,.icon-tbc,.icon-obc{
    background-image:url(https://i.imgur.com/ubVZKnx.png)
}
.btn-control.btn-control-medium{
    background-image:url(https://i.imgur.com/UbudUKJ.png)
}
.btn-control.btn-control-large{
    background-image:url(https://i.imgur.com/FgOPSS6.png)
}
.StatusView .top{
    background:url(https://i.imgur.com/2utBoT0.png)
}
.StatusView .bottom{
    background:url(https://i.imgur.com/KK9zLUT.png) no-repeat
}
.btn-control.btn-control-small{
    background-image:url(https://i.imgur.com/GA9t48R.png)!important
}
#TradeRequest .OfferContainer>img{
    content:url(https://i.imgur.com/0rvuBHi.png)
}
#NameAsset .form-label>img{
    content:url(https://i.imgur.com/XP191a4.png)
}
.CarouselPager .arrow-prev,.CarouselPager .arrow-next{
    background-image:url(https://i.imgur.com/fFRwWUD.png)
}
.SkinnyRightArrow{
    background-image:url(https://i.imgur.com/RghIgib.png)
}
.SkinnyLeftArrow{
    background-image:url(https://i.imgur.com/24tMCDU.png)
}
.dropdown .button{
    background-image:url(https://i.imgur.com/SHUXIgH.png)
}
.dropdown .button.gear,#build-page .gear-button,#build-page .gear-button-hover,#build-page .gear-button-open{
    background-image:url(https://i.imgur.com/bEsNdUN.png)
}
#GroupMembersAdminFooter div div ul .pager-next a,#versionHistoryItems div .pager.next,#catalog .PagingContainerDivTop .pager.next{
    background-image:url(https://i.imgur.com/iOSedd5.png)
}
#GroupMembersAdminFooter div div ul .pager-prev .pager.previous,#versionHistoryItems div .pager.previous,#catalog .PagingContainerDivTop .pager.previous{
    background-image:url(https://i.imgur.com/p9fjBJm.png)
}
.deleteRoleSetButton,.deleteRoleSetButtonDisabled{
    background-image:url(https://i.imgur.com/y8cUQ5Z.png)
}
.btn-disabled-negative,.btn-disabled-negative:link,.btn-disabled-negative:active,.btn-disabled-negative:visited,.btn-neutral,.btn-neutral:link,.btn-neutral:active,.btn-neutral:visited,#left-column .StandardBox,#mid-column .StandardBox,#right-column .StandardBox{
    background-image:none
}
.WhiteSquareTabsContainer{
    background-image:none;
    border-bottom:1px solid var(--section-highlight)
}
img[src="/Forum/skins/default/images/user_IsOnline.gif"]{
    content:url(https://www.roblox.com/images/online.png)
}
img[src="/Forum/skins/default/images/user_IsOffline.gif"]{
    content:url(https://www.roblox.com/images/offline.png)
}
img[src="/images/thumb/d/d9/EasyTutorial.png/24px-EasyTutorial.png"],img[src="/images/thumb/d/d9/EasyTutorial.png/40px-EasyTutorial.png"]{
    content:url(https://i.imgur.com/5jtlaGF.png);
    width:24px;
    height:24px
}
img[src="/images/thumb/c/c1/MediumTutorial.png/24px-MediumTutorial.png"],img[src="/images/thumb/c/c1/MediumTutorial.png/40px-MediumTutorial.png"]{
    content:url(https://i.imgur.com/GDZp8Tc.png);
    width:24px;
    height:24px
}
img[src="/images/thumb/a/a7/HardTutorial.png/24px-HardTutorial.png"],img[src="/images/thumb/a/a7/HardTutorial.png/40px-HardTutorial.png"]{
    content:url(https://i.imgur.com/ozg7lYi.png);
    width:24px;
    height:24px
}
img[src="/images/thumb/a/a5/MiscTutorial.png/24px-MiscTutorial.png"],img[src="/images/thumb/a/a5/MiscTutorial.png/40px-MiscTutorial.png"]{
    content:url(https://i.imgur.com/tIE8L9W.png);
    width:24px;
    height:24px
}
img{
    opacity:.8
}
::-webkit-scrollbar{
    width:10px
}
::-webkit-scrollbar-track{
    background-color:var(--content);
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.25)
}
::-webkit-scrollbar-thumb{
    background-color:var(--text);
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.5)
}
rect[fill="#FFFFFF"]{
    fill:var(--content)
}
rect[stroke="#FFFFFF"]{
    fill:var(--text-dark);
    stroke:var(--text-dark)
}
path[stroke="#D8D8D8"]{
    stroke:var(--button)
}
path[stroke="#C0D0E0"]{
    stroke:var(--button-highlight)
}
.price-chart-legend .volume{
    background-color:var(--text-dark)
}
a,a:visited,a:active,a:link,h1,h1 a:visited,h1 a:active,h1 a:link,h2,h2 a:visited,h2 a:active,h2 a:link,h3,h3 a:visited,h3 a:active,h3 a:link,h4,h4 a:visited,h4 a:active,h4 a:link,h1 a,h2,h2 .text,.SquareTabGray a,.form-label,h2.light,.InventoryItemContainerInner .InventoryItemSerial,.InventoryItemContainerInner .SerialNumberTotal,.abp .UpsellAdButton,.abp .UpsellAdButton:link,.abp .UpsellAdButton:visited,.abp .BadAdButton,.abp .BadAdButton:link,.abp .BadAdButton:visited,pre,.MyRank span,#AuditPage h1 a,.forumTitle,.normalTextSmallBold,.news-list .blurb h2,.container div div p,div#catalog div#dropdown ul li a,div#catalog div#dropdown ul li span,.content .page-content .rbx-tab-content .settings-social-networks-container .form-group p .membership-name,.content .page-content .rbx-tab-content .settings-privacy-container .form-group p .membership-name,.content .page-content .rbx-tab-content .settings-billing-container .form-group p .membership-name,.news-list .blurb p,.navbar-default .navbar-nav>li>a,.mw-headline,#build-page .item-table .totals-label span,.names span a,#topic-title h1 a,div.poll li[data-poll-option-id],.Message,.extra-info-wrapper .topic-link,.limited-quantity{
    color:var(--text)
}
.container div div p,.col-right div p,#build-page td.menu-area a.tab-item,.badge-wrapper.bullet span.badge-category,.category-list tbody .category h3 a[href],.extra-info-wrapper .badge-wrapper.bullet span.badge-category,.btn-control,.btn-control:active,.btn-control:link,.btn-control:visited,.btn-control:hover,.topic-list a.title,.rbx-tab-horizontal-submenu li{
    color:var(--text)!important
}
.text-link,.vlist .list-item .list-body .list-content a,.text-link:link,.vlist .list-item .list-body .list-content a:link,.text-link:hover,.vlist .list-item .list-body .list-content a:hover,.text-link:visited,.vlist .list-item .list-body .list-content a:visited,.text-link:active,.vlist .list-item .list-body .list-content a:active,.text-name,.text-name:link,.text-name:hover,.text-name:visited,.text-name:active,#left-column .StandardBox a,#mid-column .StandardBox a,#right-column .StandardBox a,#forum-nav a.menuTextLink,.forumTitle:hover,a.post-list-subject:hover,a.post-list-author:hover,.GenericModal .Title,.ConfirmationModal .Title{
    color:var(--text-light)!important
}
.names span a,#reply-control .contents .d-editor-input,#reply-control .contents .d-editor-preview,.breadcrumbs li,.sponsored-game .game-card-native-ad .native-ad-label,.search-result-description,.search-result-meta,.modal .modal-body label{
    color:var(--text-dark)
}
.wikitable tbody tr td span,.wikitable tbody tr td a>span{
    color:var(--text-dark)!important
}
header,footer,.rbx-header,.chat-main .chat-header,.dialog-container .dialog-header,.dialog-container .dialog-message-container.message-inbound .dialog-message,.checkbox input[type="checkbox"]:checked+label::before,.navbar-default,#build-dropdown-menu a,#navbar-rplus>a:hover,#navbar-rplus>a:focus{
    background-color:var(--header)!important;
    border-color:var(--body)!important;
    color:var(--text)
}

body,#Body,.container-footer,.scale-label,input[type="range"],.redesign .tab_white_31h_container .ajax__tab_active .ajax__tab_inner,.tab,.divider-bottom,.StatusView .bottom .content,.PurchaseModal .titleBar,td.flatViewSpacing,.CatalogItemInner,.CatalogItemInner:hover,.SmallCatalogItemView,div#catalog #legend,.left-nav-menu ul,.tab-container+div>div,.tab-container>.tab-active,.tab-container>.tab-active:hover,.MyRobloxContainer,.content,.rbx-tab-content,.tab.active,.tab-content,.StandardPanelContainer .StandardPanelWhite,.SquareTabGray.selected,.SquareTabGray.selected:hover,.TabCo...

Reviews

No reviews yet.