sync both themes with toolkit windows theme changes in Mozilla 45-48 cycles

[themes.git] / LCARStrek / mozapps / extensions / extensions.css

diff --git a/LCARStrek/mozapps/extensions/extensions.css b/LCARStrek/mozapps/extensions/extensions.css
index 2be2700d94b90c414de4f3d49715fade4d91d6e5..7822365199fd9f7feafeb693b936cf9df643a230 100644 (file)
--- a/LCARStrek/mozapps/extensions/extensions.css
+++ b/LCARStrek/mozapps/extensions/extensions.css
@@ -82,21 +82,21 @@
 }
 
 .warning-icon {
-  list-style-image: url("chrome://global/skin/icons/warning-16.png");
+  list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg");
 }
 
 .error-icon {
-  list-style-image: url("chrome://global/skin/icons/error-16.png");
+  list-style-image: url("chrome://mozapps/skin/extensions/alerticon-error.svg");
 }
 
 .pending-icon,
 .info-icon {
-  list-style-image: url("chrome://global/skin/icons/information-16.png");
+  list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-positive.svg");
 }
 
 .addon-view[pending="disable"] .pending-icon,
 .addon-view[pending="uninstall"] .pending-icon {
-  list-style-image: url("chrome://global/skin/icons/warning-16.png");
+  list-style-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.svg");
 }
 
 /*** view alert boxes ***/
@@ -140,6 +140,9 @@
   padding-right: 20px;
 }
 
+button.warning {
+  list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg");
+}
 
 /*** category selector ***/
 
@@ -191,9 +194,6 @@
 #category-locale > .category-icon {
   list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png");
 }
-#category-searchengine > .category-icon {
-  list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png");
-}
 #category-extension > .category-icon {
   list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png");
 }
@@ -229,6 +229,7 @@
 
 .main-content {
   border: none;
+  padding-bottom: 0;
 }
 
 #view-port {
@@ -446,7 +447,7 @@
 }
 
 .icon {
-  list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
+  list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg");
   max-width: 48px;
   max-height: 48px;
 }
@@ -480,7 +481,7 @@
 }
 
 .name-container {
-  font-size: 150%;
+  font-size: 1.3rem;
   font-weight: bold;
   color: #9C9CFF;
   margin-bottom: 0;
@@ -495,6 +496,7 @@
 .description-container {
   -moz-margin-start: 6px;
   -moz-box-align: center;
+  font-size: 1.25rem;
 }
 
 .description {
@@ -601,8 +603,19 @@
   list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
 }
 
+.addon-view[notification],
+.addon-view[pending] {
+  --view-highlight-color: transparent;
+  /*
+  background-image: radial-gradient(at 50% 0%,
+                                    var(--view-highlight-color) 0%,
+                                    transparent 75%);
+  */
+  background-color: var(--view-highlight-color);
+}
+
 .addon-view[notification="warning"] {
-  background-color : #FFCF00;
+  --view-highlight-color: #FFCF00;
   color: #000000;
 }
 
@@ -619,7 +632,7 @@
 }
 
 .addon-view[notification="error"] {
-  background-color: #FF0000;
+  --view-highlight-color: #FF0000;
   color: #000000;
 }
 
@@ -628,14 +641,14 @@
 }
 
 .addon-view[notification="info"] {
-  background-color: #9C9CFF;
+  --view-highlight-color: #9C9CFF;
   color: #000000;
 }
 
 .addon-view[pending="enable"],
 .addon-view[pending="upgrade"],
 .addon-view[pending="install"] {
-  background-color: #008484;
+  --view-highlight-color: #008484;
 }
 
 .addon-view[pending="enable"] .pending,
@@ -732,7 +745,7 @@
 
 .detail-view-container {
   padding: 0 2em 2em 2em;
-  font-size: 110%;
+  font-size: 1.25rem;
 }
 
 #detail-notifications {
@@ -762,7 +775,8 @@
 }
 
 #detail-name-container {
-  font-size: 200%;
+  font-size: 2.5rem;
+  font-weight: normal;
 }
 
 #detail-screenshot-box {
@@ -851,7 +865,6 @@ setting {
   border-top: 1px solid #9C9CFF;
   -moz-box-align: center;
   min-height: 35px;
-  font-size: 1.25rem;
   line-height: 20px;
 }
 
@@ -859,6 +872,7 @@ setting {
   margin-bottom: 1em;
 }
 
+.inline-options-browser,
 setting[first-row="true"] {
   margin-top: 2em;
 }