Use precise P1 phosphor color (#33FF33) across all assets

FranklinDM · Aug 5, 2020 · acd6d17 · acd6d17 · fofajardo · Aug 5, 2020
1 parent aa712c2
commit acd6d17
Show file tree

Hide file tree

Showing 389 changed files with 871 additions and 781 deletions.
diff --git a/src/chrome/ambassador/about.css b/src/chrome/ambassador/about.css
@@ -10,23 +10,23 @@ dialog {
 }
 
 .box-padded {
-    background-color: Window;
-    color: WindowText;
+    background-color: #000000;
+    color: #33FF33;
 }
 
 .large-text {
     font-size: large;
 }
 
 #logo {
-    background: url(chrome://ambassador/skin/images/icon32.png);
+    background: url("chrome://ambassador/skin/images/icon32.png");
     background-repeat: no-repeat;
     width:  32px;
     height: 32px;
 }
 
 #version {
-    color: GrayText;
+    color: #FFFFFF;
 }
 
 .contributors-label {

diff --git a/src/chrome/ambassador/ambassador.css b/src/chrome/ambassador/ambassador.css
@@ -82,7 +82,7 @@ window {
     border: none;
     border-left: 1px solid ButtonShadow;
     padding: 0 5px;
-    background: Button;
+    background: #000000;
     font: message-box;
     text-shadow: none;
     text-align: center;
@@ -119,7 +119,8 @@ window {
     margin: 0 0 0 1px;
     border-left: none;
     padding: 5px;
-    background-color: #DDDDFF;
+    color: #000000;
+    background-color: #33FF33;
 }
 
 .view-button[state="current"] + .view-button {
@@ -128,12 +129,6 @@ window {
 
 .view-button[state="current"] {
     position: relative; /* So it visually appears above the tabs either side. */
-    border: 2px solid;
-    -moz-border-top-colors: #ECECEC transparent;
-    -moz-border-right-colors: #6A6A6A transparent;
-    -moz-border-bottom-colors: #6A6A6A transparent;
-    -moz-border-left-colors: #ECECEC transparent;
-    border-top-style: none;
     padding: 5px 3px 3px 3px;
 }
 
@@ -276,7 +271,7 @@ menuitem[header="true"] {
 {
     width: 24px;
     height: 16px;
-    border: 1px solid black;
+    border: 1px solid #000000;
     -moz-box-align: center;
     -moz-box-pack: center;
 }

diff --git a/src/chrome/ambassador/images/drop-indicator-bottom.png b/src/chrome/ambassador/images/drop-indicator-bottom.png
diff --git a/src/chrome/ambassador/images/icon16.png b/src/chrome/ambassador/images/icon16.png
diff --git a/src/chrome/ambassador/images/icon24.png b/src/chrome/ambassador/images/icon24.png
diff --git a/src/chrome/ambassador/images/input-send.png b/src/chrome/ambassador/images/input-send.png
diff --git a/src/chrome/ambassador/images/logging-off.png b/src/chrome/ambassador/images/logging-off.png
diff --git a/src/chrome/ambassador/images/logging-on.png b/src/chrome/ambassador/images/logging-on.png
diff --git a/src/chrome/ambassador/images/multiline-contract.png b/src/chrome/ambassador/images/multiline-contract.png
diff --git a/src/chrome/ambassador/images/multiline-expand.png b/src/chrome/ambassador/images/multiline-expand.png
diff --git a/src/chrome/ambassador/images/offline.png b/src/chrome/ambassador/images/offline.png
diff --git a/src/chrome/ambassador/images/online.png b/src/chrome/ambassador/images/online.png
diff --git a/src/chrome/ambassador/images/secure-broken.png b/src/chrome/ambassador/images/secure-broken.png
diff --git a/src/chrome/ambassador/images/secure-low.png b/src/chrome/ambassador/images/secure-low.png
diff --git a/src/chrome/ambassador/images/spbubble-off.png b/src/chrome/ambassador/images/spbubble-off.png
diff --git a/src/chrome/ambassador/images/spbubble-on.png b/src/chrome/ambassador/images/spbubble-on.png
diff --git a/src/chrome/ambassador/images/voice-symbol.png b/src/chrome/ambassador/images/voice-symbol.png
diff --git a/src/chrome/ambassador/output-dark.css b/src/chrome/ambassador/output-dark.css
@@ -10,7 +10,7 @@
 @import url(chrome://ambassador/content/output-base.css);
 
 .ambassador-body {                 /* The topmost container in the Ambassador */
-    background: black;             /* output window. */
+    background: #000000;             /* output window. */
     color: lightgrey;    
 }
 
@@ -23,7 +23,7 @@ a.ambassador-link:visited {
 }
 
 .header-outer {
-    background-color: black;
+    background-color: #000000;
 }
 
 .header {
@@ -40,25 +40,25 @@ a.ambassador-link:visited {
     color: silver;
 }
 
-/* Style userlist as white-on-black. */
+/* Style userlist as white-on-#000000. */
 treechildren {
-    background: black;
+    background: #000000;
     color: white;
 }
 
 /* For Mac, who's theme sucks. */
 treechildren:-moz-tree-row(unselected),
 treechildren:-moz-tree-cell(unselected),
 treechildren:-moz-tree-cell-text(unselected) {
-    border-color: black !important;
-    background: black !important;
+    border-color: #000000 !important;
+    background: #000000 !important;
     color: white !important;
 }
 treechildren::-moz-tree-row(unselected),
 treechildren::-moz-tree-cell(unselected),
 treechildren::-moz-tree-cell-text(unselected) {
-    border-color: black !important;
-    background: black !important;
+    border-color: #000000 !important;
+    background: #000000 !important;
     color: white !important;
 }
 
@@ -116,7 +116,7 @@ treechildren::-moz-tree-cell-text(unselected) {
 }
 
 .msg-type {                                 /* .msg-type = message type       */
-    color: silver;                          /* indicator                      */
+    color: #33FF33;                         /* indicator                      */
 }
 
 .msg-user a.ambassador-link,

diff --git a/src/chrome/ambassador/output-light.css b/src/chrome/ambassador/output-light.css
@@ -36,7 +36,7 @@ a.ambassador-link {
 
 #usr-descnodes,
 #ch-topicnodes {
-    color: black;
+    color: #000000;
 }
 
 .progress-fg {
@@ -97,17 +97,17 @@ a.ambassador-link {
 }
 
 .ambassador-highlight[name="Slate"] {
-    color: black;
+    color: #000000;
     background: #b8c4e0;
 }
 
 .ambassador-highlight[name="Plum"] {
-    color: black;
+    color: #000000;
     background: #ddb8d0;
 }
 
 .ambassador-highlight[name="Brown"] {
-    color: black;
+    color: #000000;
     background: #ffbf77;
 }
 
@@ -118,7 +118,7 @@ a.ambassador-link {
 
 .msg-user a.ambassador-link,
 .msg-user {                                 /* msg-user = nickname portion of */
-    color: black !important;                /* a message (channel and query   */
+    color: #000000 !important;                /* a message (channel and query   */
     font-weight: bold;                      /* views)                         */
 }                     
 
@@ -156,11 +156,11 @@ a.ambassador-link {
 }
 
 .msg[msg-type="USAGE"] .msg-data {
-    color: black;
+    color: #000000;
 }
 
 .msg[msg-type="ACTION"] .msg-data {
-    color: black;
+    color: #000000;
     font-style: italic;
 }
 

diff --git a/src/chrome/browser/Geolocation-16.png b/src/chrome/browser/Geolocation-16.png
diff --git a/src/chrome/browser/Geolocation-64.png b/src/chrome/browser/Geolocation-64.png
diff --git a/src/chrome/browser/Info.png b/src/chrome/browser/Info.png
diff --git a/src/chrome/browser/KUI-close.png b/src/chrome/browser/KUI-close.png
diff --git a/src/chrome/browser/Privacy-16.png b/src/chrome/browser/Privacy-16.png
diff --git a/src/chrome/browser/Privacy-32.png b/src/chrome/browser/Privacy-32.png
diff --git a/src/chrome/browser/Privacy-48.png b/src/chrome/browser/Privacy-48.png
diff --git a/src/chrome/browser/Privacy-64.png b/src/chrome/browser/Privacy-64.png
diff --git a/src/chrome/browser/Secure24.png b/src/chrome/browser/Secure24.png
diff --git a/src/chrome/browser/Toolbar-large.png b/src/chrome/browser/Toolbar-large.png
diff --git a/src/chrome/browser/Toolbar.png b/src/chrome/browser/Toolbar.png
diff --git a/src/chrome/browser/aboutCertError.css b/src/chrome/browser/aboutCertError.css
@@ -10,7 +10,7 @@ html {
 body {
   margin: 0;
   padding: 0 1em;
-  color: #000;
+  color: #000000;
   font: message-box;
 }
 

diff --git a/src/chrome/browser/aboutSessionRestore-window-icon.png b/src/chrome/browser/aboutSessionRestore-window-icon.png
diff --git a/src/chrome/browser/aboutSyncTabs.css b/src/chrome/browser/aboutSyncTabs.css
@@ -4,7 +4,7 @@
 
 #tabs-display,
 #tabsList {
-  background-color: #000;
+  background-color: #000000;
   border: none;
   margin: 0;
 }
@@ -42,7 +42,7 @@ richlistitem[type="tab"] {
   margin-inline-start: 2em;
   border: 1px solid #6A6A6A;
   background-color: #fff;
-  color: #000;
+  color: #000000;
   padding: 2px 5px;
   width: 44em;
   margin-bottom: 2px;

diff --git a/src/chrome/browser/actionicon-tab.png b/src/chrome/browser/actionicon-tab.png
diff --git a/src/chrome/browser/addons/readerview-16-urlbar.png b/src/chrome/browser/addons/readerview-16-urlbar.png
diff --git a/src/chrome/browser/addons/readerview-16.png b/src/chrome/browser/addons/readerview-16.png
diff --git a/src/chrome/browser/addons/readerview-24.png b/src/chrome/browser/addons/readerview-24.png
diff --git a/src/chrome/browser/appmenu-dropmarker.png b/src/chrome/browser/appmenu-dropmarker.png
diff --git a/src/chrome/browser/appmenu-icons.png b/src/chrome/browser/appmenu-icons.png
diff --git a/src/chrome/browser/autocomplete.css b/src/chrome/browser/autocomplete.css
@@ -41,10 +41,10 @@ panel[type="private-autocomplete-richlistbox"],
 #PopupAutoCompleteRichResult {
   -moz-appearance: none;
   border-width: 1px;
-  border-color: lime;
+  border-color: #33FF33;
   padding: 0;
-  color: lime;
-  background-color: #000;
+  color: #33FF33;
+  background-color: #000000;
 }
 
 .private-autocomplete-history-popup {
@@ -76,7 +76,7 @@ panel[type="private-autocomplete-richlistbox"],
 }
 
 treechildren.private-autocomplete-treebody::-moz-tree-row(selected) {
- background-color: lime;
+ background-color: #33FF33;
 }
 
 treechildren.private-autocomplete-treebody::-moz-tree-cell-text(selected) {
@@ -101,8 +101,8 @@ treechildren.private-autocomplete-treebody::-moz-tree-cell-text(selected) {
 }
 
 .private-autocomplete-richlistitem[selected="true"] {
-  background-color: lime;
-  color: #000;
+  background-color: #33FF33;
+  color: #000000;
 }
 
 .ac-title-box {
@@ -176,9 +176,7 @@ treechildren.private-autocomplete-treebody::-moz-tree-cell-text(selected) {
 }
 
 html|span.ac-emphasize-text {
-  box-shadow: inset 0 0 1px 1px rgba(208,208,208,0.5);
-  background-color: rgba(208,208,208,0.3);
-  border-radius: 2px;
+  background-color: rgba(0, 150, 0, 0.5);
   text-shadow: 0 0 currentColor;
 }