Change the login page and master page of Splunk

[sieutruc]

Hello,

I would like to change the Splunk 's ui such as login page by changing to my own logo instead of SPlunk's. And another thing when logged in is that we always see in the top: the logo
Splunk -> Home or Splunk -> Manage, i also want to change that words into my desired.

For the login page, i read that one can use ui element inside web.conf, but i don't know exactly how to do ? is it possible to change logo ?

Thanks

[MuS · Accepted solution]

Hi sieutruc

there are two ways to change the logo. first one is quick and dirty, because each Splunk update will replace it:
simply copy your logo as

$SPLUNK_HOME/share/splunk/search_mrsparkle/exposed/img/skins/default/logo-mrsparkle.png

and restart splunk after this.

the better way without restart and make it persistent over updates, is to place your logo into

$SPLUNK_HOME/share/splunk/search_mrsparkle/exposed/img/skins/default

open $SPLUNK_HOME/share/splunk/search_mrsparkle/exposed/css/login.css in any preferred editor and change it to grab your newly copied logo

#splunkLogo {
    width:368px;
    height:200px;
    padding: 0;
    float:left;
    background: #fff url(/static/img/skins/default/mycompanylogo.png) no-repeat 65px 60px; 
}

after that go to your Splunk login page, reload it and you will see your own logo.

for the text which you want to change, you can check the docs about AccountBar http://docs.splunk.com/Documentation/Splunk/4.3.4/Developer/ModuleReference#AccountBar and how it could be changed.

cheers,

MuS

update:

the text label can be set in yourApp/default/app.conf:

[ui]
label = what ever text you want

the icon inside your app, can be either change by overwriting the original logo in yourApp/appserver/static/ (not recommended) or by creating your own css in your app. read more here http://docs.splunk.com/Documentation/Splunk/4.3.4/Developer/UseCSS#Configure_CSS_for_an_app

[MuS]

see update 😉

[sieutruc]

Yes, that's right what i want. I would like to change spluck logo and its words beside, how can i do such things ?

[MuS]

okay, now what? do you want to change the logo in the app bar or just the words beside it? check this -> http://i.tinyuploads.com/UgJ5eq.png here I changed the words beside the logo.

[sieutruc]

Yeah, it works well, but i don't see where it mentions about changces of splunk logo in account bar, or change how it looks like ? Can you show me where is account bar logo ?