# New Tab

Edit

Accent

# Area

Width

Area alignment
Top left
Top center
Top right
Center left
Center center
Center right
Bottom left
Bottom Center
Bottom right

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

# Area order

Header then Bookmarks
Bookmarks then Header

Only available when Bookmarks are shown.

# Global scaling

Size

Resize all elements on the page.

# Padding

Padding outside Header and Bookmark Area

# Gutter

Gutter between Header and Bookmark items

# Page

Title

Scroll past end

# Area

Width

Max width is defined by Layout Area Width.

Area horizontal alignment
Left
Center
Right

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

Item horizontal alignment
Left
Center
Right

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

# Greeting

Show
"Good morning..."
"Hello..."
"Hi..."

Name

Size

# Transitional words

Show

Available when Date or Time is shown.

"The time and date is"
"It's"

Size

# Clock

Hours
As number
As word

Minutes
As number
As word

Seconds
As number
As word

Separators

24 Hours
AM/PM

Size

# Date

Day
As number
Start of the week
Monday
Sunday

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

As word
Word length
Long
Short

Date
As number
As word
Ordinal numbers

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

Month
As number
Ordinal numbers

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

As word
Word length
Long
Short

Year
As number
As word

Separators

Format
Date/Month
Month/Date

Size

# Search

Show
Search box width
Auto

Search box will grow to best fit available space.

Custom

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

Width

Focus on load/refresh

May not work in some browsers.

Search engine
Google
DuckDuckGo
YouTube
Giphy
Bing
Custom
Name
URL

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

Align Text
Left
Center
Right

Size

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

# Buttons

Button style
Box
Clear

Show Edit/Add

Show Accent

Size

# Border

Top

Bottom

# Position when scrolling

Sticky

Header sticks to the page when scrolling up or down.

Inline

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

# Shade

Show
Always visible

Useful for when a Background Image is shown.

Visible on scroll

The page will not scroll if Bookmarks are not shown.

Opacity

Corner radius

# Names

Show
Name Size

Group name horizontal alignment
Left
Center
Right

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

# Order

Group Name then Bookmarks
Bookmarks then Group Name

# Border

Between groups

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

# Area

Width

Max width is defined by Layout Area Width.

Horizontal alignment
Left
Center
Right

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

# Bookmarks

Show
Bookmark Size

Content alignment
Top left
Top center
Top right
Center left
Center center
Center right
Bottom left
Bottom Center
Bottom right

Content rotation

Content horizontally offset

Content vertically offset

Align contents horizontally
Align contents vertically

Only available when Letter/Icon and Name is shown.

Vertical alignment works well with Bookmark Block Style.

Horizontal alignment works well with Bookmark List Style.

Order Letter/Icon then Name
Order Name then Letter/Icon

Only available when Letter/Icon and Name is shown.

Letter/Icon
Letter size

Icon size

Name
Name size

Show URL on Bookmark hover

Show Bookmark line

Show shadow on Bookmark hover

Grow on Bookmark hover

Open Bookmarks in a new tab

# Border

All sides

# Style

Block

Bookmark tiles more square shaped.

List

Bookmark tiles more short and wide.

# Orientation

Top
Bottom

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.

# Accent

Colour

Accent Colour can also be changed from the Header Area.

Random Accent colour on load/refresh
Any colour
Light colours
Dark colours
Pastel colours
Saturated colours

# Style

Dark
Light

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

Radius

# Colour

Theme background colour

Use the Background colour defined by the Dark or Light Theme.

Custom background colour

Use a custom Background colour.

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

# Image

Show
Use local file
Select image

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

Take care with large files, they may impact performance.

Use URL

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.

Opacity
Grayscale
Blur
Accent overlay
Size

# Restore

Import data

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.