nightTab

https://github.com/zombiefox/nighttab

Admin

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

Tokens:2,276

Snippets:47

Trust Score:8.5

Update:4 months ago

Show doc for...

Tokens:

Raw

### Start Development Server

Source: https://github.com/zombiefox/nighttab/blob/main/readme.md

Use this command to start a local development server for NightTab. A web server will automatically open the project in your browser.

```bash
npm start
```

--------------------------------

### Build Project for Production

Source: https://github.com/zombiefox/nighttab/blob/main/readme.md

Use this command to build the project for production. This will create a web-ready folder and a zip file for browser extensions.

```bash
npm run build
```

--------------------------------

### Copy NightTab Settings from Local Storage

Source: https://github.com/zombiefox/nighttab/wiki/Recovering-settings-and-bookmarks

Use this command in the browser's developer console to copy NightTab's backup settings to your clipboard. Ensure NightTab is open and developer tools are accessible.

```javascript
copy(localStorage.getItem("nightTab-backup"))
```

```javascript
copy(localStorage.getItem("nightTab"))
```

--------------------------------

### New Tab Page Background Styling

Source: https://github.com/zombiefox/nighttab/blob/main/src/index.html

This CSS code sets the background color for the new tab page. It applies a black background by default and adjusts it based on the user's preferred color scheme (dark or light).

```css
html,body {
  background-color: rgb(0, 0, 0);
}

@media (prefers-color-scheme: dark) {
  html,body {
    background-color: rgb(0, 0, 0);
  }
}

@media (prefers-color-scheme: light) {
  html,body {
    background-color: rgb(255, 255, 255);
  }
}
```

Tokens:

Raw