Create your own TransSocial theme! (ALPHA)

Want to spice up your TransSocial theme? Here's where you do exactly that! Please note that this functionality is in alpha, there are many things that are yet to be added and the experience is just for testing.

An element that uses the color will be placed below the input. Also please note that some names are misleading, and may be used for more elements ("Note Background" is an example).

Colors

Background (Uses Hex)

(No element provided. Entire background will change)

Main Color (Uses Hex)
Example of Main Color

Main Color Darker (Uses Hex)
Hovered Link

Header Color (Uses Hex)

(No element provided. Header and sidebar will change colors)

Text (Uses Hex)

(No element provided. All text, except on the sidebar/header, will change)

Text Half Transparent (Uses RGB)

This text is half transparent.

Text Semi Transparent (Uses RGB)

This text is semi-transparent.

Sidebar Button Hover (Uses Hex) Sidebar button

Button Transparent Hover (Uses Hex)
Transparent Button Hovered

Success Color (Uses Hex)

This action was successful!

Warning Text (Uses Hex)

Uh oh. There's a warning.

Error Text (Uses Hex)

There was an error.

Sidebar Text (Uses Hex)

(No element provided. Sidebar text will change color)

Note Seperator (Uses Hex)
Like Color (Uses Hex)


Renote Color (Uses Hex)

Reply Background (Uses Hex)
Reply Background Hovered (Uses Hex)
Note Background (Uses Hex)
Button Text Color (Uses Hex)
Example Button
Button Hovered Text Color (Uses Hex)

(No element provided. Hover the button above to see changes)

Sidebar Create Note Button Text Color (Uses Hex)

(No element provided. Sidebar "Create Note" button will change text color)

Sidebar Create Note Button Hovered Text Color (Uses Hex)

(No element provided. Hover Sidebar "Create Note" button to see changes)

Save Theme

Save your theme to configure later.

Load Theme

Load a previously saved theme.

Apply Theme

Apply the theme without publishing it to the TransSocial User Studio (useful for testing).

Publish

Let other people use your theme on the TransSocial User Studio!