What theme do you use?

Information


I was wondering on which themes different members of the developer forums use, the themes that I’ve seen being used the most were the Dark Theme and the Vincent Theme. So which theme do you use and why do you like it?

I use the dark theme since I’m just used to using the dark version of the default theme on most/all of the websites that give you a choice to use different themes.

  • Dark Theme
  • Default Theme
  • Graceful Theme
  • Grey Amber Theme
  • Vincent Theme

0 voters

Themes


Dark Theme



Default Theme



Graceful Theme



Grey Amber Theme



Vincent Theme


3 Likes

I’m into the dark version all the time. Really helps my eyes out when browsing the forum, and for some reason, I hate dealing with anything with white backgrounds (probably since I’m very used to the dark theme).

1 Like

I use the dark theme only because I am used to using it, it looks cool, and it actually does help my eyes when reading over posts.

1 Like

I use Black theme for Roblox, Twitter and Discord, however I don’t tend to use black theme on the developer forum, I use the default theme. I don’t know why I use it but it just sort of makes everything visible and better to read if you understand what I mean.

The default theme of the developer forum isn’t as bright as the Roblox and Discord white theme.

1 Like

Just saying that grey amber looks so nice. Although lighter than dark theme the colors contrast better than dark theme. Dark theme has dark grey and orangish yellow, ew.

I would also request a dark mode and grey amber styled graceful theme.

1 Like

I use the vincent theme as the colors blue and black combine very well and as a result, looks nice! Dark mode is also good… though I prefer vincent theme.

2 Likes

Graceful theme. I always prefer light themes and the detailed background is pleasing to the eye. :slight_smile:

1 Like

Grey Amber is my personal favorite at the moment - the colors compliment each other very nicely and are easy on the eyes.

2 Likes

I second on the vincent theme :slight_smile: :happy4:

2 Likes

The reason why i use vincent theme is because the theme is soft to my eyes, not too light, not too dark.

Light theme is burning eyes but brings the classic roblox vibe, dark theme for developer forum is too dark for me but dark theme in the roblox website is good.

I actually have 2 accounts, and i’m using my 2nd account for developer stuff and the 1st one for playing. The 1st one is from 2016, i used light theme so i can still enjoy classic roblox vibe. Meanwhile this 2nd account is from 2018, i actually wanted to make this account at 2017 but i quitted roblox for 4 months during November 2017 to February 2018.

Thank you for reading this. I have nothing to quite actually say so i said all of this, sorry for wasting your really precious time.

1 Like

Might be one of the few who use Vincent. Mostly for the background alone.

1 Like

Default theme is the best theme

2 Likes

For those interested, I’ve made some CSS tweaks for Vincent since the repo doesn’t look very well maintained. You can use these by using an extension such as Stylus. These tweaks improve a couple of things with the theme that bother me. If you didn’t like Vincent, maybe these tweaks will make it tolerable for you.

I probably won’t keep this reply up to date if I update these tweaks so if something with Vincent bothers you and these tweaks don’t help, feel free to DM me about it.

/************************************ 
Mobile-specific fixes / tweaks
************************************/

/* Fix bad padding */
.form-vertical, 
.user-main .about .primary,
.user-main .about .secondary,
.user-main .user-content {
    padding: 15px;
}

/* Fix header logo cut off at bottom */
.d-header #site-logo {
    max-height: 2.6em;
}

/* Fix inconsistently sized lock/unlist messages, fix mysterious space on right side of threads somehow */
.small-action {
    width: 100%;
}

/* Fix youtube embeds not being centered */
.lazyYT-container {
    margin: 12px 20px;
}

/* Fix topic list padding on tablets */
#list-area .contents tbody td {
    padding: 10px 15px;
}

/************************************
Generic and desktop-specific fixes / tweaks 
************************************/

/* Square category color badges */
span.badge-category-bg, span.badge-category-parent-bg, span.badge-category-parent-bg+.badge-category-bg {
    border-radius: 0;
}

.badge-wrapper.bullet .badge-category-parent-bg,
.badge-wrapper.bullet .badge-category-parent-bg+.badge-category-bg,
.extra-info-wrapper .badge-wrapper.bullet .badge-category-parent-bg {
    width: 4px;
    min-width: 4px;
}

span.badge-category-parent-bg {
    border-right: 1px solid rgba(0,0,0,0.2);
}

span.badge-category-parent-bg+.badge-category-bg {
    border-left: 1px solid rgba(0,0,0,0.2);
}

/* Fix threads being too skinny and in strange alignment with controls at bottom of page */
.topic-post {
    max-width: 758px;
}

