2019-06-16 13:50:15 +00:00
# NIGHTTAB
2019-06-15 23:49:39 +00:00
A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab -- a custom start page.
2019-06-21 10:48:55 +00:00
[![nightTab Demo ](assets/banner/banner-1400-560.png )](https://zombiefox.github.io/nightTab/)
2019-06-16 23:11:24 +00:00
2020-03-31 09:18:32 +00:00
| [See the demo in action ](https://zombiefox.github.io/nightTab/ ) | [Install nightTab Extension ](https://chrome.google.com/webstore/detail/nighttab/hdpcadigjkbcpnlcpbcohpafiaefanki ) | [Install nightTab Add On ](https://addons.mozilla.org/en-GB/firefox/addon/nighttab/ ) | [Buy me a coffee ](https://www.buymeacoffee.com/zombieFox/ ) |
|:-------------:|:-------------:|:-------------:|:-------------:|
2020-03-31 11:45:52 +00:00
| [![nightTab ](./src/icons/icon-48.png )](https://zombiefox.github.io/nightTab/) | [![Chrome ](assets/logos/chrome-48x48.png )](https://chrome.google.com/webstore/detail/nighttab/hdpcadigjkbcpnlcpbcohpafiaefanki) | [![Firefox ](assets/logos/firefox-48x48.png )](https://addons.mozilla.org/en-GB/firefox/addon/nighttab/) | [![coffee ](assets/logos/bymeacoffee-48x48.png )](https://www.buymeacoffee.com/zombieFox/) |
2018-12-26 18:46:46 +00:00
2020-03-31 10:42:06 +00:00
---
2018-12-26 18:46:46 +00:00
### Features
2019-06-15 16:15:31 +00:00
- Header
- Greeting
- Name, Style, Size
- Clock
- Hours, Minutes, Seconds, Separator, Meridiem, Hour/24, Size
- Date
- Day, Date, Month, Year, Separator, D/M or M/D format, Size
- Search
- Filter, Search engine, Size
- Add and remove, Accent
- Bookmarks
2019-06-17 14:15:54 +00:00
- Drag and drop sort, sort by Letter, Icon, Name
2019-06-15 16:15:31 +00:00
- Letter or icon, Names, URLs, Open in new tab, Size
- Layout
- Vertical and horizontal alignment, Padding, Gutter, Width, Title
- Theme
- Accent colour, Random accent colour, Light/Dark theme, Radius
- Background
- Image, Blur, Scale, Opacity, Grayscale, Accent colour
2018-12-26 18:46:46 +00:00
- Saves data to local storage
2019-01-06 16:17:41 +00:00
- Keyboard shortcuts
2019-02-09 11:14:54 +00:00
- < kbd > esc</ kbd > *to dismiss most things*
2019-02-09 11:13:50 +00:00
- < kbd > ctrl</ kbd > +< kbd > alt</ kbd > +< kbd > a</ kbd > *to add a new bookmark*
2020-01-04 16:55:42 +00:00
- < kbd > ctrl</ kbd > +< kbd > alt</ kbd > +< kbd > g</ kbd > *to add a new group*
2019-02-09 11:13:50 +00:00
- < kbd > ctrl</ kbd > +< kbd > alt</ kbd > +< kbd > m</ kbd > *to open menu*
- < kbd > ctrl</ kbd > +< kbd > alt</ kbd > +< kbd > e</ kbd > *to toggle edit state*
2019-04-18 12:35:31 +00:00
- < kbd > ctrl</ kbd > +< kbd > alt</ kbd > +< kbd > d</ kbd > *to toggle dark and light mode*
2019-02-12 21:56:48 +00:00
- < kbd > ctrl</ kbd > +< kbd > alt</ kbd > +< kbd > r</ kbd > *random theme if option is turned on in* `menu > layout > random Accent colour`
2018-12-27 06:00:55 +00:00
- Responsive design
2018-12-27 00:09:09 +00:00
2019-01-05 22:35:02 +00:00
---
2019-08-08 13:36:28 +00:00
2020-01-15 16:35:47 +00:00
### Setting nightTab as your Firefox homepage
2020-05-28 09:38:48 +00:00
Firefox does not allow addons to replace the "homepage". However there is a workaround:
2020-01-15 16:35:47 +00:00
- Open a new Firefox window
- Open Firefox `Preferences` and open a new tab (nightTab)
- In Firefox preferences under `Home` , change `Homepage and new windows` to `Custom URLs...`
- Then click `Use Current Page` .
2020-01-15 16:37:29 +00:00
nightTab will now appear as the homepage.
2020-01-15 16:35:47 +00:00
---
2019-08-08 13:36:28 +00:00
### Development
2019-08-18 11:14:28 +00:00
When developing use:
- `npm run dev`
2019-08-08 13:36:28 +00:00
2019-08-19 09:11:54 +00:00
A Development copy will be created in `/dev/` . Open `/dev/index.html` in a browser to test. Make changes to files in the `/src/` directory and refresh browser to see changes.
2019-08-08 13:36:28 +00:00
2019-08-18 11:14:28 +00:00
To build the project use:
- `npm run build`
A web ready folder will be created in `/build/web/` .
2019-08-19 09:11:54 +00:00
A browser addon/extension ready zip will be created in `/build/extension/` .
2019-08-08 13:36:28 +00:00
---
2020-01-04 16:52:40 +00:00
[![nightTab Demo ](assets/screenshot/screenshot-001.png )](https://zombiefox.github.io/nightTab/)
[![nightTab Demo ](assets/screenshot/screenshot-002.png )](https://zombiefox.github.io/nightTab/)
[![nightTab Demo ](assets/screenshot/screenshot-003.png )](https://zombiefox.github.io/nightTab/)
[![nightTab Demo ](assets/screenshot/screenshot-004.png )](https://zombiefox.github.io/nightTab/)
[![nightTab Demo ](assets/screenshot/screenshot-005.png )](https://zombiefox.github.io/nightTab/)
[![nightTab Demo ](assets/screenshot/screenshot-006.png )](https://zombiefox.github.io/nightTab/)
[![nightTab Demo ](assets/screenshot/screenshot-007.png )](https://zombiefox.github.io/nightTab/)
2020-01-05 18:19:28 +00:00
[![nightTab Demo ](assets/screenshot/screenshot-008.png )](https://zombiefox.github.io/nightTab/)
2020-08-05 11:47:28 +00:00
[![nightTab Demo ](assets/screenshot/screenshot-009.gif )](https://zombiefox.github.io/nightTab/)
2020-08-05 19:54:59 +00:00
[![nightTab Demo ](assets/screenshot/screenshot-010.png )](https://zombiefox.github.io/nightTab/)
2020-08-06 15:36:01 +00:00
[![nightTab Demo ](assets/screenshot/screenshot-011.png )](https://zombiefox.github.io/nightTab/)