commit 4ffd86837efb3a6c4ad2e20bd112a6049e32485a parent 4dd6216efe4dab171460a5e5269bfcff8cc52776 Author: Lootyhoof <lootyhoofer@gmail.com> Date: Tue, 25 Oct 2016 23:45:48 +0100 Improve about:addons notification appearance Diffstat:
9 files changed, 31 insertions(+), 7 deletions(-)
diff --git a/src/chrome/mozapps/extensions/alerticon-error.png b/src/chrome/mozapps/extensions/alerticon-error.png Binary files differ. diff --git a/src/chrome/mozapps/extensions/alerticon-error.svg b/src/chrome/mozapps/extensions/alerticon-error.svg @@ -0,0 +1,6 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 18 18"> + <path fill="#e62117" d="M10.124,1.324l7.705,14.127c0.234,0.421,0.228,0.843-0.019,1.264c-0.114,0.193-0.271,0.347-0.467,0.461c-0.198,0.114-0.41,0.171-0.638,0.171H1.294c-0.228,0-0.44-0.057-0.636-0.171c-0.198-0.114-0.353-0.268-0.467-0.461c-0.247-0.421-0.254-0.843-0.02-1.264L7.876,1.324C7.99,1.117,8.147,0.953,8.348,0.833C8.548,0.712,8.766,0.652,9,0.652c0.234,0,0.451,0.06,0.652,0.181C9.853,0.953,10.009,1.117,10.124,1.324z M10.264,10.695l0.181-4.605c0-0.08-0.034-0.143-0.1-0.191c-0.087-0.073-0.168-0.11-0.241-0.11H7.896c-0.073,0-0.154,0.037-0.241,0.11c-0.067,0.048-0.1,0.118-0.1,0.211l0.17,4.586c0,0.067,0.034,0.122,0.1,0.165c0.067,0.044,0.147,0.065,0.241,0.065h1.856c0.094,0,0.172-0.021,0.236-0.065C10.222,10.818,10.258,10.762,10.264,10.695z M10.284,14.448v-1.907c0-0.094-0.031-0.172-0.095-0.236c-0.064-0.064-0.139-0.095-0.225-0.095H8.036c-0.087,0-0.162,0.031-0.225,0.095c-0.064,0.064-0.095,0.142-0.095,0.236v1.907c0,0.094,0.031,0.173,0.095,0.236c0.064,0.064,0.138,0.095,0.225,0.095h1.927c0.086,0,0.162-0.031,0.225-0.095C10.252,14.621,10.284,14.542,10.284,14.448z"/> +</svg> diff --git a/src/chrome/mozapps/extensions/alerticon-info-negative.png b/src/chrome/mozapps/extensions/alerticon-info-negative.png Binary files differ. diff --git a/src/chrome/mozapps/extensions/alerticon-info-negative.svg b/src/chrome/mozapps/extensions/alerticon-info-negative.svg @@ -0,0 +1,6 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 18 18"> + <path fill="#828282" d="M10.124,1.324l7.705,14.127c0.234,0.421,0.228,0.843-0.019,1.264c-0.114,0.193-0.271,0.347-0.467,0.461c-0.198,0.114-0.41,0.171-0.638,0.171H1.294c-0.228,0-0.44-0.057-0.636-0.171c-0.198-0.114-0.353-0.268-0.467-0.461c-0.247-0.421-0.254-0.843-0.02-1.264L7.876,1.324C7.99,1.117,8.147,0.953,8.348,0.833C8.548,0.712,8.766,0.652,9,0.652c0.234,0,0.451,0.06,0.652,0.181C9.853,0.953,10.009,1.117,10.124,1.324z M10.264,10.695l0.181-4.605c0-0.08-0.034-0.143-0.1-0.191c-0.087-0.073-0.168-0.11-0.241-0.11H7.896c-0.073,0-0.154,0.037-0.241,0.11c-0.067,0.048-0.1,0.118-0.1,0.211l0.17,4.586c0,0.067,0.034,0.122,0.1,0.165c0.067,0.044,0.147,0.065,0.241,0.065h1.856c0.094,0,0.172-0.021,0.236-0.065C10.222,10.818,10.258,10.762,10.264,10.695z M10.284,14.448v-1.907c0-0.094-0.031-0.172-0.095-0.236c-0.064-0.064-0.139-0.095-0.225-0.095H8.036c-0.087,0-0.162,0.031-0.225,0.095c-0.064,0.064-0.095,0.142-0.095,0.236v1.907c0,0.094,0.031,0.173,0.095,0.236c0.064,0.064,0.138,0.095,0.225,0.095h1.927c0.086,0,0.162-0.031,0.225-0.095C10.252,14.621,10.284,14.542,10.284,14.448z"/> +</svg> diff --git a/src/chrome/mozapps/extensions/alerticon-info-positive.png b/src/chrome/mozapps/extensions/alerticon-info-positive.png Binary files differ. diff --git a/src/chrome/mozapps/extensions/alerticon-info-positive.svg b/src/chrome/mozapps/extensions/alerticon-info-positive.svg @@ -0,0 +1,6 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 18 18"> + <path fill="#51A040" d="M18,4.796c0,0.31-0.109,0.573-0.325,0.79l-8.408,8.406l-1.579,1.58c-0.217,0.217-0.48,0.325-0.789,0.325c-0.31,0-0.573-0.108-0.79-0.325l-1.579-1.58L0.325,9.79C0.108,9.573,0,9.31,0,9s0.108-0.573,0.325-0.79l1.58-1.579c0.216-0.217,0.479-0.325,0.789-0.325s0.573,0.108,0.79,0.325l3.414,3.426l7.617-7.63c0.217-0.216,0.48-0.325,0.79-0.325c0.309,0,0.572,0.109,0.789,0.325l1.58,1.58C17.891,4.224,18,4.487,18,4.796z"/> +</svg> diff --git a/src/chrome/mozapps/extensions/alerticon-warning.png b/src/chrome/mozapps/extensions/alerticon-warning.png Binary files differ. diff --git a/src/chrome/mozapps/extensions/alerticon-warning.svg b/src/chrome/mozapps/extensions/alerticon-warning.svg @@ -0,0 +1,6 @@ +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 18 18"> + <path fill="#E0BF2C" d="M10.124,1.324l7.705,14.127c0.234,0.421,0.228,0.843-0.019,1.264c-0.114,0.193-0.271,0.347-0.467,0.461c-0.198,0.114-0.41,0.171-0.638,0.171H1.294c-0.228,0-0.44-0.057-0.636-0.171c-0.198-0.114-0.353-0.268-0.467-0.461c-0.247-0.421-0.254-0.843-0.02-1.264L7.876,1.324C7.99,1.117,8.147,0.953,8.348,0.833C8.548,0.712,8.766,0.652,9,0.652c0.234,0,0.451,0.06,0.652,0.181C9.853,0.953,10.009,1.117,10.124,1.324z M10.264,10.695l0.181-4.605c0-0.08-0.034-0.143-0.1-0.191c-0.087-0.073-0.168-0.11-0.241-0.11H7.896c-0.073,0-0.154,0.037-0.241,0.11c-0.067,0.048-0.1,0.118-0.1,0.211l0.17,4.586c0,0.067,0.034,0.122,0.1,0.165c0.067,0.044,0.147,0.065,0.241,0.065h1.856c0.094,0,0.172-0.021,0.236-0.065C10.222,10.818,10.258,10.762,10.264,10.695z M10.284,14.448v-1.907c0-0.094-0.031-0.172-0.095-0.236c-0.064-0.064-0.139-0.095-0.225-0.095H8.036c-0.087,0-0.162,0.031-0.225,0.095c-0.064,0.064-0.095,0.142-0.095,0.236v1.907c0,0.094,0.031,0.173,0.095,0.236c0.064,0.064,0.138,0.095,0.225,0.095h1.927c0.086,0,0.162-0.031,0.225-0.095C10.252,14.621,10.284,14.542,10.284,14.448z"/> +</svg> diff --git a/src/chrome/mozapps/extensions/extensions.css b/src/chrome/mozapps/extensions/extensions.css @@ -86,14 +86,14 @@ /*** notification icons ***/ .warning-icon { - list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.png"); + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg"); width: 16px; height: 15px; margin: 3px 0; } .error-icon { - list-style-image: url("chrome://mozapps/skin/extensions/alerticon-error.png"); + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-error.svg"); width: 16px; height: 15px; margin: 3px 0; @@ -101,7 +101,7 @@ .pending-icon, .info-icon { - list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-positive.png"); + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-positive.svg"); width: 16px; height: 15px; margin: 3px 0; @@ -109,7 +109,7 @@ .addon-view[pending="disable"] .pending-icon, .addon-view[pending="uninstall"] .pending-icon { - list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png"); + list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.svg"); width: 16px; height: 15px; margin: 3px 0; @@ -525,15 +525,15 @@ } .addon-view .warning { - color: #916D15; + color: #d8b826; } .addon-view .error { - color: #864441; + color: #e62117; } .addon-view .pending { - color: #1B7123; + color: #62c44e; } .addon-view[pending="disable"] .pending,
