Does this skill support custom fonts?

Yes, you can configure fontSize, fontFamily, fontWeight, and letterSpacing. Remember to wrap font names that contain spaces in double quotes.

How do I change the terminal background transparency?

You can use the backgroundColor property with an RGBA value (e.g., 'rgba(0, 0, 0, 0.85)') where the final number represents the opacity level from 0.0 to 1.0.

What is the difference between CSS and termCSS?

The 'css' property applies styles to the main Hyper window and UI elements, while 'termCSS' is used specifically to target and style the terminal content itself.

How do I refresh the terminal after making visual changes?

Use the shortcut Cmd+Shift+R on macOS or Ctrl+Shift+R on Windows and Linux to reload Hyper and apply your new visual settings.

Can I apply specific color themes like Dracula?

Absolutely. The skill includes specific color palette configurations for popular themes like Dracula and One Dark that can be applied to your config.

Hyper Terminal Visual Customizer

Name: Hyper Terminal Visual Customizer
Author: nthplusio

bynthplusio

0•

Design Tools

Configures and personalizes the visual appearance of the Hyper terminal through automated styling and theme application.

The hyper-visual skill provides specialized guidance for customizing every visual aspect of the Hyper terminal, including background transparency, font configurations, cursor styling, and custom CSS injection. It allows users to quickly apply popular color schemes like Dracula or One Dark and fine-tune specific UI details such as window padding and terminal-specific CSS, enabling a highly personalized and readable command-line environment.

Key Features

01Advanced CSS and termCSS injection for deep UI modification

020 GitHub stars

03Comprehensive font configuration for size, family, and line height

04Customizable cursor shapes, colors, and blinking behaviors

05Built-in color palette presets for popular themes like Dracula and One Dark

06Dynamic background opacity and transparency control using RGBA

Use Cases

01Standardizing terminal themes across development environments

02Creating a distraction-free terminal with custom transparency and padding

03Fine-tuning terminal typography for improved accessibility and readability

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nthplusio/functional-claude hyper-visual

For use in Claude.ai and ChatGPT

Download Skill