function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
lxchlxch 

Brand Band - how to make the salesforce default brandband in custom Visualforce

Hi all, I have visualforce and added a visualforce tab. I want to use the same background image of Home Page across the custom tabs.

It looks I need to use slds brandband.
Brand Band
https://www.lightningdesignsystem.com/components/brand-band/

However, I don't know how to make the exactly same background on visualforce tab page from page top to the bottom like this.

Thank you for your help!
Brand-Band-Image
Best Answer chosen by lxch
lxchlxch
It's solved by giving css, not ideal though.
.slds-brand-band:before {
                top: 0 !important;
}

All Answers

ShivankurShivankur (Salesforce Developers) 
Hi Ixch,

You can choose one of the built-in Salesforce themes, or create your own custom themes with just a few clicks.
  1. From Setup, enter Themes and Branding in the Quick Find box, then select Themes and Branding.
  2. View, preview, and activate an existing theme, or click New Theme to create your own.
Reference:
https://help.salesforce.com/articleView?id=sf.brand_your_org_in_lightning_experience.htm&type=5

Hope above information helps. Please mark as Best Answer so that it can help others in future.

Thanks.
lxchlxch
Thank you @shivankur, 
I found Lightning Blue theme in your recommended menue, and do you know how to use this theme to my custom visualforce page that is made as Tab? Currently, my visualforce has only <body> tag, not sure how to apply the default Lightning Blue theme in background.

User-added image

User-added image
 
lxchlxch
By reading this, nearly equals what I wanted.
https://salesforce.stackexchange.com/questions/208834/copy-lightning-experience-background-look-and-feel

However, still I can't copy the default background into my custom visualforce in Tab.
Any idea?

User-added image
lxchlxch
It's solved by giving css, not ideal though.
.slds-brand-band:before {
                top: 0 !important;
}
This was selected as the best answer