Change selected tab color theme

I'm trying to make a small adjustment to my color theme. If you have used X-Chat Aqua, you'll notice that in the Blue OS X color theme, highlighted tabs are in blue, and easily identified. However, when the color scheme is grey, highlighted tabs are in a slightly darker grey, so I have to tilt my display back and forth to tell which tab is the active one. I prefer the grey theme, but want to change the highlighting color of the active tab. This does not have anything to do with the highlighting color in the OS X settings as I already have that set to turquoise. Does anyone know how to change this? Someone suggested Magnifique, but that seems like it will only install a whole new color theme, not let me change individual settings as I desire. It seems as though I can create my own color scheme, but that I would have to start from scratch, when really I'd want to start with the OS X graphite theme, because that one works just fine for me, with the exception of the active tab color for certain applications. Anyone know how to solve this one?
Thanks for the help.

Similar Messages

Change the tab color

Hi,
i'm unable to change the tab color of panelTabbed item, i've tried the following in a css sheet:
af|panelTabbed::tab:selected {
font-style:italic;
background-image: url("../Images/section_label_body.jpg");
border-bottom-color: red;
border-color: Fuchsia ;
border-top-color: Green;
outline-color: Yellow;
color: Aqua;
font style and background image seems to work (which tells me that i have the right skin selector) but non of the rest is changing the color of the tab.
does anyone knows how to do that???????
Note that when i say tab i mean the tabs header, where you click on it and it opens the tab body.
Thanks,
Alain.

Hi,
best tip I can give is:
Disable content compression for the generated HTML output of the ADF Faces page. This will change the style class names from being obfuscated, which we use to reduce the download size of pages. Astyle class that shows as .x3s at runtime might show as af_inputText_content after this. The af_inputText_content then is waht you need to discover and translate into a valid skin selector.
<context-param>
<param-name>org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION</param-name>
<param-value>true</param-value>
</context-param>
Run the ADF Faces application you want to discover the skin selector for in FF with Firebug and the WebDeveloper plugin installed.
Select the tab and look at the skin selectors displayed as the style class properties. If you find someting like af_panelTabbed_tab then this translates to af|panelTabbed::tab. If you see something like .p_selected then this means its a pseudo class that needs to be appended to the selector like af|panelTabbed::tab:selected.
Use Firebug in inspect mode and select the tab. This shows you all the selectors as style classes in the generated HTML output. Open the Web Developer plugin to edit CSS on the page. Then add the style class selector you found, e.g. .af_panelTabbed_tab (note the leading dot ".") or with a curly brace
.af_panelTabbed_tab{ ... }
Within the cury braces, type the CSS you want to set and see how it behaves. You may have to play a bit to exactly find the style class and css you want, but assuming that the follwing works
.af_panelTabbed_tab .p_selected{background-color:red}
then this translates to teh following skin selection to be copied to the CSS skin file
af|panelTabbed::tab:selected{background-color:red}
Note that this backward translation from style class to skin selector needs some patience. However, experience proves to be the best when cooking and so it does for skinning.
Hope this helps
Frank

Updating a JTabbedPane's selected tab color dynamically

Hi
I have set the selected tab color for my JTabbedPane
using:
UIManager.put("TabbedPane.selected", Color.RED);Now I would like to change the color dynamically to green.
However, just calling:
UIManager.put("TabbedPane.selected", Color.GREEN);doesn't work.
It seems that if the JTabbedPane is visible while I change the color through the UIManager, it has no effect.
On the other hand, all the other JTabbedPanes in my application (which are not visible - in hidden dialogs), are effected.
How can I effect ALL the JTabbedPanes in my application at the same time?

Try to call
SwingUtilities.updateComponentTreeUI(selectedPane);
best regards
Stas

Change ADF tab color when selected (af:menutabs and af:gomenuitem)

I have the following code in my jsf page:
<af:menuTabs>
<af:goMenuItem text="tab1" destination="tab1.jsp"/>
<af:goMenuItem text="tab2" destination="tab2.jsp"/>
<af:goMenuItem text="tab3" destination="tab3.jsp"/>
<af:goMenuItem text="tab4" destination="tab4.jsp"/>
</af:menuTabs>
When I click on tab2 the color does not change, thus it is confusing to know which tab the user is currently on. There is a selected attribute that you can set to true (e.g. <af:goMenuItem text="tab1" destination="tab1.jsp" selected=true/>), but that always leaves tab1 as the selected tab. I tried using a backing bean but there is no attribute to fire off when the user actually clicks one of the tabs. I even saw some examples of using af:commandmenuitem instead of af:gomenuitem, but there is no selected attribute to set to true. Any help? I have seen this done in many ADF applications. TIA.

unfortunatelly you must control them in a javaBean
if you put selected=true always be selected, you must make a bean that return true o false to this selected parameter on all the items,
i makeo one bean to control the selected property in a commandmenuitems but it can be the same.
public class CapBean{
private boolean foro = false;
private boolean material = false;
private boolean evaluacio = false;
private boolean pec = false;
private boolean macros = false;
private boolean calendari = false;
private boolean normes = false;
private boolean mail = false;
public CapBean() {
public void controlCap(String actiu){
if (actiu=="foro"){
this.setForo(true);
this.setMaterial(false);
this.setEvaluacio(false);
this.setPec(false);
this.setMacros(false);
this.setCalendari(false);
this.setNormes(false);
this.setMail(false);
} else if (actiu=="material"){
this.setForo(false);
this.setMaterial(true);
this.setEvaluacio(false);
this.setPec(false);
this.setMacros(false);
this.setCalendari(false);
this.setNormes(false);
this.setMail(false);
} else if (actiu=="evaluacio"){
this.setForo(false);
this.setMaterial(false);
this.setEvaluacio(true);
this.setPec(false);
this.setMacros(false);
this.setCalendari(false);
this.setNormes(false);
this.setMail(false);
} else if (actiu=="pec"){
this.setForo(false);
this.setMaterial(false);
this.setEvaluacio(false);
this.setPec(true);
this.setMacros(false);
this.setCalendari(false);
this.setNormes(false);
this.setMail(false);
} else if (actiu=="macros"){
this.setForo(false);
this.setMaterial(false);
this.setEvaluacio(false);
this.setPec(false);
this.setMacros(true);
this.setCalendari(false);
this.setNormes(false);
this.setMail(false);
} else if (actiu=="calendari"){
this.setForo(false);
this.setMaterial(false);
this.setEvaluacio(false);
this.setPec(false);
this.setMacros(false);
this.setCalendari(true);
this.setNormes(false);
this.setMail(false);
} else if (actiu=="normes"){
this.setForo(false);
this.setMaterial(false);
this.setEvaluacio(false);
this.setPec(false);
this.setMacros(false);
this.setCalendari(false);
this.setNormes(true);
this.setMail(false);
} else if (actiu=="mail"){
this.setForo(false);
this.setMaterial(false);
this.setEvaluacio(false);
this.setPec(false);
this.setMacros(false);
this.setCalendari(false);
this.setNormes(false);
this.setMail(true);
//JSFUtils.storeOnSession("capMenu", this);
public void setForo(boolean foro) {
this.foro = foro;
public boolean isForo() {
return foro;
public void setMaterial(boolean material) {
this.material = material;
public boolean isMaterial() {
return material;
public void setEvaluacio(boolean evaluacio) {
this.evaluacio = evaluacio;
public boolean isEvaluacio() {
return evaluacio;
public void setPec(boolean pec) {
this.pec = pec;
public boolean isPec() {
return pec;
public void setMacros(boolean macros) {
this.macros = macros;
public boolean isMacros() {
return macros;
public void setCalendari(boolean calendari) {
this.calendari = calendari;
public boolean isCalendari() {
return calendari;
public void setNormes(boolean normes) {
this.normes = normes;
public boolean isNormes() {
return normes;
public void setMail(boolean mail) {
this.mail = mail;
public boolean isMail() {
return mail;
in the selected property i put
<af:commandMenuItem text="#{res[\'benvingut.menu.foro\']}"
action="#{capBean.toForo}"
selected="#{capBean.foro}"
onclick="parent.topFrame.location.reload()"/>
i need to reload the page to see the item selected, it's not so pretty but funtional
i hope me help service you
abel

Change selected tab when move from one view to another

Hi all,
I have a tabbedviewnavigator application where I have 5 tabs in it. So, the first tab contains the first view of the application, e.g. HomeView. Inside this view, I have a button where upon clicking it, it will push to the second view which is sitting in the second tab.
How do I change the selected tab index upon clicking the button? Because right now the selected tab is till on the first tab. Please help.
Best regard,
Victor

When you set selected index of 2nd tab, try to set focus on of any control in 2nd tab. It might happen that if you don't set focus on of any control tab may not change.

No longer able to select customized color theme for a collection page?

Previously I have been able to select a custom colour theme for my collections in Public Site Manager by clicking on Collections > Configure Selected Collection > Theme
The ‘theme’ tab is no longer showing – see screenshot –
Does this mean we can longer apply a custom theme (custom colours etc.) to our collection pages?
It seems we can still create themes (see screenshot below) but we’re no longer able to apply them to collection pages. Is anyone else seeing this?

What I don't understand is - if Apple have got rid of themes on collection pages - then I would expect a generic theme to be applied retrospectively to all existing collection pages. What I see however is my custom theme on all my existing pages i.e. no change - but when I create a new collection obviously I now don't have the option to apply the custom theme - so I get a generic white on dark grey theme on new collection pages. In summay my existing pages have my custom theme applied and a few new pages have the generic theme and there's way for me to make them all look consistent.

How to change selected item color and the selected area size of listview

What i really need to do is change the following things in XMAL.
1. Changing the selection color
2. Size of selected area
Thanks in advance.
Dileepa S. Rajapaksa
Trainee Developer
Microsoft, Sri Lanka
Twitter : @dsrajapaksa
Blog : http://www.dileepatech.net

Hi Dileepa,
It is possible by customize the control by its template, see this for more information:
ListViewItem styles and templates.
By changing the selected visual state, you can change the color of the ListView item background, also the size of the selected item.
--James
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

How to change tab colors

I am trying to change my tab colors to match my pink window color. I '''do not''' want to have to download some entire whole new theme by going to addons.mozilla or whatever that site is! I can't believe I cannot just change my tabs color by going to tools. This is ridiculous. Also, i would like to change the picture for behind my tool bars and my search bar. I have it set to the ladybugs one but I have grown tired of it. i did not install the ladybugs background, I simply just clicked a few things in I think tools, but I can't seem to do it again. I will not install an entire new theme just to change the ladybugs behind my tool bars.

You can uninstall your current Persona and revert to the Default theme (Tools > Add-ons > Themes).
See [[Personas]] and [[Using themes with Firefox]]
There are extensions that can change the tab colors or you can do a search on the userstyles.org site for code that you can use in userChrome.css.
See also http://www.linnhe2.free-online.co.uk/firefox/chrome.html#Tab%20colours

How to Change tab colors individually for SuperTabNavigator

Hi All,
            I am using mccune SuperTabNavigator. if i change backgroundColor of the SuperTabNavigator
            it is changing the color of all tabs how many have in SuperTabNavigator .
            but i need to change color of each individual tab. then only i can set the different color to each tab.
           how can i do this.
Can any help me ?
thanks
Raghu

You can uninstall your current Persona and revert to the Default theme (Tools > Add-ons > Themes).
See [[Personas]] and [[Using themes with Firefox]]
There are extensions that can change the tab colors or you can do a search on the userstyles.org site for code that you can use in userChrome.css.
See also http://www.linnhe2.free-online.co.uk/firefox/chrome.html#Tab%20colours

Changing Tab Color

I have been struggling for a while with trying to change the color of a tab, after it's been displayed. Some background is that i have a multi tab window. If something happens in one of the windows, I want to bring attention to that tab and color the tab red.
I am dynamically adding the tabs to the tab navigator from database table. I read them in with their data and when I have them all I build up the tab navigator. My TabObject is really a Canvas that I have extended.
                private function AddTabsToTabNavigator():void
                    var lIsFirst:Boolean = true;
                    for each ( var lTab:TabHandler in mTabDictionary )
                        // Create our Frame Canvas that we are going to add to the Tab Navigator
                        var lTabItem:TabObject         = new TabObject();
                        lTabItem.name                  = lTab.GetTabName();
                        lTabItem.SetRefreshTime(lTab.GetTabRefreshInterval());
//lTabItem.setStyle( "tabStyleName", "tabStyleGreen" );
//lTabItem.styleName = Constants.TAB_STYLE_GREEN;
//TAB_NAVIGATOR.invalidateDisplayList();
lTabItem.setStyle( "backgroundColor", "green");
                        TAB_NAVIGATOR.addChild( lTabItem );
I've tried a number of things comented out here. I have a CSS and I can set the initial color of the tab no problem.
mx|TabNavigator
    tab-width: 110;
    horizontal-gap: 3;
    tabStyleName: tabStyleYellow;
    selectedTabTextStyleName: tabSelectedText;
.tabStyleYellow
    font-size: 10;
    corner-radius: 10;
    fill-colors: yellow, #FFFFFF; /* #9D9DA0, #FFFFFF */
    fill-alphas: 1.0, 1.0;
    background-color: #FFFFFF; /*6486AC*/
But I don't see how I can go back and change the tab color.   Am I missing something
Here is another way I've tried.
                public function ChangeTabStyle( aTabName:String, aStyleName:String ):void
                     var lActiveTab:TabObject = TAB_NAVIGATOR.getChildByName( aTabName ) as TabObject;
//                    var lTab:DisplayObject = TAB_NAVIGATOR.getChildAt( mCurrentTabSelected ) as Tab
                    if ( null != lActiveTab )
                        lActiveTab.setStyle( "tabStyleName", "tabStyleBlue" );
//                        lActiveTab.styleName = aStyleName;
//                        lActiveTab.setStyle("fillColors", ["red", "white"]);
//                        lActiveTab.setStyle("backgroundColor", "red");

I have been struggling for a while with trying to change the color of a tab, after it's been displayed. Some background is that i have a multi tab window. If something happens in one of the windows, I want to bring attention to that tab and color the tab red.
I am dynamically adding the tabs to the tab navigator from database table. I read them in with their data and when I have them all I build up the tab navigator. My TabObject is really a Canvas that I have extended.
                private function AddTabsToTabNavigator():void
                    var lIsFirst:Boolean = true;
                    for each ( var lTab:TabHandler in mTabDictionary )
                        // Create our Frame Canvas that we are going to add to the Tab Navigator
                        var lTabItem:TabObject         = new TabObject();
                        lTabItem.name                  = lTab.GetTabName();
                        lTabItem.SetRefreshTime(lTab.GetTabRefreshInterval());
//lTabItem.setStyle( "tabStyleName", "tabStyleGreen" );
//lTabItem.styleName = Constants.TAB_STYLE_GREEN;
//TAB_NAVIGATOR.invalidateDisplayList();
lTabItem.setStyle( "backgroundColor", "green");
                        TAB_NAVIGATOR.addChild( lTabItem );
I've tried a number of things comented out here. I have a CSS and I can set the initial color of the tab no problem.
mx|TabNavigator
    tab-width: 110;
    horizontal-gap: 3;
    tabStyleName: tabStyleYellow;
    selectedTabTextStyleName: tabSelectedText;
.tabStyleYellow
    font-size: 10;
    corner-radius: 10;
    fill-colors: yellow, #FFFFFF; /* #9D9DA0, #FFFFFF */
    fill-alphas: 1.0, 1.0;
    background-color: #FFFFFF; /*6486AC*/
But I don't see how I can go back and change the tab color.   Am I missing something
Here is another way I've tried.
                public function ChangeTabStyle( aTabName:String, aStyleName:String ):void
                     var lActiveTab:TabObject = TAB_NAVIGATOR.getChildByName( aTabName ) as TabObject;
//                    var lTab:DisplayObject = TAB_NAVIGATOR.getChildAt( mCurrentTabSelected ) as Tab
                    if ( null != lActiveTab )
                        lActiveTab.setStyle( "tabStyleName", "tabStyleBlue" );
//                        lActiveTab.styleName = aStyleName;
//                        lActiveTab.setStyle("fillColors", ["red", "white"]);
//                        lActiveTab.setStyle("backgroundColor", "red");

Changing Tab colors in a flash form

I am trying to change the tab color inside a form... I can
change the highlighted color but I can't change the ones that are
not selected...
I have tried using fillColors:##343434, ##FFFFFF and It works
for the selected tab, but the others tab have the default color on
it... how can I change that color?

Hi Ahsan-chohan,
Kindly post this query in Acrobat forums:Acrobat
Regards,
Florence

How to keep the eyedropper tool from spontaneously changing into color theme tool?

How can I keep the eyedropper tool from changing into the color theme tool? Is there a key command? Its very annoying when I am trying to copy format and it keep changing spontaneously into the color them tool. Using CC and OS 10.9.5 on a Mac Book Pro. Thanks!

You can't. Terminal brainfade by the engineers.

Tab color

I am trying to change the tab color of a user defined tab based off of the JSPTabContainer for Portal server 6.3.
I followed the instructions for Changing the Color to Tabs in the Desktop Customization Guide and changed the titeBarColor and tabColor property but the tab still remains purple. I have changed other attributes on this theme so I know it's the right theme.
Thanks
Shirley

The top level display profile has the definition of each themes. the tab color will be different for every theme. i changed the color of the tab by editing the attributed of the default theme . You do the same , i dont exactly remember the name of the attribute , but it works
HTH
kimi

Libreoffice 4 does not use KDE4 color theme

So, I use libreoffice 4 (since last upgrade) and kde4.
I also have libreoffice-kde4 installed. Up until now libreoffice was set to use my general color theme (a dark one).
Libreoffice 4 is not doing that, instead I get a white document background. I can change that through Tools> Options> Appearence of course, but then I get a limited selection of colors, and a fixed document background (does not follow any change of system color theme). All threads I saw while searching for a solution refer to older versions of libreoffice.
Any ideas? Thanks in advance.

I am running KDE + libreoffice-fresh and it is working fine. Changing the fonts with systemsettings -> application appearance -> fonts works for libreoffice-fresh. No need to use kde-gtk-config.
Here is an example of how libreoffice looks on my system:
PS: Icons are Sifr
Last edited by tumas (2014-10-10 13:13:17)

Want to change the Background Color of Selected Tab

Hi All,
I want to change the Background Color of Selected Tab of the tabstrip visible in Content Admin Role (Browse, Overview etc.).
I have changed the Background Color of Selected Tab - Tabstrips-Complex Elements through Theme Editor, but that did not take effect.
Only the other webdynpro components tabstrips took effect.
Regards,
Vishal

Hi Andre,
I don't know if you have already figured out how to change the background color of the tabstrip, but I will explain how we have done it.
You might have tried to change the background color in "Tabstrip" (under the menu "Complex Elements") in Theme Editor. When you change the property "Background color of selected/unselected tabs", this will not change the color of the images on the tabstrip (ex. the triangle on the side of the tab). These images are on the server. We copied these images and then made changes to them, before we uploaded them again through the Theme Editor.
The path to find the images is /usr/sap/~/JC01/j2ee/cluster/server0/apps/sap.com/irj/servlet_jsp/irj/root/portalapps/com.sap.design.urdesigndata/themes/portal/the name of your theme/common/tablist
If this didn't work for you, you might have to change the properties in "Pattern Containers" (under Complex Elements") in Theme Editor. The tablist properties are under the header "Tab Container".
I think it should work for you then. We also found that there was some problems when we tried to view the changes in Firefox, but haven't figured out how to solve this.
/Ellen

Change selected tab color theme

Similar Messages

Maybe you are looking for