https://github.com/rorpage/eg-dashboard-styler

https://github.com/rorpage/eg-dashboard-styler

chrome-extension hacktoberfest

Last synced: 4 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/rorpage/eg-dashboard-styler
• Owner: rorpage
• License: mit
• Created: 2020-10-28T13:37:11.000Z (almost 6 years ago)
• Default Branch: main
• Last Pushed: 2020-11-13T19:17:29.000Z (over 5 years ago)
• Last Synced: 2025-10-23T04:48:47.454Z (9 months ago)
• Topics: chrome-extension, hacktoberfest
• Language: JavaScript
• Homepage:
• Size: 15.6 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# ![E-G Logo](/images/EG-Gear32.png) Dashboard Styler

This extension add's custom CSS and JavaScript to the ![E-G Logo](/images/EG-Gear16.png) Dashboard.

Giving your eyes the extra relief they need! 👀

## Load Extension Locally

1. Open the Extension Management page by navigating to `chrome://extensions`.

    * The Extension Management page can also be opened by clicking on the Chrome menu, hovering over `More Tools` then selecting `Extensions`.

1. Enable Developer Mode by clicking the toggle switch next to `Developer mode`.

1. Click the `LOAD UNPACKED` button and select the extension directory.

## Styling

The following are imported within the `script.js`:

* Font's are `Roboto`

* Icons from Material

* Material Design Lite CSS and JS

You will notice nice ![E-G Logo](/images/EG-Gear16.png) colors of ![#4f7d9c](https://via.placeholder.com/15/4f7d9c/000000?text=+) `#4f7d9c` and ![#2b3f4d](https://via.placeholder.com/15/2b3f4d/000000?text=+) `#2b3f4d` being used.

The styling can be changed within `styles.css`.