.topic-post .embedded-posts {
    width: 758px;
}

#topic-title .title-wrapper {
    margin-left: 0;
    margin-right: 0;
    width: 758px;
}

#topic-title, .posts-wrapper {
    margin: 0;
    width: 758px;
}

html.desktop-view.not-mobile-device .topic-body {
    max-width: 758px;
}

.topic-body {
    width: 100%;
}

/* Fix poor contrast on thread list sort labels when new thread banner is visible */
.show-more.has-topics .alert {
    background: rgba(40,42,49,1);
}

.alert.alert-info {
    background: rgba(19,20,24,1);
}

/* Make code blocks blend better */
p>code, li>code, pre>code {
    background: rgba(255,255,255,0.09);
}

/* Fix youtube embeds missing padding */
.lazyYT.lazyYT-container {
    width: 100% !important;
}

/* Fix category left colored lines not reaching bottom of category container */
.category-list tbody .category {
    display: table-cell;
}

/* Better subcategory layout (desktop only) */
.not-mobile-device .category-list .subcategories {
    display: flex;
    flex-direction: column;
}

.not-mobile-device .category-list .subcategories .subcategory .badge.new-posts {
    display: inline-block;
    margin: 0 5px;
}

.not-mobile-device .category-list .subcategories .subcategory {
    height: 21px;
    align-items: center;
}

/* Highlight pinned posts */
.topic-list-item.pinned  {
    background: rgba(200,200,255,0.06);
}

.topic-list tbody tr:nth-of-type(even).pinned {
    background: rgba(200,200,255,0.04);
}

/* Better appearance and contrast on disabled New Topic button */

.list-controls #create-topic[disabled],
.list-controls #create-topic.disabled {
    background-color: rgba(255,255,255,0.04);
    color: #888
}

.list-controls #create-topic[disabled]:hover,
.list-controls #create-topic.disabled:hover {
    background-color: rgba(255,255,255,0.06);
}

.list-controls #create-topic[disabled] svg,
.list-controls #create-topic.disabled svg {
    color: inherit;
}

/* Larger letter spacing for better readability */
* {
    letter-spacing: 0.2px;
}

/* Larger fonts for better readability */
a {
    font-size: 95%; /* theme sets 90% */
}

.search-link .blurb {
    font-size: 1em;
}

/* Fix wrongly colored UI on search page */
.search-container .search-advanced-sidebar .search-advanced-title,
.search-container .search-advanced-sidebar .search-advanced-filters {
    background: rgba(255,255,255,0.04);
}

.search-container .search-advanced-sidebar .search-advanced-title.btn {
    background: rgba(255,255,255,0.04);
}

.search-advanced-options {
    background: rgba(0,0,0,0.3);
    margin-bottom: 10px;
}

/* Fix floating border around composer for profile bio */
.user-preferences .bio-composer {
    border: none;
}

/* Fix collapse button exiting frame on profile page */
.user-main .about .details .primary,
.user-main .about.collapsed-info .details .primary {
    width: auto;
}

/* Fix post notice size and border color */
.post-notice {
    width: calc(100% - 1.6em);
    border-top: none;
}

/* Fix post links container size */
.post-links-container {
    margin-left: 0;
}

/* Fix bio scroll bar not being to the right */
.user-main .about .details .primary .bio {
    max-width: none;
}

/* Category link hightlighting */
.category-list .subcategories .subcategory .badge-wrapper:hover .category-name {
    color: white;
}

.category-list .subcategories .subcategory .badge-wrapper .category-name {
    transition: color 0.3s;
}

/* Fix hidden posts being split horizontally by unhide link */
.post-hidden {
    position: relative;
}

.post-hidden .expand-hidden {
    position: absolute;
    top: 36px;
    left: 0;
    z-index: 1;
}

.post-hidden .post-menu-area,
.post-hidden .expand-hidden {
    opacity: 0.5;
}
2 Likes

Dark theme all the way! I get eye strain much quicker with default version so dark has saved me from going blind. :slight_smile:

1 Like

I use Dark theme because it looks cool. It is more complex than mostly default.

1 Like

Dark theme looks sleek and easy to digest, plus it doesn’t hurt your eyes.

1 Like

Im more into the dark theme. Its not hard on my eyes and makes reading stuff on the screen easier since it isnt super bright.

1 Like

You are able to change the theme by going to Profile > Preferences > Interface > Theme and choosing which theme is the most comfortable for you from there.

2 Likes

Graceful is weirdly designed don’t @ me

1 Like