Skip to content

aguiarsc/zenhanced

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

14 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

γ€Œ ✨ Zenhanced ✨ 」

A minimalist Zen Browser theme with CLI aesthetics for the ultimate Zen browsing experience


⚑️ Overview

Zenhanced transforms your Zen Browser browser into a sleek, distraction-free environment with CLI-inspired aesthetics. Built atop Zen Browser's minimal interface, it adds:

  • πŸ–₯️ Beautiful CLI-style borders with floating monospace labels
  • πŸŒ“ Clean, dark aesthetic with subtle transparency effects
  • πŸ”„ Smooth transitions & animations throughout every UI element
  • 🧩 Consistent design language with 3px border radius everywhere
  • πŸ” Enhanced URL bar with elegant floating search panel
  • πŸ“‘ Refined tab styling with customized pinned tab appearance

The result is a browsing experience that combines the minimalism of Zen Browser with the aesthetic appeal of terminal interfaces.

πŸ› οΈ Installation

# 1. First, enable custom CSS in Zen Browser
about:config β†’ toolkit.legacyUserProfileCustomizations.stylesheets β†’ true

# 2. Locate your profile folder
about:support β†’ Profile Directory β†’ Open Directory

# 3. Create chrome folder if needed
mkdir -p chrome

# 4. Copy theme files
cp userChrome.css userContent.css /path/to/chrome/

# 5. Restart Zen Browser

✨ Customization

Every aspect of Zenhanced is designed to be easily customizable:

  • Color Scheme - Modify CSS variables in the theme files
  • Animations - Adjust transition timings or disable effects
  • Spacing - Fine-tune margins and padding throughout the UI
  • Borders - Change border widths, colors, and radius values

The CSS files include extensive comments explaining each component, making customization accessible even to CSS beginners.

:root {
  /* CLI-style interface colors */
  --cli-border-color: rgba(160, 160, 160, 0.55);       /* Adjust to taste */
  --cli-border-hover-color: rgba(220, 220, 220, 0.75); /* Hover state */
  --cli-corner-radius: 3px;                           /* Consistent radius */
  
  /* Many more customization options available */
}

πŸ”§ Recommended Settings

For the optimal Zenhanced experience:

  • 🎨 Use Dark Theme - The theme is designed for dark mode
  • πŸ“ Default Layout - Do NOT enable compact mode
  • ⌨️ Custom Keybinds - Set up keyboard navigation for a mouseless experience

πŸ‘₯ Contribute

Contributions are welcome and appreciated! Feel free to:

  • Report Issues - Help identify styling bugs or misalignments
  • Suggest Features - Have ideas to make Zenhanced even better?
  • Submit PRs - Code contributions are always welcome

πŸ™ Credits & Inspiration

Built upon the foundations of Zenplified by sejjy & TextFox by adriankarlen

Massive thanks for the inspiration!