Skip to content
Rob Garrison edited this page Aug 24, 2018 · 27 revisions

Contents

Opening the popup

Chrome & Opera

  • Click on the Stylus extension icon to open the popup on the current page.
  • Use your defined keyboard shortcut. To add a shortcut:
    1. Open the "Keyboard Shortcuts"
      • Chrome: Open the chrome://extensions/shortcuts page; accessed from the extensions page side bar.
      • Opera: The "Extension keyboard shortcuts" button is at the top of the extensions page.
      • Click on the "Shortcuts" button in the Stylus options panel.
    2. Modify the "Activate the extension shortcut" entry.

Firefox

  • Click on the Stylus addon icon to open the popup on the current page.
  • Use your defined keyboard shortcut. You can define them in the options.

Closing the popup

  • Press Esc.
  • Click anywhere inside the current browser window.
  • Change browser tabs.

Options

This section was moved to the options page.

Interface

Element Function
1. Stylus Toolbar button Opens popup and shows number of active styles on the current page
2. Activate style Click to toggle the style on or off.
3. Style title Click to toggle the style on or off.
Right-click or Wheel-click to open in editor.
4. Config from homepage Links to homepage where the style can be configured.
5. Config Usercss Opens a usercss configuration modal within the popup.
6. Edit style Opens the style editor.
7. Delete style A confirmation will open before deletion.
8. Toggle style hotkey Press the number of the style on the keyboard to toggle the style on or off. Click to reveal more details. See keyboard shortcuts section below.
9. Toggle all styles Click to toggle all styles on or off.
10. Find styles If "inline" is checked, popular themes from userstyles.org external link will appear below the command block. If "inline" is not checked, the link will open a page on userstyles.org to show styles for the current page.
11. Write a style Click sections of the link to create a new style or the specific domain, folder or page.
12. Manage Open Stylus' manage styles page.
13. Options Open the browser's built-in extension options page.
14. Wiki Open the Stylus wiki for help.

Keyboard Shortcuts

There are some handy shortcuts specifically for the opened popup. Press the following keys on your physical keyboard to perform an action:

  • 0 - 9 (including numpad) - Toggle the n-th style (0 is 10).
  • A - Z - Toggle the first style with a name beginning with the pressed letter.
  • Shift + Number or Letter - Opens the editor, instead of toggling, for the targeted style.
  • Numpad + (plus) - Enables all listed styles.
  • Numpad - (minus) - Disables all listed styles.
  • Numpad * (times) or ` (backtick) - Toggles initially enabled styles.
    • The toggling doesn't apply to subsequently enabled styles while the popup is open.
    • This allows you to restore the initial selection of enabled and disabled styles after testing a style.
    • For example, if you disable all styles using Numpad -, the initial settings of enabled and disabled styles can be restored by pressing Numpad *
Clone this wiki locally