Skip to content

Light version of Google Gemini Webpage✨ For Improved Readability & Accessibility

Notifications You must be signed in to change notification settings

Css-Stylus-Styles/Goolge-Gemini-Light_Theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 

Repository files navigation

Gemini Gruvbox Light

Table of Contents

  1. Description
  2. Prerequisites
  3. Installation Instructions
  4. Screenshot

Description

This user style applies the Gruvbox color scheme to the Gemini AI website, providing a more visually pleasing and consistent experience.

Features

  • Applies the Gruvbox color scheme to all elements on the page
  • Hides the location bar for a cleaner interface and privacy when sharing screenshots
  • Increases the width of the response container for easier reading
  • Simplifies and cleans the UI for a more streamlined experience

Prerequisites

If Stylus extension is not installed you would need to install that first in order to apply the theme

You will need an extension that mangages and applies this theme here are links and steps to install this

Important:

Make sure you have Stylus Extension installed. If you don't have it installed already, CLICK HERE to install it from Chrome Webstore. You can pin it to see the active styles on any website at any time.

Installation Instructions

Click on this button to Insall the style

Install directly with Stylus

Click on the install style to confirm your installation.

Enjoy using the style!

Two right next to the icon shows that there are two styles active for the webstite you are using right now image

When you go to google Colab website you should see a 1 next to the extension icon

Screenshots

Clean UI

Location and uncesseary text from UI is removed to declutter the UI and make it more minimal

Response From Model

To improve readability, strong text is highlighted with a distinct color, while simple text appears in a different color. This helps users easily identify important information and follow the flow of the content.

Code Blocks

To enhance the readability of the code, syntax highlighting is used to differentiate between various elements such as keywords, strings, and comments. This is achieved by applying distinct colors to each element, making it easier to identify and understand the code.

Tables

Markdown tables

Youtube Plugin results

Todo :

  • search and check with google
  • make theme animation nicer

About

Light version of Google Gemini Webpage✨ For Improved Readability & Accessibility

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages