https://github.com/zrosenbauer/hubspot-fixed
A hacky but efficient way to hide sidebar items in HubSpot and create a half-way decent darkmode
https://github.com/zrosenbauer/hubspot-fixed
Last synced: 5 months ago
JSON representation
A hacky but efficient way to hide sidebar items in HubSpot and create a half-way decent darkmode
- Host: GitHub
- URL: https://github.com/zrosenbauer/hubspot-fixed
- Owner: zrosenbauer
- License: mit
- Created: 2025-01-10T14:48:42.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-27T14:05:09.000Z (over 1 year ago)
- Last Synced: 2025-10-30T20:40:50.626Z (9 months ago)
- Size: 6.84 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# hubspot-fixed
A hacky but efficient way to hide sidebar items in HubSpot and create a half-way decent darkmode.
## How to "fix" HubSpot
1. Install the [Custom CSS by Dennis](https://chromewebstore.google.com/detail/custom-css-by-denis/cemphncflepgmgfhcdegkbkekifodacd) chrome extension
2. Add the CSS using the chrome extension (comment out or remove the IDs you want to keep)
```css
/*
This will hide all the things you don't pay for and also focus more on CRM type stuffs. If you want to tweak it, its just CSS!
*/
#workspaces-toggle,
#commerce-branch-v5-toggle,
#web-content-toggle,
#sales-reports-list,
#forecasting,
#tickets,
#service-reports-list {
display: none;
}
ul#marketing-content > li > a:not(#buyerIntent-beta) {
display: none;
}
a:has(#upgradeArrow) {
display: none;
}
```
3. Profit
> [!TIP]
> You can edit / tweak by viewing the elements on the page + for the menus you can use Chrome DevTools & Render Emultated Page so it's easy to view them.
## How to add a better darkmode
1. Install the [HubSpot Dark AF](https://chromewebstore.google.com/detail/hubspot-dark-af/kijodgofeoecfagdajkeeopenhiobghj) chrome extension
2. Add the following CSS using the chrome extension to fix certain issues
```css
/* Fix the nav icons */
#hs-vertical-nav-root button svg,
#hs-vertical-nav-root a svg {
stroke: #000;
}
```
3. Profit