Area


Effects may not be visible if the Layout Area is full width or if Bookmarks fill the page.

Area order

Only available when Bookmarks are shown.

Global scaling

Resize all elements on the page.

Take care as some elements could scale up to outside the page.

Padding

Gutter

Page


Area

Max width is defined by Layout Area Width.


Effects may not be visible if the Header Area is full width.


Effects may not be visible if the Search box size is set to Auto and grows to fill available space.

Greeting



Transitional words

Available when Date or Time is shown.


Clock






Date

Define what day "1" represents, either Monday or Sunday.


Display Date as 1st, 2nd, 3rd, 4th etc.


Display Month as 1st, 2nd, 3rd, 4th etc.





Search

Search box will grow to best fit available space.

Define how wide the Search box should be inside the Header Area.


May not work in some browsers.


Enter a web address with the search parameters, eg: "https://vimeo.com/search?q="

nightTab will add the search term entered into the Search input at the end of the above URL



Only the Search box width control will change the Width of the Search box.

Buttons



Colour and Accent can also be found under Theme.


Border


Position when scrolling

Header sticks to the page when scrolling up or down.

Header moves inline with the content when scrolling up or down.

Shade

Useful for when a Background Image is shown.

The page will not scroll if Bookmarks are not shown.



Names


Effects may not be visible if the Group Name is not shown.

Order

Border

Border between groups may not be visible if there is only one group.

Area

Max width is defined by Layout Area Width.


Effects may not be visible if the Bookmark Area is full width.

Bookmarks







Only available when Letter/Icon and Name are shown.

Vertical alignment works well with Bookmark Block Style.

Horizontal alignment works well with Bookmark List Style.


Only available when Letter/Icon and Name are shown.









Background colour

Use the Background colour defined by the Theme.

Use a custom Background colour.

Take care as some colours may make the Letter/Icon and Name unreadable.

Border

Style

Bookmark tiles more square shaped.

Bookmark tiles more short and wide.

Orientation

Display the URL and Controls either at the top of bottom of a Bookmark Tile.

Sort

Accent override


Adds a unique override colour to each Bookmark.

Presets

Style

Accent Colour and Background Image may need to be changed to best fit the Theme Style.

Color

Light and dark shades from this colour are used across nightTabs.




Backgrounds, Bookmarks and Modals use shades from the left.

Text and form elements use shades from the right.

For a light look switch to the Light Style and then select a Shade colour.

Accent

Accent Colour can also be changed from the Header Area.


Radius

Colour

Use the Background colour defined by the Theme.

Use a custom Background colour.

Take care as some colours may make the Clock, Date and other text unreadable.

Image

Max image size 5MB, (due to browser local storage limits).

Take care with large files, they may impact performance.

If adding more than one URL separate them by spaces or on new lines. If more than one is entered a random background image will be used on load.


Unsplash can be used for random images, eg:

https://source.unsplash.com/random/1920x1080/?night,day,sky

Change parameters after .../random/ for more options. Loading times may vary.


Restore

Restore a previously exported nightTab backup.

Backup

Download a backup of your nightTab Bookmarks and Settings.

This file can later be imported on this or another deivce.

Clear

Wipe all data and restore nightTab to default state.

nightTab

Version


Project repository on Github.


For feedback and support, submit an Issues.