Skip to content

rcreasey/rcreasey.github.io

Repository files navigation

NIGHTTAB

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

nightTab Demo

See the demo in actionInstall nightTab ExtensionInstall nightTab Add OnBuy me a coffee
nightTabChromeFirefoxcoffee

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
    • escto dismiss most things
    • ctrl+alt+ato add a new bookmark
    • ctrl+alt+gto add a new group
    • ctrl+alt+mto open menu
    • ctrl+alt+eto toggle edit state
    • ctrl+alt+dto toggle dark and light mode
    • ctrl+alt+rrandom theme if option is turned on inmenu > 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/.


nightTab DemonightTab DemonightTab DemonightTab DemonightTab DemonightTab DemonightTab DemonightTab DemonightTab DemonightTab DemonightTab Demo

About

New-tab-page/Start-page for all browsers

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript70.1%
  • CSS15.6%
  • HTML14.3%