Skip to main content
Submitted by Xenoveritas on

Like the default Firefox theme on your Windows XP machine, but dislike the way the menus look? Want them to look more like the Windows XP menus? You can fix them by applying some custom CSS via your userChrome.css file.

Simply add the following to your userChrome.css file:

/*
 * Make the menus look like Windows XP menus
 */

menubar > menu[_moz-menuactive="true"] {
  border: 1px solid Highlight !important;
  -moz-border-top-colors: Highlight !important;
  -moz-border-right-colors: Highlight !important;
  -moz-border-bottom-colors: Highlight !important;
  -moz-border-left-colors: Highlight !important;
  background-color: Highlight !important;
  color: HighlightText !important;
}

menubar > menu[_moz-menuactive="true"][open="true"] {
  background-color: Highlight !important;
  border: 1px solid Highlight !important;
  -moz-border-top-colors: Highlight !important;
  -moz-border-right-colors: Highlight !important;
  -moz-border-bottom-colors: Highlight !important;
  -moz-border-left-colors: Highlight !important;
  color: HighlightText !important;
}

menupopup,
popup {
  border: 1px solid ThreeDShadow !important;
  -moz-border-top-colors: ThreeDShadow !important;
  -moz-border-right-colors: ThreeDShadow !important;
  -moz-border-bottom-colors: ThreeDShadow !important;
  -moz-border-left-colors: ThreeDShadow !important;
  padding: 1px !important;
}

/*
 * Above rule also grabs menulists, which we don't want.
 * Reset them.
 */

menulist > menupopup {
  border: 1px solid -moz-use-text-color !important;
  -moz-border-top-colors: -moz-use-text-color !important;
  -moz-border-right-colors: -moz-use-text-color !important;
  -moz-border-bottom-colors: -moz-use-text-color !important;
  -moz-border-left-colors: -moz-use-text-color !important;
  padding: 0px !important;
}

/*
 * Fix captions having the wrong background color
 * in tabs
 */

tabpanel caption {
  background-color: ThreeDHighlight !important;
}

This will make the Firefox menus appear like the Windows XP menus.