Skip to content

Css-Stylus-Styles/Google-Bard-Gruvbox-Light

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 

Repository files navigation

Google Bard Gruvbox Light Theme

Table of Contents

  1. Description
  2. Prerequisites
  3. Installation Instructions
  4. Screenshot
  5. How to edit colors

Description

This user style applies the gruvbox theme to Google Bard Website Not just your pretty theme comes with other helpful features like

  • Gruvbox colors --> Colors in light theme are pleasant to look at even at night (contrast adjustments)
  • Hover effects --> changes the color of text when you hover over it (This highlights the color of text and makes it easier to read )
  • Hide Bard Location --> Takes screenshots of chat screen without revealing your location
  • Removed the Bard experiment logo --> Experiment logo removed , Change the color of top bar to be less harsh to better suit the theme
  • Better colors in code blocks --> Added gruvbox colors to syntax specific code blocks colors that changes based on the programming language you ask about
  • Better colors in table view --> added better colors for the table view to make it easier to read (hover effects also apply to colors in table to focus on what you are reading )

Prerequisites

Make sure Light mode is enabled

Note: Make sure you enable Light theme before using this style other wise some colors might appear broken

If Light Theme is not already enabled you can enable it by using :

go to Settings on bard website --> Click on Use Light Theme icon


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

replace think link later

To install the style, go to this LINK HERE and follow the instructions to install this style.

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 specific website right now. image

When you go to google bard website you should see a 1 next to it

Screenshot

replace these images

Google bard gruvbox home page

google bard light theme homepage


Google bard gruvbox Light theme chat preview

google bard text


Google bard gruvbox Light theme --> Python Code snippet

google bard light theme python code

Google Bard Gruvbox Light theme markdown table view

google bard light mode markdown table


How to edit colors

if you want to make any edits click on the edit icon

image and you should be able to make the changes in some colors as desired

Note: code is commented with some hints to make sure edits are possible

if you break something you can reinstall the style do not remove !important at the end of each line if you not sure about editing raise an issue HERE i will make sure to you out :)

About

existing dark theme ported to light theme but better colors

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages