Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[FEATURE] Customisable Profile Themes

See original GitHub issue


In light of the changes made in #513, I think it would be really great if this gradient config is an “optional” enhancement that people could use in their profiles. An option in the data config files for a hex code or a “trigger” string, which defines the background for the page would be really great. Maybe we can call it “theme”


  "name": "J. Doe",
  "bio": "Lorem Ipsum",
  "avatar": "<name>.png",
  "theme": "gradient", // or "0xffff00" or "0xfc0bb8" or "default"
  "links": [
      "name": "Follow me on GitHub",
      "url": "<name>",
      "icon": "github"
      "name": "Follow me on Twitter",
      "url": "<name>",
      "icon": "twitter"


No response

Additional information

Stems from #513 and this is a feature that linktree and other projects also include.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:1
  • Comments:20 (18 by maintainers)

github_iconTop GitHub Comments

Tejas-Tejucommented, Dec 14, 2021

I am following below to customize the background, please let me know the right method:

  1. In public/data/<file>.json file I am assuming there is a key called “theme” where the users will add background-color Note: At present there is no key called “theme” in the JSON files, but in case if it is present then add the customized theme else add default value i.e. White.
  2. Background should remain White in the Home.js page but when the user navigates to their respective ProfilePage.js then the background theme should apply

I tried 2 methods:

  1. Apply the background to the body using document object but the issue is it applies to the Home page as well

ProfilePage.js image

  1. Create a div tag and add background to it but it doesn’t cover the whole body. This just wraps Profile and Link components but I am not sure how to apply this theme to the body for individual users I need help on this.

ProfilePage.js image image

Vyvy-vicommented, Nov 28, 2021

looks cool, a gradient could be a linear-gradient property… opening support for custom hex codes as well

That can be neat! There’s so much room to customise in here, once an MVP version of this is created.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Custom Profile Themes Are Coming To Discord! (NEW ...
Discord is working on a profile customization feature that will allow you to customize your profile, this time you can enjoy color themes...
Read more >
Discord Profile Themes Beta + How To Get Them? - YouTube
Discord's new profile themes are definitely alluring to a lot of people. Being able to change the background of your profile makes it...
Read more >
how to make a **custom** profile theme! || roblox tutorial
open me ❀ A quick disclaimer -- I made a lot of grammar-related mistakes while speaking in this video, so I apologize in...
Read more >
Steam Profile | New (Custom) Themes :: Suggestions / Ideas
Steam Profile | New (Custom) Themes. Add some another colourful theme, or maybe theme for game-specific? Purchasable items like profile ...
Read more >
Genius Hack: Customize Your Sign Up to Represent Your Brand
To design your own custom theme, log in and go to Tools (on the left side of the page). Select Custom Themes and...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found