Skip to content

Glassy - A Window To Your Collection - A Stash Theme By Serechoo

License

Notifications You must be signed in to change notification settings

Gykes/Glassy-Theme

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

71 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Glassy-Theme

Glassy - A Window To Your Collection - A Stash Theme By Serechoo

Add this URL as a new plugin source: https://Gykes.github.io/Glassy-Theme/index.yml >> Give it a name and install it. Then, scroll down your plugins page to 'Enable' it and click 'Reload UI'. Enjoy!

Glassy is a versatile and visually appealing CSS theme designed to enhance the user interface of your collection-oriented website. With a focus on aesthetics, readability, and interactive elements, Glassy brings a modern and immersive experience to your users.

General Styling All text elements benefit from a subtle text shadow, providing a sense of depth and readability against various backgrounds.

Header Style Headers (h1 to h6) have increased font weight for a bold and prominent appearance.

Paragraphs Paragraphs have a lighter font weight and a transparent white color for improved readability.

Clickable Elements Cursor changes to a pointer on hover for clickable elements, enhancing user interactivity.

Navigation Buttons Navigation items exhibit opacity change on hover and a scaling effect on click for a dynamic user experience.

Responsive Adjustments Responsive design ensures optimal viewing and interaction across various screen sizes (up to 768px).

Stylized Settings Containers with an embossed effect and a dark background offer a visually appealing and consistent theme.

Popup Modal Styling Dark-themed modal popups maintain the Glassy look with a translucent background.

Scrollbar Modification Customization of the scrollbar ensures a cohesive appearance with the overall theme.

Navigation Bar Styling Navigation bar features a semi-transparent background for a seamless integration with the page content.

Animation for Cards on Main Page Scene, performer, and studio cards on the main page showcase a scrolling left-to-right animation for an engaging visual effect.

Main Page - Hover Effects Hovering over cards triggers a vertical wipe effect, highlighting the selected card with a white border and subtle scale transformation.

Background Studio Grey Banners Studio cards feature a background color for better readability and visual appeal.

Glassy Translucent Effects Translucent backgrounds for specific elements enhance the Glassy theme's overall aesthetic.

Global Changes The donate button is hidden for a clean and distraction-free design.

Table Styling Scene view options for a list/table feature tailored column display and styling for improved readability.

Tabs Styling Individual tabs for scenes, studios, and performers receive specific styling for a cohesive and organized layout.

Parallax Effect A captivating parallax effect is applied to the background, providing a sense of depth and immersion.

Magnify Button Hover Effect Cards display a magnify button on hover, adding a subtle interactive element.

Lightbox Enhancements Lightbox headers and footers are hidden by default, revealing them with mouse interaction for a clutter-free image viewing experience.

Preview Button and Images Tab A transparent preview placeholder in the magnifying glass enhances the appearance and behavior of the magnifying button.

Image Preview Thumbnails Thumbnails in the Images tab retain their original proportions for a more accurate representation.

Main Page - Animated Headers Headers in the recommendation rows exhibit a vertical fade-in effect for a visually appealing entrance.

Explore Glassy and give your collection a fresh and sophisticated look!

About

Glassy - A Window To Your Collection - A Stash Theme By Serechoo

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Shell 77.2%
  • HTML 22.8%