search

zen-browser / theme-store

🎨 Theme repository for @zen-browser!
https://zen-browser.github.io/theme-store/themes.json
MIT License
133 stars 41 forks source link

[create-theme]: #795

Closed admayz closed 3 hours ago

admayz commented 3 hours ago

Name

Title Bar Buttons UI

Description

Improved Zen Browser title bar buttons with hover effects for a modern, interactive, and consistent UI.

Homepage

No response

Image

https://imgur.com/EUToaw7

Type

Theme Styles

.titlebar-buttonbox{
    margin-top: 5px;
    margin-right: 5px;
  }

  .titlebar-button {
    height: 25px;
    width: 25px;
    margin: 2px;
    border-radius: var(--toolbarbutton-border-radius);
    cursor: pointer;
  }

  .titlebar-min:hover{
    background-color: #02751e;
  }

  .titlebar-restore:hover{
    background-color: #A27A05;
  }

  .titlebar-max:hover{
    background-color: #A27A05;
  }

  .titlebar-close:hover {
    background-color: #C64F46;
  }

Readme

Zen Browser Title Bar Buttons Enhancement
This project improves the visual and interactive aspects of the Zen Browser's title bar buttons, aligning them with the browser's minimalist and user-focused design principles.

Features
Hover Effects: Added smooth hover animations for better interactivity.
Modern Design: Updated button styles for a clean and coherent look.
Improved User Experience: Enhanced usability while maintaining simplicity.
Design Philosophy
The enhancements are inspired by the Zen Browser's design philosophy:

Minimalism: Keeping the interface uncluttered and intuitive.
Consistency: Ensuring the buttons blend seamlessly with the overall UI.
Interactivity: Providing feedback through subtle animations.

Preferences

No response

github-actions[bot] commented 3 hours ago

Error creating theme

Sorry about that! There was an error creating the theme. Please try again or contact the maintainers for help.

Image must be a PNG.