add new colors

README.md

@@ -1,62 +1,62 @@
-<h2 align="center">Among Us Discord Overlay</h2>
-<p align="center">A chrome extension to helps players deduce in among us game.</p>
-
-<p align="center">
- <img src="https://user-images.githubusercontent.com/67271461/104057200-17bdef80-5235-11eb-81da-1003bea7b7a3.gif"/>
-</p>
-
-<p align="center">
-  <a href="https://jqueryui.com/"><img src="https://user-images.githubusercontent.com/67271461/104057526-a6cb0780-5235-11eb-8627-d18c87969cc5.png" height="40px;" /></a>
-  <a href="http://bgrins.github.io/spectrum/"><img src="https://user-images.githubusercontent.com/67271461/104057533-a92d6180-5235-11eb-9c3a-d2666d551af7.png" height="40px;" /></a>
-  <a href="http://fabricjs.com/"><img src="https://user-images.githubusercontent.com/67271461/104888448-1b2d4580-59b0-11eb-811f-2a12310df39d.png" height="40px;" /></a>
-</p>
-
-## Required
-
-- Chrome Desktop App
-- Discord Desktop App
-
-## Install
-
-Download & install from **_[Chrome Web Store](https://chrome.google.com/webstore/detail/among-us-discord-overlay/oommbconacammknogfinbibmnohcalpj)_**
-
-## Usage
-
-#### From Extensions popup
-
-1. Click the Extensions icon
-2. Enter the target server ID and channel ID
-3. Click the "Open" button and access streamkit link
-<p align="center">
- <img src="https://user-images.githubusercontent.com/67271461/105638903-b9da0a80-5eb8-11eb-8eb2-ff2ff749ad10.png"/>
-</p>
-
-#### From Official Discord site
-
-Access streamkit link from [Discord Streamkit Overlay](https://streamkit.discord.com/overlay).
-([How to use](https://support.discord.com/hc/en-us/articles/223415707))
-
-## Features
-
-- Swap players colors
-- Change player dead/alive
-- Draggable players on the map
-- Record emergency button use
-- Change maps
-- Show player status
-- Free Drawing
-- Save Screen Shots
-
-## License
-
-- [MIT](https://github.com/Naoya79/Among-Us-Discord-Overlay/blob/main/LICENSE)
-
-## Author
-
-- [Github](https://github.com/Naoya79)
-- [Twitter](https://twitter.com/NoyExe)
-
-## Acknowledgments
-
-- Very useful tool - [Discord Streamkit Overlay](https://streamkit.discord.com/overlay)
-- Inspired - [Kedyn/fusliez-notes](https://github.com/Kedyn/fusliez-notes)
+<h2 align="center">Among Us Discord Overlay</h2>
+<p align="center">A chrome extension to helps players deduce in among us game.</p>
+
+<p align="center">
+ <img src="https://user-images.githubusercontent.com/67271461/104057200-17bdef80-5235-11eb-81da-1003bea7b7a3.gif"/>
+</p>
+
+<p align="center">
+  <a href="https://jqueryui.com/"><img src="https://user-images.githubusercontent.com/67271461/104057526-a6cb0780-5235-11eb-8627-d18c87969cc5.png" height="40px;" /></a>
+  <a href="http://bgrins.github.io/spectrum/"><img src="https://user-images.githubusercontent.com/67271461/104057533-a92d6180-5235-11eb-9c3a-d2666d551af7.png" height="40px;" /></a>
+  <a href="http://fabricjs.com/"><img src="https://user-images.githubusercontent.com/67271461/104888448-1b2d4580-59b0-11eb-811f-2a12310df39d.png" height="40px;" /></a>
+</p>
+
+## Required
+
+- Chrome Desktop App
+- Discord Desktop App
+
+## Install
+
+Download & install from **_[Chrome Web Store](https://chrome.google.com/webstore/detail/among-us-discord-overlay/oommbconacammknogfinbibmnohcalpj)_**
+
+## Usage
+
+#### From Extensions popup
+
+1. Click the Extensions icon
+2. Enter the target server ID and channel ID
+3. Click the "Open" button and access streamkit link
+<p align="center">
+ <img src="https://user-images.githubusercontent.com/67271461/105638903-b9da0a80-5eb8-11eb-8eb2-ff2ff749ad10.png"/>
+</p>
+
+#### From Official Discord site
+
+Access streamkit link from [Discord Streamkit Overlay](https://streamkit.discord.com/overlay).
+([How to use](https://support.discord.com/hc/en-us/articles/223415707))
+
+## Features
+
+- Swap players colors
+- Change player dead/alive
+- Draggable players on the map
+- Record emergency button use
+- Change maps
+- Show player status
+- Free Drawing
+- Save Screen Shots
+
+## License
+
+- [MIT](https://github.com/Naoya79/Among-Us-Discord-Overlay/blob/main/LICENSE)
+
+## Author
+
+- [Github](https://github.com/Naoya79)
+- [Twitter](https://twitter.com/NoyExe)
+
+## Acknowledgments
+
+- Very useful tool - [Discord Streamkit Overlay](https://streamkit.discord.com/overlay)
+- Inspired - [Kedyn/fusliez-notes](https://github.com/Kedyn/fusliez-notes)

js/content.js

@@ -12,6 +12,12 @@ const CREW_COLORS = [
   "#c51111",
   "#d5e0ef",
   "#f5f558",
+  "#741b14",
+  "#ecc0d3",
+  "#fefbbe",
+  "#708496",
+  "#928776",
+  "#ec7678",
 ];
 
 /*----CSS読み込み----*/
@@ -126,6 +132,12 @@ $("body").append(`
         <img class="avatar" src="${CHROME_EXT_URL}playerIcons/c51111.png" alt="#c51111">
         <img class="avatar" src="${CHROME_EXT_URL}playerIcons/d5e0ef.png" alt="#d5e0ef">
         <img class="avatar" src="${CHROME_EXT_URL}playerIcons/f5f558.png" alt="#f5f558">
+        <img class="avatar" src="${CHROME_EXT_URL}playerIcons/741b14.png" alt="#741b14">
+        <img class="avatar" src="${CHROME_EXT_URL}playerIcons/ecc0d3.png" alt="#ecc0d3">
+        <img class="avatar" src="${CHROME_EXT_URL}playerIcons/fefbbe.png" alt="#fefbbe">
+        <img class="avatar" src="${CHROME_EXT_URL}playerIcons/708496.png" alt="#708496">
+        <img class="avatar" src="${CHROME_EXT_URL}playerIcons/928776.png" alt="#928776">
+        <img class="avatar" src="${CHROME_EXT_URL}playerIcons/ec7678.png" alt="#ec7678">
       </div>
     </footer>
   </aside>
@@ -370,9 +382,9 @@ function setColorPicker(node) {
     showPalette: true,
     showPaletteOnly: true,
     palette: [
-      ["#3f484e", "#132fd2", "#72491e", "#39fedb"],
-      ["#127f2d", "#50ef3a", "#ef7d0e", "#ed53b9"],
-      ["#6b30bc", "#c51111", "#d5e0ef", "#f5f558"],
+      ["#3f484e", "#132fd2", "#72491e", "#39fedb", "#127f2d", "#50ef3a"],
+      ["#ef7d0e", "#ed53b9", "#6b30bc", "#c51111", "#d5e0ef", "#f5f558"],
+      ["#741b14", "#ecc0d3", "#fefbbe", "#708496", "#928776", "#ec7678"],
     ],
     hideAfterPaletteSelect: true,
     clickoutFiresChange: false,
@@ -381,7 +393,7 @@ function setColorPicker(node) {
       $(".sp-container").offset(function (index, coords) {
         return {
           top: coords.top + 13,
-          left: coords.left - 8,
+          left: coords.left - 27,
         };
       });
     },

manifest.json

@@ -2,7 +2,7 @@
   "manifest_version": 2,
   "name": "Among Us Discord Overlay",
   "description": "Adding Among us tools to the Discord Streamkit Overlay.",
-  "version": "1.2.0",
+  "version": "1.3.0",
 
   "browser_action": {
     "default_icon": {