Merge in some changes from dark branch

src/css/themes/default.css

@@ -1,26 +1,33 @@
 /*
 
     References:
-    - https://protocol.mozilla.org/
-    - https://material.io/
+      https://protocol.mozilla.org/
+      https://material.io/
 
 */
 
 /**
     Color names from:
-    https://protocol.mozilla.org/fundamentals/color.html
+      https://protocol.mozilla.org/fundamentals/color.html
 */
 :root {
     --blue-10: #80ebff;
     --blue-50: #0060df;
     --blue-60: #0250bb;
+    --dark-gray-30: #42414d;
+    --dark-gray-50: #32313c;
+    --dark-gray-80: #1c1b22;
+    --dark-gray-90: #15141a;
     --ink-20: #312a65;
     --ink-50: #291d4f;
     --ink-80: #20123a;
     --ink-80-a4: #20123a0a;
     --ink-80-a50: #20123a88;
     --ink-90: #1d1133;
     --light-gray-10: #f9f9fb;
+    --light-gray-10-a4: #f9f9fb0a;
+    --light-gray-10-a12: #f9f9fb1f;
+    --light-gray-10-a16: #f9f9fb29;
     --light-gray-20: #f0f0f4;
     --light-gray-30: #e0e0e6;
     --light-gray-30-a50: #e0e0e680;
@@ -30,6 +37,7 @@
     --light-gray-70: #9f9fad;
     --light-gray-90: #80808f;
     --red-60: #e22850;
+    --violet-40: #ab71ff;
     --violet-70: #592acb;
     --violet-80: #45278d;
     --yellow-30: #ffd567;
@@ -108,11 +116,11 @@
     --bg-transient-notice: hsla(60, 100%, 95%, 1);
 
     --dashboard-bar-shadow:
-        0px 0px 0px 1px rgba(32, 18, 58, 0.04),
-        0px 1px 2px 0px rgba(34, 0, 51, 0.04),
-        0px 2px 1px -1px rgba(7, 48, 114, 0.12),
-        0px 1px 6px 0px rgba(14, 13, 26, 0.12);
-    --dashboard-tab-ink: var(--ink-80);
+        0px 0px 0px 1px var(--default-ink-a4),
+        0px 1px 2px 0px #2200330a,
+        0px 2px 1px -1px #0730721f,
+        0px 1px 6px 0px #0e0d1a1f;
+    --dashboard-tab-ink: var(--default-ink);
     --dashboard-tab-active-ink: var(--violet-70);
     --dashboard-tab-surface-hover: var(--default-surface-hover);
 
@@ -133,11 +141,13 @@
     --fg-tooltip: var(--ink-80);
 
     /* popup panel */
+    /* classic */
+    --bg-popup-cell-1: hsla(261, 0%, 93%, 1);
+    /* fenix */
     --popup-power-ink: var(--blue-50);
     --popup-power-disabled-ink: var(--light-gray-70);
     --popup-power-ink-hover: var(--blue-60);
-    --bg-popup-cell-1: hsla(261, 0%, 93%, 1);
-    --bg-popup-cell-2: rgb(224, 224, 230);
+    --bg-popup-cell-2: var(--light-gray-30);
     --bg-popup-cell-label-filter: opacity(40%);
     --fg-popup-cell-cname: hsla(240, 100%, 40%, 1);
     --bg-popup-cell-allow: hsla(120, 40%, 75%, 1);
@@ -162,8 +172,8 @@
 }
 
 /**
- Source for color-blind color scheme from https://github.com/WyohKnott:
- https://github.com/chrisaljoudi/uBlock/issues/467#issuecomment-95177219
+    Source for color-blind color scheme from https://github.com/WyohKnott:
+      https://github.com/chrisaljoudi/uBlock/issues/467#issuecomment-95177219
  */
 :root.colorBlind {
     --bg-popup-cell-allow: hsla(42, 100%, 80%, 1);