This skill should be used when the user asks about "hyper opacity", "hyper blur", "hyper colors", "hyper theme", "hyper background", "hyper cursor", "hyper font", "hyper padding", or mentions visual customization of Hyper terminal.
From hyper-devnpx claudepluginhub nthplusio/functional-claude --plugin hyper-devThis skill uses the workspace's default tool permissions.
Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.
Searches prompts.chat for AI prompt templates by keyword or category, retrieves by ID with variable handling, and improves prompts via AI. Use for discovering or enhancing prompts.
Executes pre-written implementation plans: critically reviews, follows bite-sized steps exactly, runs verifications, tracks progress with checkpoints, uses git worktrees, stops on blockers.
Configure visual appearance: colors, opacity, cursor, and fonts.
Use rgba for transparent background:
config: {
backgroundColor: 'rgba(0, 0, 0, 0.85)', // 85% opacity
}
Values: 0.0 (transparent) to 1.0 (opaque)
config: {
cursorColor: 'rgba(248,28,229,0.8)',
cursorShape: 'BLOCK', // BLOCK, BEAM, UNDERLINE
cursorBlink: true,
}
config: {
selectionColor: 'rgba(248,28,229,0.3)',
}
config: {
foregroundColor: '#fff',
backgroundColor: '#000',
borderColor: '#333',
colors: {
black: '#000000',
red: '#C51E14',
green: '#1DC121',
yellow: '#C7C329',
blue: '#0A2FC4',
magenta: '#C839C5',
cyan: '#20C5C6',
white: '#C7C7C7',
lightBlack: '#686868',
lightRed: '#FD6F6B',
lightGreen: '#67F86F',
lightYellow: '#FFFA72',
lightBlue: '#6A76FB',
lightMagenta: '#FD7CFC',
lightCyan: '#68FDFE',
lightWhite: '#FFFFFF',
},
}
config: {
fontSize: 12,
fontFamily: '"Fira Code", Menlo, monospace',
fontWeight: 'normal',
fontWeightBold: 'bold',
lineHeight: 1.2,
letterSpacing: 0,
}
Note: Wrap font names with spaces in quotes.
config: {
padding: '12px 14px', // top/bottom, left/right
}
Or use CSS-style values:
padding: '10px 15px 10px 15px', // top, right, bottom, left
Add custom CSS via the css property:
config: {
css: `
.hyper_main {
border: none;
}
.tabs_nav {
background-color: #1a1a1a;
}
.tab_tab {
border: none;
}
`,
}
Target terminal content specifically:
config: {
termCSS: `
.terminal {
background-color: rgba(0, 0, 0, 0.9) !important;
}
.terminal-cursor {
background-color: #ff0000 !important;
}
`,
}
foregroundColor: '#f8f8f2',
backgroundColor: '#282a36',
colors: {
black: '#21222c',
red: '#ff5555',
green: '#50fa7b',
yellow: '#f1fa8c',
blue: '#bd93f9',
magenta: '#ff79c6',
cyan: '#8be9fd',
white: '#f8f8f2',
}
foregroundColor: '#abb2bf',
backgroundColor: '#282c34',
colors: {
black: '#282c34',
red: '#e06c75',
green: '#98c379',
yellow: '#e5c07b',
blue: '#61afef',
magenta: '#c678dd',
cyan: '#56b6c2',
white: '#abb2bf',
}
After modifying visual settings:
Cmd+Shift+RCtrl+Shift+R