Negative toolbar margin: pulls the toolbar closer to the top of the window.ĭepending on your OS theme this might truncate the menu items so do not choose a value that is too high.Borders - style for border colors, width and roundness of corners.Leave this string empty for setting a transparent background. For transparency, use the rgba() function. background: enter a valid css background or backgrund color.This is only applied to the top level menu items. Note that some themes may ignore the Hover and Active background colors. Colors - various choices for the menu background + font colors.Only change color scheme Use this to change colors without affecting any other style settings, such as menu height.flavor dropdown: supports the most important Thunderbird themes.Search box to a reasonable size if you add it to the menu toolbar: Therefore I added the Drag area at the right. The menu "up there" - in Thunderbird you can only drag the window at the top where there is no menu, Paint menu in titlebar - this is a space saver and paints.Option once you are happy with the way it looks and only want to try different colors. In the dialog - all changes are visible immediately. To get started, select a Theme from the dropdown. The addon is restartless and has a quite a few options either click the toolbar / status bar iconĬlick on Tools ► Addons ► Extensions and click the Options button of Menu on Top: Of course to enjoy the "Old school" menus on top, you might have to make the menu toolbar visible if the menu isn't there at all, simply select from the menu button: To the top which adds some more usability. You can move buttons that you need all the time (e.g. Note that any toolbar buttons do not have backgrounds as it looks much nicer. It also means I had to add the possibility of making the menus more visible by styling the menu text background. This means you can use the addon with UI stylers such as Windowblinds - the screenshot shows the UIS2 theme 'Lantana'. The main reason is usability it is inspired by the excellentĪs you may notice on this screen shot, it uses the coloring of your Operating System's theme engine to display the caption + menu area.
This is a small extension which makes it possible for Windows users to move the Thunderbird menu above the tabs, like it used to be in Thunderbird 10.
Have a look at the quick tutorial here: How to install Menu On Top Supporting High Contrast Themes on Windows guidelines by Windows Dev Center.QuickFolders Home About Menu On Top Support MenuOnTop! MenuOnTop Change Log GDPR + Impressum Ensure that colors are translated properly, following the hierarchy defined for the default theme. Windows currently offers multiple high contrast modes.
Sim Daltonism color blindness simulator (iOS and macOS) by Michel Fortin. Use a color blindness analyzer to confirm your choices. Ensure that adjacent color shades are distinguishable for color blind people. Red-green color blindness affects up to 8% of males and 0.5% of females. The most common form is red-green color blindness, followed by blue-yellow color blindness and total color blindness. There are different types of color blindness. Color Contrast Valuesįail – Your text doesn’t have enough contrast with the background.ĪA Large – Acceptable contrast for type sizes >= 18px.ĪA – Acceptable contrast for text sizes below 18px.Ĭolour Contrast Analyser contrast and color blindness analyzer (Windows and macOS) by The Paciello Group.Ĭontrast Ratio contrast ratio calculator (Web) by Lea Verou. Dark Text on Light Backgroundįollow the WCAG 2.0 Level AA guidelines to ensure proper color contrast. Visit typography for more information on text color. We use white for the background of doorhangers or in-content menus. Thunderbird Grey is commonly used for interfaces (e.g., Thunderbird light theme).
Thunderbird Ink is commonly used for interfaces (e.g., Thunderbird tab strip on Windows 10 default theme). Thunderbird Orange is only used for branding.
Thunderbird Purple is commonly used to indicate privacy. Thunderbird Red is commonly used for errors. Thunderbird Yellow is commonly used for warnings. Thunderbird Green is commonly used to indicate success. We currently have no common usage for it. Thunderbird Magenta is one of our primary colors. Thunderbird Teal is one of our primary colors. We use blue as accent color for highlighting buttons, links, and active states like the active tab in Thunderbird default theme. Thunderbird Blue is one of our primary colors. The color palette includes primary and secondary colors that can be used for interfaces and illustrations.