edusanver - Blog de Eduardo Sanchez Vera

FlagTab (Matt Powell)

Castellano:
Es una extensión muy sencilla pero es útil, consiste en poner un determinado color a un tab/pestaña en el firefox, si le das doble click a la pestaña puedes ir cambiando de color: rojo, azul, amarillo y verde; personalmente la utilizo para diferenciar rapidamente las páginas de diferentes entornos: desarrollo y producción (real), si bien es cierto con mirar la URL ya las puedes diferenciar pero los recursos visuales nunca estan demás. Al momento de utilizarla no me gusto que al abrir una nueva pestaña me la ponga de color rojo, luego el color de la fuente lo deja siempre en negro y cuando el color de la pestaña es rojo, azul y verde no destaca el titulo de la pestaña. He modificado el codigo para mi uso personal:

1.- Las nuevas pestañas aparecen sin color por defecto
2.- El color de la fuente es blanco para las pestañas con color rojo, azul y verde

He modificado el codigo de “flagtab.js”

function dees (clr, tab){
    var sFontColor = "black";

    if (clr.length==0){
        //get tab color
        var clr = document.getAnonymousNodes(tab)[0].style.backgroundColor;

        //rotate color
        if (clr == "-moz-dialog"){
            clr = "red";
        }
        else if (clr=="red"){
            clr = "blue";
        }
        else if (clr=="blue"){
            clr = "green";
        }
        else if (clr=="green"){
            clr = "yellow";
        }
        else if (clr=="yellow"){
            clr = "-moz-dialog";
        }
        else{
            clr = "-moz-dialog";
        }
    }

    if (clr == "-moz-dialog"){
        sFontColor = "black";
    }
    else if (clr=="red"){
        sFontColor = "white";
    }
    else if (clr=="blue"){
        sFontColor = "white";
    }
    else if (clr=="green"){
        sFontColor = "white";
    }
    else if (clr=="yellow"){
        sFontColor = "black";
    }
    else{
        sFontColor = "black";
    }

    //apply color to tab
    for (var i=0; i<document.getAnonymousNodes(tab).length; i++){
        document.getAnonymousNodes(tab)[i].style.setProperty("background-color", clr, "");
        document.getAnonymousNodes(tab)[i].style.setProperty("color", sFontColor, "");
    }
}

Este archivo lo puedes encontrar en la carpeta

C:\Documents and Settings\
(nombre-de-usuario)\
Datos de programa\
Mozilla\
Firefox\
Profiles\
(aleatorio).default\
extensions\
{11615921-d8e7-3e9a-827d-2b41d3e5e22d}\
chrome\
content

English:
Excellent, but i modified the code for personal purposes

1.- The new tabs whitout colour for default
2.- The font colour is white for red, blue and green tabs.

I modified the code of “flagtab.js”

function dees (clr, tab){
    var sFontColor = "black";

    if (clr.length==0){
        //get tab color
        var clr = document.getAnonymousNodes(tab)[0].style.backgroundColor;

        //rotate color
        if (clr == "-moz-dialog"){
            clr = "red";
        }
        else if (clr=="red"){
            clr = "blue";
        }
        else if (clr=="blue"){
            clr = "green";
        }
        else if (clr=="green"){
            clr = "yellow";
        }
        else if (clr=="yellow"){
            clr = "-moz-dialog";
        }
        else{
            clr = "-moz-dialog";
        }
    }

    if (clr == "-moz-dialog"){
        sFontColor = "black";
    }
    else if (clr=="red"){
        sFontColor = "white";
    }
    else if (clr=="blue"){
        sFontColor = "white";
    }
    else if (clr=="green"){
        sFontColor = "white";
    }
    else if (clr=="yellow"){
        sFontColor = "black";
    }
    else{
        sFontColor = "black";
    }

    //apply color to tab
    for (var i=0; i<document.getAnonymousNodes(tab).length; i++){
        document.getAnonymousNodes(tab)[i].style.setProperty("background-color", clr, "");
        document.getAnonymousNodes(tab)[i].style.setProperty("color", sFontColor, "");
    }
}

C:\Documents and Settings\
(user-name)
Application Data\
Mozilla\
Firefox\
Profiles\
(random).default\
extensions\
{11615921-d8e7-3e9a-827d-2b41d3e5e22d}\
chrome\
content

Sitio oficial:
https://addons.mozilla.org/es-ES/firefox/addon/6872

Via:
http://www.firefoxfacts.com/2008/05/06/add-flags-to-firefox-tabs/

Actualizacion:

Matt Powell me ha escrito un e-mail avisando que esta terminando la nueva versión (1.0.6) en la que podremos personalizar los colores de las pestañas asi como el color de la fuente:

Thanks Matt