**** Light mode required! ****
This theme is a combination of mid-2016 and how it would merge with some of the modern features of the Roblox website.
Roblox in 2016 by OIogist
Details
AuthorOIogist
LicenseCC By
Categoryhttps://www.roblox.com/
Created
Updated
Code size145 kB
Code checksum8e5bfa1d
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Newest update (3/3/25):
- Restored Profile header back to 2016
Older updates:
(11/17/24): - Fixed friends list carousel on Home and Profile pages
- Fixed favorite games from sliding down when hovering on Profile page
(8/27/24): - Restored "Charts" back to "Games" and "Robux" back to "ROBUX" on the top bar
- Fixed bugs on Games page
(6/20/24): - Fixed scaling issue on Home page
About:
This is Version 2 of the style, which began in October 2020, ported over from userstyles.org. It is a huge improvement from Version 1 (December 2019), including many more features and functionalities.
Some of my personal favorite features include an old-fashioned player search, an accurate Game Info page, an accurate Messages page (too bad that won't matter anymore), an older Catalog, and much more.
Please let me know if there are any bugs because I would be happy to fix any.
Download tutorial - https://www.youtube.com/watch?v=Xz8I9Ig3w6I
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name ROBLOX IN 2016
@version 20240415.23.11
@namespace N/A
@description This theme is a combination of all of 2016, and how it would merge with the modern features of the Roblox website.
@author OIogist
@license CC By
==/UserStyle== */
@-moz-document url-prefix("https://www.roblox.com"), url-prefix("https://www.web.roblox.com") {
/* By OIogist
Version 2: October 28, 2020
Updated March 3, 2025
Roblox in 2016 Remastered */
/*----------Across Website----------*/
/*------Fonts------*/
@font-face
{
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 300;
src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGMVNtom4QlEDNJaqqqzqdSs.woff) format('woff');
}
@font-face
{
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff) format('woff');
}
@font-face
{
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGCmgpmuQqK2I-L2S9cF65Ek.woff) format('woff');
}
* {
font-family: "Source Sans Pro", Arial,Helvetica,sans-serif !important;
}
body {
background-color: #E3E3E3 !important;
color: #191919 !important;
}
.builder-font .font-header-1, .builder-font .h2, .builder-font .h3, .builder-font .h4, .builder-font .text-robux-lg, .builder-font h2, .builder-font h3, .builder-font h4 {
font-size: 24px;
font-weight: 300;
}
.builder-font .font-title, .builder-font .h1, .builder-font h1 {
font-size: 30px;
font-weight: 400;
}
.gotham-font .font-header-1, .gotham-font .h3, .gotham-font .h4, .gotham-font .text-robux-lg, .gotham-font h3, .gotham-font h4 {
font-size: 24px;
font-weight: 300;
}
.gotham-font div {
line-height: 1.3em;
font-weight: 300;
}
.gotham-font .font-title, .gotham-font .h1, .gotham-font .h2, .gotham-font h1, .gotham-font h2 {
font-size: 30px;
font-weight: 300;
}
.profile-header-top .header-caption .header-names .header-title h1.profile-name {
font-weight: 400 !important;
}
.light-theme .section-content {
color: #191919;
}
.container-header .btn-more:hover {
background-color: #32B5FF !important;
box-shadow: 0 1px 3px rgba(150,150,150,0.74);
}
.light-theme.builder-font .see-all-link-icon {
padding: 4px !important;
}
.light-theme.builder-font .see-all-link-icon:after {
display: none;
}
/*------Background------*/
.abp {
background-color: transparent !important;
}
.light-theme .content {
background-color: transparent;
color: rgb(25, 25, 25);
}
.light-theme .section-content.remove-panel {
min-height: 100%;
background-color: #fff;
padding: 12px;
position: relative;
margin-bottom: -11px;
box-shadow: 0 1px 4px 0 rgba(25, 25, 25, 0.3);
}
.light-theme .container-footer {
background-color: #fff;
padding: 12px;
position: absolute;
bottom: 0;
right: 0;
width: 100%;
}
@media (max-width: 991px) {
.light-theme .container-footer {
position: relative !important;
}
}
.light-theme .chat-container .chat-main .chat-header {
background-color: #38a1f7;
color: #fff;
border-radius: 4px 4px 0 0;
}
.light-theme .dialogs .dialog-container .dialog-header {
background-color: #38a1f7;
color: #fff;
border-radius: 4px 4px 0 0;
}
.light-theme .dialogs .dialog-container .dialog-message-container .dialog-message {
background-color: #38a1f7;
}
.light-theme .dialogs .dialog-container .dialog-message-container.message-inbound .dialog-message {
background-color: #fff;
}
.dialog-container .dialog-message-container:not(.message-inbound) .dialog-message {
color: #fff !important;
}
.light-theme .dialogs .dialog-container .dialog-message-container.message-inbound .dialog-message {
color: #393b3d !important;
}
.chat-search .chat-search-input {
border-bottom: 1px solid;
}
.light-theme .input-field {
border-radius: 0px;
font-size: 14px !important;
font-weight: 600 !important;
}
input[id="avatar-shop-keyword-input"] {
border-radius: 0 !important;
}
input[id="navbar-search-input"] {
border-radius: 3px 0 0 3px !important;
}
button[data-testid="navigation-search-input-search-button"] {
left: calc(100% - 32px) !important;
}
div[class="form-has-feedback"] > input {
padding: 5px 30px 5px 10px !important;
}
.light-theme .spinner {
background-image: url(https://images.rbxcdn.com/4bed93c91f909002b1f17f05c0ce13d1-loading.gif);
}
.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 {
color: #fff;
}
.light-theme .text-link, .light-theme .text-link.small, .light-theme .text-link.small:active, .light-theme .text-link.small:link, .light-theme .text-link.small:visited, .light-theme .text-link.xsmall, .light-theme .text-link.xsmall:active, .light-theme .text-link.xsmall:link, .light-theme .text-link.xsmall:visited, .light-theme .text-link.xxsmall, .light-theme .text-link.xxsmall:active, .light-theme .text-link.xxsmall:link, .light-theme .text-link.xxsmall:visited, .light-theme .text-link:active, .light-theme .text-link:hover, .light-theme .text-link:link, .light-theme .text-link:visited, .light-theme .text-name, .light-theme .text-name.small, .light-theme .text-name.small:active, .light-theme .text-name.small:link, .light-theme .text-name.small:visited, .light-theme .text-name.xsmall, .light-theme .text-name.xsmall:active, .light-theme .text-name.xsmall:link, .light-theme .text-name.xsmall:visited, .light-theme .text-name.xxsmall, .light-theme .text-name.xxsmall:active, .light-theme .text-name.xxsmall:link, .light-theme .text-name.xxsmall:visited, .light-theme .text-name:active, .light-theme .text-name:hover, .light-theme .text-name:link, .light-theme .text-name:visited, .light-theme .vlist .list-item .list-body .list-content a, .light-theme .vlist .list-item .list-body .list-content a.small, .light-theme .vlist .list-item .list-body .list-content a.small:active, .light-theme .vlist .list-item .list-body .list-content a.small:link, .light-theme .vlist .list-item .list-body .list-content a.small:visited, .light-theme .vlist .list-item .list-body .list-content a.xsmall, .light-theme .vlist .list-item .list-body .list-content a.xsmall:active, .light-theme .vlist .list-item .list-body .list-content a.xsmall:link, .light-theme .vlist .list-item .list-body .list-content a.xsmall:visited, .light-theme .vlist .list-item .list-body .list-content a.xxsmall, .light-theme .vlist .list-item .list-body .list-content a.xxsmall:active, .light-theme .vlist .list-item .list-body .list-content a.xxsmall:link, .light-theme .vlist .list-item .list-body .list-content a.xxsmall:visited, .light-theme .vlist .list-item .list-body .list-content a:active, .light-theme .vlist .list-item .list-body .list-content a:hover, .light-theme .vlist .list-item .list-body .list-content a:link, .light-theme .vlist .list-item .list-body .list-content a:visited, .vlist .list-item .list-body .list-content .light-theme a, .vlist .list-item .list-body .list-content .light-theme a.small, .vlist .list-item .list-body .list-content .light-theme a.small:active, .vlist .list-item .list-body .list-content .light-theme a.small:link, .vlist .list-item .list-body .list-content .light-theme a.small:visited, .vlist .list-item .list-body .list-content .light-theme a.xsmall, .vlist .list-item .list-body .list-content .light-theme a.xsmall:active, .vlist .list-item .list-body .list-content .light-theme a.xsmall:link, .vlist .list-item .list-body .list-content .light-theme a.xsmall:visited, .vlist .list-item .list-body .list-content .light-theme a.xxsmall, .vlist .list-item .list-body .list-content .light-theme a.xxsmall:active, .vlist .list-item .list-body .list-content .light-theme a.xxsmall:link, .vlist .list-item .list-body .list-content .light-theme a.xxsmall:visited, .vlist .list-item .list-body .list-content .light-theme a:active, .vlist .list-item .list-body .list-content .light-theme a:hover, .vlist .list-item .list-body .list-content .light-theme a:link, .vlist .list-item .list-body .list-content .light-theme a:visited {
color: #00A2FF;
font-weight: 400;
font-size: 14px;
}
.gotham-font .ad-identification-text, .gotham-font .ad-identification-text:active, .gotham-font .ad-identification-text:focus, .gotham-font .ad-identification-text:hover, .gotham-font .ad-identification-text:link, .gotham-font .ad-identification-text:visited, .gotham-font .font-small, .gotham-font .font-small:active, .gotham-font .font-small:focus, .gotham-font .font-small:hover, .gotham-font .font-small:link, .gotham-font .font-small:visited, .gotham-font .small, .gotham-font .small-oneline, .gotham-font .small-oneline:active, .gotham-font .small-oneline:focus, .gotham-font .small-oneline:hover, .gotham-font .small-oneline:link, .gotham-font .small-oneline:visited, .gotham-font .small:active, .gotham-font .small:focus, .gotham-font .small:hover, .gotham-font .small:link, .gotham-font .small:visited, .gotham-font .text-date-hint, .gotham-font .text-date-hint:active, .gotham-font .text-date-hint:focus, .gotham-font .text-date-hint:hover, .gotham-font .t...