Changing websphere admin console interface color

Question

Is there any way to differentiate the WebSphere admin console interface of production environment from other environments? Recently one of our team member recycled the production server accidentally through WebSphere admin console. We want to have a thick red bar on top of production admin console or change the interface color of production admin console.

score 3 · Answer 1 · answered Sep 29 '14 at 21:28

3

The two ways:

supported - you can 'name' the given console via System administration > Console identity - you can provide a name which will appear in the top banner just after Welcome adminUsername text.
unsupported - you can modify something (image, css) in the admin application, for example top banner image called banner-swoosh.png located in C:\IBM\WebSphere\AppServer85\systemApps\isclite.ear\isclite.war\images - remember to clear browser cache to see modifications, and that it will be replaced by any fixpack you will apply.

answered Sep 29 '14 at 21:28

Gas

17,601
4
46
93

Hi Gas, Thanks a lot for your answer. hope it will help me. – Kumar Sep 30 '14 at 14:39
1

@Kumar If it will help/solve your issue remember to upvote/accept :). As you didn't provide WebSphere version, I assumed v8.5 for older versions banner image might have different name. – Gas Sep 30 '14 at 16:33
1

It is now possible to configure the background colour of the navigation. Go to System administration -> Console identity. Documentation is here: https://www.ibm.com/support/knowledgecenter/SSEQTP_8.5.5/com.ibm.websphere.base.doc/ae/uisc_consoleid.html – Alasdair Jan 25 '21 at 20:17

score 1 · Answer 2 · edited Jun 20 '20 at 09:12

In addition to what Gas suggests, another option might be to use a browser plugin like Stylish for Firefox/Chrome to apply a custom style for each environment.

Here's a simple Stylish script that will make part of the banner use the specified background color:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document regexp("https://your-server:9043/ibm/console/.*") {
  #ibm-banner-main {
    background-color: green !important;
  }
}

Replace 'your-server' and potentially the 'https' and port, as appropriate.

You can list multiple @-moz-document sections too if you want a single script for different environments (Development, Test, Production, etc.)

Changing websphere admin console interface color

2 Answers2