@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* Change active tab color */
.tabbrowser-tab[selected="true"] > hbox,
.tabbrowser-tab[selected="true"] > .tab-close-button {
  background-color: #7FE817!important;
  color: #fff !important;
}

/* Change active tab color on hover */
.tabbrowser-tab[selected="true"]:hover > hbox,
.tabbrowser-tab[selected="true"]:hover > .tab-close-button {
  background-color: #ccff66 !important;
  color: #fff !important;
}

/* Change inactive opacity */
.tabbrowser-tab:not([selected="true"]) > hbox,
.tabbrowser-tab:not([selected="true"]) > .tab-close-button {
  -moz-opacity: .5 !important;
  color: #000000 !important;
}

/* Change inactive opacity and color on hover */
.tabbrowser-tab:not([selected="true"]):hover > hbox,
.tabbrowser-tab:not([selected="true"]):hover > .tab-close-button {
  background-color: #ccff66 !important;
  -moz-opacity: 1 !important;
  color: #000000 !important;
}

/* the rules below are optional, you can remove them */

/* Change color of spacer below tabs */
.tabs-bottom {
  background-color: #7FE817!important;
  height: 6px !important;
}

/* Change height of spacer below tabs */
.tabs-bottom-spacer {
  height: 2px !important;
}