diff --git a/icons/gitea_32.png b/icons/gitea_32.png new file mode 100644 index 0000000..48e90d6 Binary files /dev/null and b/icons/gitea_32.png differ diff --git a/icons/nes_32.png b/icons/nes_32.png new file mode 100644 index 0000000..a66194b Binary files /dev/null and b/icons/nes_32.png differ diff --git a/icons/icon_16_white.png b/icons/sgdb_16.png similarity index 100% rename from icons/icon_16_white.png rename to icons/sgdb_16.png diff --git a/manifest.json b/manifest.json index 8ee54d5..5942e81 100644 --- a/manifest.json +++ b/manifest.json @@ -3,13 +3,6 @@ "name": "SGDB Button on Steam", "version": "1.0.0", "description": "Adds a button on Steam game pages to bring you to its SteamGridDB entry.", - "permissions": [ - "storage" - ], - "action": { - "default_icon": "icons/icon_128.png", - "default_popup": "popup.html" - }, "icons": { "16": "icons/icon_16.png", "32": "icons/icon_32.png", @@ -18,6 +11,13 @@ "96": "icons/icon_96.png", "128": "icons/icon_128.png" }, + "action": { + "default_icon": "icons/icon_128.png", + "default_popup": "popup.html" + }, + "permissions": [ + "storage" + ], "content_scripts": [ { "matches": [ "*://store.steampowered.com/app/*", "*://steamcommunity.com/app/*" ], @@ -26,7 +26,7 @@ ], "web_accessible_resources": [ { - "resources": [ "icons/icon_16_white.png" ], + "resources": [ "icons/sgdb_16.png", "icons/nes_32.png" ], "matches": [ "*://store.steampowered.com/app/*", "*://steamcommunity.com/app/*" ] } ] diff --git a/popup.html b/popup.html index 4530431..9e2d6a3 100644 --- a/popup.html +++ b/popup.html @@ -11,10 +11,50 @@ background-color: #32414c; color: #8ecaf4; } + .btn { + border-radius: 2px; + padding: 1px; + display: inline-block; + text-decoration: none; + color: #67c1f5; + background: rgba(103, 193, 245, 0.2); + } + .btn:hover { + text-decoration: none !important; + color: #fff !important; + + background: #417a9b; + background: -webkit-linear-gradient( 150deg, #417a9b 5%,#67c1f5 95%); + background: linear-gradient( -60deg, #417a9b 5%,#67c1f5 95%); + } + .btn > span { + padding: 0 15px; + font-size: 15px; + line-height: 30px; + } + .icon { + margin: 7px; + vertical-align: middle; + display: inline-block; + width: 22px; + height: 22px; + }

SGBD Button on Steam

-

Created by Nes

+ + + + Created by Nes + + + + + + View Source + + + diff --git a/script.js b/script.js index 5172088..ba12b1b 100644 --- a/script.js +++ b/script.js @@ -13,7 +13,8 @@ if(appIDMatch) { const icon = document.createElement("img"); icon.className = "ico16"; - icon.src = "moz-extension://74d32219-b2a6-4a7f-bec5-0b89b0441173/icons/icon_16_white.png"; + icon.src = "moz-extension://74d32219-b2a6-4a7f-bec5-0b89b0441173/icons/sgdb_16.png"; + icon.style.backgroundImage = "none"; span.append(icon); sgdb_button.append(span);