[Userscript] Custom Shortcuts

Marker
My Little Pony - 1992 Edition
Wallet After Summer Sale -
Magnificent Metadata Maniac - #1 Assistant
Not a Llama - Happy April Fools Day!

Misanthrope
Do you sometimes wish Derpibooru’s keyboard shortcuts can be customized? Do you sometimes wish for even more shortcut options? Or do you simply wish for a way to disable some of the site’s shortcuts?
 
If your answer is yes, then this is the script for you!
 
Derpibooru Custom Shortcuts - Github page
 
Custom Shortcuts is an userscript that enables the customization of the site’s original keyboard shortcuts plus many additional functions, including a keyboard navigation mode.
 
Installation  
An userscript manager such as Violentmonkey is required.
 
  • Install from OpenUserJS  
  • Install from Github
     
    User guide  
    Upon installation, the script makes no changes or additions to Derpibooru’s default shortcuts. Instead users should open up settings panel with ctrl + shift + / to begin customization.
     
    The script have 3 fully configurable preset slots, and the ability to switch between them with the keybinds alt + [1-3] by default.
     
    By default preset 1 is preconfigured with the recommended keybinds, optimized for left hand operation, as a starting point for customizations.
     
    Keyboard navigation mode  
    Toggle on and off with the Q key by default. When enabled, the scroll up/down/left/right keys can be used to highlight thumbnails on the image results page. Images can be navigated to with the E key, and the favorite/upvote/mute shortcuts will be applied to the selected image.
     
    Special keybinds  
    ctrl + shift + /: Toggles the settings panel.
     
    Esc: Deselects any input fields or text areas.
     
     
    List of all configurable shortcuts  
  • Scroll up/down/left/right
     
  • Enable keyboard navigation of gallery
     
  • Open selected image when keyboard navigation is enabled
     
  • Open selected image in new tab
     
  • Open selected image in background tab
     
  • Previous/next page
     
  • Open source URL
     
  • Random image
     
  • Upvote image
     
  • Favourite image
     
  • Go to index page containing the image being displayed
     
  • Open tags for editing
     
  • Save tags:  
    If you want to submit the tags while the caret is still in the fancy tag editor, the keybind must include the ctrl or alt modifier. Otherwise press Esc to deselect it first.
     
  • Cycle through image scaling
     
  • Play/pause webms
     
  • Mute/unmute webms
     
  • Focus on search field
     
  • Focus on comment form
     
  • Refresh comment list
     
  • Go back/forward in browser history
     
    Screenshot
     
    full
     
Background Pony #ABDB
I do not seem to be able to access the settings panel. I’m on Chrome, my console complains about not being allowed to execute inline styles (line 956 is line 954 in the source code):  
userscript.html?name…8b-ec31c6df04a4:956 Refused to apply inline style because it violates the following Content Security Policy directive: “style-src ‘self’ https://derpicdn.net”. Either the ‘unsafe-inline’ keyword, a hash (‘sha256-TuGnAiX56SCssL7X7BcirR5C7dfNPFRLQ5YAK882ri8=’), or a nonce (‘nonce-…’) is required to enable inline execution.
Background Pony #ABDB
This also breaks other styling, ie. the outlines for tag and image selection. Although from the message I’m not sure this is something you can do something about since it’s Derpibooru’s CSP?
Background Pony #BCC5
@Marker  
But I’m already using Tampermonkey and don’t want to use two extensions for the same thing reeee  
It works, thanks.
Interested in advertising on Derpibooru? Click here for information!
Sky Railroad Merch Shop!

Help fund the $15 daily operational cost of Derpibooru - support us financially!

Syntax quick reference: **bold** *italic* ||hide text|| `code` __underline__ ~~strike~~ ^sup^ %sub%

Detailed syntax guide