A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks with nightTab.

Go to file

zombieFox b3be9816a6 [documentation] add license		2020-09-09 15:41:14 +01:00
.github/ISSUE_TEMPLATE	[documentation] add issue templates	2020-06-25 08:00:28 +01:00
assets	[documentation] update screenshots	2020-08-06 16:36:01 +01:00
src	[design] change some words	2020-08-14 22:01:32 +01:00
.gitignore	[refactor] improve dev process with gulp watch	2019-08-18 11:49:05 +01:00
CODE_OF_CONDUCT.md	[documentation] update code of conduct	2020-06-24 11:11:09 +01:00
LICENSE	[documentation] add license	2020-09-09 15:41:14 +01:00
README.md	[documentation] add wiki links	2020-08-07 11:59:32 +01:00
gulpfile.js	[refactor] improve build process	2020-08-11 16:23:57 +01:00
package-lock.json	[refactor] fix potential security vulnerabilities in dependencies	2020-09-09 10:19:51 +01:00
package.json	[documentation] add license	2020-09-09 15:41:14 +01:00

README.md

NIGHTTAB

A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab -- a custom start page.

See the demo in action	Install nightTab Extension	Install nightTab Add On	Buy me a coffee

Features

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
- Drag and drop sort, sort by Letter, Icon, Name
- 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
Saves data to local storage
Keyboard shortcuts
- esc to dismiss most things
- ctrl+alt+a to add a new bookmark
- ctrl+alt+g to add a new group
- ctrl+alt+m to open menu
- ctrl+alt+e to toggle edit state
- ctrl+alt+d to toggle dark and light mode
- ctrl+alt+r random theme if option is turned on in menu > layout > random Accent colour
Responsive design

Wiki

Development

When developing use:

npm run dev

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.

To build the project use:

npm run build

A web ready folder will be created in /build/web/. A browser addon/extension ready zip will be created in /build/extension/.