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
Chirag MehtaChirag Mehta 

User Interface Themes or Custom Themes

As many web applications like gmail, yahoo or hotmail offer an interface where in you select any styling and in seconds the entire interface color, look and feel changes i.e., Applying THEMES. 

An option inside setup to select from a set of pre-defined themes. 

Also an option to define your custom themes i.e., option to select hex codes for various components used in rendering the Salesforce User Interface. 

Once this feature is successful we can create a developer discussion where users can submit themes and rest users can leverage that if they want to. 

 

Interface Styling as a SERVICE. Promote the Idea

http://ideas.salesforce.com/article/show/10098241/User_Interface_Themes_or_Custom_Themes

 

 

 

Message Edited by Chirag Mehta on 10-07-2009 01:25 AM
HarpreetSHarpreetS

Hi Chirag!

 

I have made a couple of themes in Salesforce and would be glad to share one of them. 

 

The steps are easy:

 

Paste the below mentioned code in a Visualforce page or a HTML Home Page component

 

<br>

<style>
*{text-shadow: 0px 0px .2px green,0px 0px .2px azure ,1px 1px .2px azure ,2px 2px .2px azure ,-2px -2px .2px azure ,-1px -1px .2px azure !important;
}
.bodyDiv, .bodyDiv *, #AppBodyHeader,#AppBodyHeader *,.tabNavigation,.tabNavigation *{allowtransparency:true!important;background-image:none!important;border:none!important; background-color:transparent!important;}
.sfdcBody
{
background-image: url(https://dhillon-developer-edition.my.salesforce.com/resource/1312561833000/CarboniteCCPack__png2) !important;
background-position: -150px -91px!important;background-repeat:repeat!important;background-attachment:fixed!important;}
#userNav{background-color:indigo!important;}.navLinks{background-color:indigo!important;position:fixed!important;top:2px!important;right:14%!important;color:red!important;background-attachment:fixed!important;}#tsid{background-color:indigo!important;position:fixed!important;top:2px!important;right:4%!important;background-attachment:fixed!important;}img#phHeaderLogoImage{opacity:0.0 !important;filter:alpha(opacity=00) !important;}#tabBar{background-color:indigo!important;}.tabNavigation{position:fixed!important;background-color:indigo!important;z-index:200!important;top:2px!important;left:15%!important;}body .x-btn button,body .btn,body .btnImportant,body .btnDisabled,body .btnCancel,body .menuButton .menuButtonButton,body .menuButton .menuButtonMenu a,body .menuButton .menuButtonMenu input.theOption,h1, h2, h3, h4, h5, h6.reportTab .bWizardBlock .pbWizardTitle,.reportTab .bWizardBlock .chartStep .pbDescription,.bWizardBlock .pbBody .bPageBlock .pbLinks a span,.chatterShowHideFeed a,.chatterFollowUnfollow .followLink a:hover .linkText,body.allTabTab .bPageTitle .ptBody .content,body.allTabTab .bDescription,.sysAdminTab .bPageTitle .ptBody .content,.homeTab .bPageTitle .ptBody .content,.labelCol,.allTabTab .bPageTitle .ptBody .content, #userNav *,#userNav,body .bPageBlock .pbHeader .pbHelp .help a.linkCol:hover .linkSpan,body .bPageBlock .pbBody .pbSubblock .pbSubbody a:hover .helpLink,body .bWizardBlock a:hover .helpLink,body .bPageTitle .tagDropDown .tagDropDownContent .tagHelp a:hover span,body .bMyDashboard .pbHeader .pbHelp a:hover,.tab{text-shadow: 0 0 0.3em white, 0 0 0.3em yellow!important;color:white!important;font-style: auto!important;}a, a *,.dataCol{text-shadow: 0 0 0.3em white, 0 0 0.3em yellow!important;color:indigo!important;}.x-btn, button, .btn, .btnImportant, .btnDisabled, .btnCancel,.menuButton, .menuButtonButton,.tabNavigation,.tabNavigation *{background-image: url(https://dhillon-developer-edition.my.salesforce.com/resource/1312561833000/CarboniteCCPack__png2)!important;background-color:black!important;color:white!important;border:2px solid red!important;}td.searchCell, td.searchCell *,{border:1px solid red!important;color:yellow!important;background-color:darkslateblue!important;}*{background-color: rgba(0, 0, 0, 0.5)!important;}button,.btn,.btnImportant,.btnDisabled,.btnCancel{background-color:rgba(239, 247, 251, .4)!important;border:2px rgba(239, 247, 251, .6)!important;}</style>

 

Regards,
Harpreet Dhillon