Bug 41659: Add canonical color definitions to base-browser

:root {

  /* photon colors, not all of them are available for whatever reason

     in firefox, so here they are */

  --magenta-50: #ff1ad9;

  --magenta-60: #ed00b5;

  --magenta-70: #b5007f;

  --magenta-80: #7d004f;

  --magenta-90: #440027;

  --purple-30: #c069ff;

  --purple-40: #ad3bff;

  --purple-50: #9400ff;

  --purple-60: #8000d7;

  --purple-70: #6200a4;

  --purple-80: #440071;

  --purple-90: #25003e;

  --blue-40: #45a1ff;

  --blue-50: #0a84ff;

  --blue-50-a30: rgba(10, 132, 255, 0.3);

  --blue-60: #0060df;

  --blue-70: #003eaa;

  --blue-80: #002275;

  --blue-90: #000f40;

  --teal-50: #00feff;

  --teal-60: #00c8d7;

  --teal-70: #008ea4;

  --teal-80: #005a71;

  --teal-90: #002d3e;

  --green-50: #30e60b;

  --green-60: #12bc00;

  --green-70: #058b00;

  --green-80: #006504;

  --green-90: #003706;

  --yellow-50: #ffe900;

  --yellow-60: #d7b600;

  --yellow-70: #a47f00;

  --yellow-80: #715100;

  --yellow-90: #3e2800;

  --red-50: #ff0039;

  --red-60: #d70022;

  --red-70: #a4000f;

  --red-80: #5a0002;

  --red-90: #3e0200;

  --orange-50: #ff9400;

  --orange-60: #d76e00;

  --orange-70: #a44900;

  --orange-80: #712b00;

  --orange-90: #3e1300;

  --grey-10: #f9f9fa;

  --grey-10-a10: rgba(249, 249, 250, 0.1);

  --grey-10-a20: rgba(249, 249, 250, 0.2);

  --grey-10-a40: rgba(249, 249, 250, 0.4);

  --grey-10-a60: rgba(249, 249, 250, 0.6);

  --grey-10-a80: rgba(249, 249, 250, 0.8);

  --grey-20: #ededf0;

  --grey-30: #d7d7db;

  --grey-40: #b1b1b3;

  --grey-50: #737373;

  --grey-60: #4a4a4f;

  --grey-70: #38383d;

  --grey-80: #2a2a2e;

  --grey-90: #0c0c0d;

  --grey-90-a05: rgba(12, 12, 13, 0.05);

  --grey-90-a10: rgba(12, 12, 13, 0.1);

  --grey-90-a20: rgba(12, 12, 13, 0.2);

  --grey-90-a30: rgba(12, 12, 13, 0.3);

  --grey-90-a40: rgba(12, 12, 13, 0.4);

  --grey-90-a50: rgba(12, 12, 13, 0.5);

  --grey-90-a60: rgba(12, 12, 13, 0.6);

  --grey-90-a70: rgba(12, 12, 13, 0.7);

  --grey-90-a80: rgba(12, 12, 13, 0.8);

  --grey-90-a90: rgba(12, 12, 13, 0.9);

  --ink-70: #363959;

  --ink-80: #202340;

  --ink-90: #0f1126;

  --white-100: #ffffff;

  /* TODO: Switch to some Firefox variable, once Mozilla adds one for this

  color. Matches --warning-icon-bgcolor (but not on the dark theme variant). */

  --warning-color: #ffa436;

}

@media (prefers-color-scheme: dark) {

  :root {

    --warning-color: #ffbd4f;

  }

}

 No newline at end of file

@import url("chrome://browser/skin/ctrlTab.css");

@import url("chrome://browser/skin/customizableui/customizeMode.css");

@import url("chrome://browser/skin/UITour.css");

@import url("chrome://browser/skin/browser-colors.css");

@namespace html url("http://www.w3.org/1999/xhtml");

  skin/classic/browser/autocomplete.css                        (../shared/autocomplete.css)

  skin/classic/browser/blockedSite.css                         (../shared/blockedSite.css)

  skin/classic/browser/browser-shared.css                      (../shared/browser-shared.css)

  skin/classic/browser/browser-colors.css                      (../shared/browser-colors.css)

  skin/classic/browser/ctrlTab.css                             (../shared/ctrlTab.css)

  skin/classic/browser/identity-credential-notification.css    (../shared/identity-credential-notification.css)

  skin/classic/browser/light-dark-overrides.css                (../shared/light-dark-overrides.css)