Skip to main content
100%

surfingkeys_settings

✓ Published0🌍 Public
Aandreas-groos
Last edited Jun 12, 2022
Created on Jun 12, 2022

This example shows a configuration file for the Surfingkeys browser extension, which customizes keyboard shortcuts and the visual theme of its omnibar interface. The code uses the `api.map` and `api.unmap` functions to remap the `T` key to `gt` and remove the `<ctrl-i>` shortcut. It also defines a custom CSS theme through the `settings.theme` property, styling elements like the omnibar search results, URL colors, and focused row highlights using selectors such as `.sk_theme` and `#sk_omnibar`. The theme applies a dark background with specific accent colors for different UI states.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 4e2713779a93371b2ba61c7cf3c0841b

This example shows a custom stylesheet for the note-taking and knowledge-management app Roam Research, which uses the app’s CSS variables and element selectors to alter the interface’s typography, spacing, and visual hierarchy. It sets the main font to Roboto, then applies the monospaced Fira Code font to headings and page titles, adjusts the weight and letter-spacing of different heading levels, and reduces spacing below the page title. The code also lightens bullets, vertical guides, and sidebar backgrounds, hides the “SHORTCUTS” heading, and truncates breadcrumb text with ellipses, using selectors like `.roam-block-container h1` and `.rm-reference-main button` to target specific components. The styles rely on standard CSS, including pseudo-elements and attribute selectors, and do not use any JavaScript libraries or data APIs.

HHerbCaudill
55% match
Loading thumbnail…

browsing tools dotjs snippets

This example shows a collection of JavaScript snippets that add keyboard and mouse shortcuts to specific websites, such as Forrst and Dribbble. It demonstrates how jQuery is used to bind click handlers to page elements, triggering navigation to the next paginated page, and how a custom keydown handler detects the Control key to open a Dribbble shot in a new window. The code relies on jQuery selectors and CSS properties to identify active elements, and it uses `document.location` for redirection. The snippets are designed for the dotjs browser extension, which injects user scripts into matching sites.

TTBD
53% match
Loading thumbnail…

tmux notes

This example visualizes tmux configuration and usage through two code files: a `.tmux.conf` file and a Markdown cheatsheet. The configuration file demonstrates custom key bindings that remap the prefix key, pane splitting, and status bar styling. The cheatsheet organizes tmux commands into a Markdown table comparing default and custom bindings. The visualization pairs raw configuration syntax with structured documentation, showing how terminal multiplexer settings and shortcuts are documented and customized.

Aaakansh9
50% match
Loading thumbnail…

Slate config file

This example shows a configuration file for Slate, a macOS window manager, that defines keyboard shortcuts to position and resize windows across the screen. It uses aliases with arithmetic expressions (e.g., `screenSizeX/2`) and named bindings to apply abstract positions like halves, quarters, and centered regions. The file also binds specific commands to focus applications, such as Google Chrome, and uses key combinations with modifiers like `cmd`, `alt`, `ctrl`, and `shift` to trigger window actions and monitor switching. The code is plain text with a simple syntax of aliases and bindings, not a visual library or data API.

MMattieTK
50% match
Loading thumbnail…

Sample tmux config file

This sample tmux configuration file demonstrates a customized terminal multiplexer setup, rebinding the default prefix key to Ctrl+A and remapping common commands for vi-style navigation. The config uses tmux’s built-in `bind-key`, `set-option`, and `setw` commands to adjust pane splitting, window management, and copy-paste behavior, such as `bind-key | split-window -h` and `bind -t vi-copy`. It also shows commented-out lines for optional features like system clipboard integration via `xclip` and focus events, with settings for pane border colors and history limits visible in the source.

CChristosT
49% match
Loading thumbnail…

Gist 53ed6317be002b4e1f4aa1a90e307670

This visualization shows a plain-text cheat sheet of keyboard shortcuts for general computing, terminals, browsers, touchpads, Slack, and VS Code. It displays the raw text data without parsing or transforming it. The example uses a simple HTML document with no external JavaScript libraries, relying on standard browser rendering to present the static content directly from the gist file. The code contains no interactive or data-driven elements.

SSeralto
48% match
Loading thumbnail…

sketch

This example presents a step-by-step navigation interface where clicking a link updates the active step label. The page uses jQuery to handle the click events and a custom router function with `setInterval` to detect hash changes and synchronize the highlighted list item. The rendering approach is a simple HTML ordered list with CSS styling for the active state, and the code relies on Google's AJAX API loader to load jQuery. No data visualization or animation is shown beyond the step highlighting.

DDylanFM
48% match
Loading thumbnail…

The best and greatest tmux.conf ever

This example visualizes a configuration file for tmux, the terminal multiplexer, as a demonstration of practical customization. The code shows a text-based interface configuration using tmux’s built-in command syntax, including key bindings, pane and window navigation, and status bar theming. It employs tmux’s `bind-key`, `set-option`, and `set-window-option` commands to define behavior, such as Vim-style pane selection and automatic window titles. The status bar uses tmux’s formatting syntax with color attributes and system commands, like `whoami` and `cut` on `/proc/loadavg`, to display session information. The rendering is purely textual, reflecting a terminal environment rather than graphical output.

FFrozenfire92
48% match