2022-05-26 23:41:51 +00:00
|
|
|
# Volt Tab
|
2022-06-01 12:27:14 +00:00
|
|
|
|
|
|
|
|
A new tab page with bookmark groups and open all controls.
|
2022-05-21 16:59:44 +00:00
|
|
|
|
2022-05-26 23:41:51 +00:00
|
|
|
[](https://zombiefox.github.io/voltTab/)
|
|
|
|
|
|
|
|
|
|
## [See the demo in action](https://zombiefox.github.io/voltTab/)
|
2022-05-21 21:26:13 +00:00
|
|
|
|
2022-06-01 12:27:14 +00:00
|
|
|
* * *
|
2022-05-21 21:26:13 +00:00
|
|
|
|
|
|
|
|
## Development
|
|
|
|
|
|
|
|
|
|
When developing use:
|
|
|
|
|
|
2022-06-01 12:27:14 +00:00
|
|
|
- `npm start`
|
2022-05-21 21:26:13 +00:00
|
|
|
|
2022-06-01 12:27:14 +00:00
|
|
|
A development server will automatically open the project in your browser. Normally here: `http://localhost:8080`.
|
2022-05-21 21:26:13 +00:00
|
|
|
|
|
|
|
|
To build the project use:
|
2022-06-01 12:27:14 +00:00
|
|
|
|
|
|
|
|
- `npm run build`
|
2022-05-21 21:26:13 +00:00
|
|
|
|
|
|
|
|
A web ready folder will be created in `/dist/web/`.
|
2022-05-26 23:41:51 +00:00
|
|
|
A browser addon/extension ready zip will be created in `/dist/extension/`.
|
2022-06-01 12:27:14 +00:00
|
|
|
|
|
|
|
|
## Customise
|
|
|
|
|
|
|
|
|
|
Edit the [`src/config.js`](src/config.js) file to change the bookmarks, colours and background.
|
|
|
|
|
|
|
|
|
|
All colours are defined as [HSL](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl) values in an array. Eg:
|
|
|
|
|
|
|
|
|
|
A colour defined as:
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
hsl: [204, 100, 72]
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
Will be converted to CSS as:
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
selector {
|
|
|
|
|
color: hsl(204, 100%, 72%);
|
|
|
|
|
}
|
|
|
|
|
```
|
