diff --git a/README.md b/README.md index ed97c25..362d917 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,15 @@ # BrowserExtensionTemplate + A basic template based on SASS and TypeScript to create browser extensions without directly relying on a larger framework. + +## Installation + +You can download the source code from [GitHub](https://github.com/JosunLP/BrowserExtensionTemplate). Just copy it in your project and run `npm install` to install the dependencies. +The basic configuration, wich will sync with `npm run sync` with the `package.json` file and the `manifest.json` file, is in `app.config.json`. + +## Usage + +Your sourcecode can be written in the `src` folder. The `public` folder contains static files like images, html and the manifest.json. +With the `npm run deploy-v3` command you can deploy the extension to the dist folder, ready to be published to the chrome web store. +With the `npm run deploy-v2` command you can deploy the extension to the dist folder, ready to be published to the firefox web store. +This is necessary because the firefox web store needs the `manifest.json` file to be present in the version v2. diff --git a/src/sass/_root.sass b/src/sass/_root.sass index 72f9b89..edabad7 100644 --- a/src/sass/_root.sass +++ b/src/sass/_root.sass @@ -3,6 +3,6 @@ $main-font-color: white $main-font-color-hover: lightgrey $main-uschrift-font: 'Ubuntu', Arial $seccond-color: lightgrey -$background-color: rgb(77, 153, 252) -$background-color-content: rgb(149, 195, 255) +$background-color: rgb(119, 178, 255) +$background-color-content: rgb(198, 223, 255) $logo-image: url('../icons/icon128.png')