Add support for Firefox Multi-Account Containers #6

overdodactyl · Jan 3, 2018 · d4f1d3d · d4f1d3d
1 parent 3e1e9c4
commit d4f1d3d
Show file tree

Hide file tree

Showing 2 changed files with 461 additions and 254 deletions.
diff --git a/userContent-files/webextension-tweaks/multi_account_containers.css b/userContent-files/webextension-tweaks/multi_account_containers.css
@@ -0,0 +1,102 @@
+html body div#container-panel.panel.container-panel,
+.column-panel-content {
+    background: var(--grey-60) !important;
+    color: var(--primary-light-color) !important;
+}
+#current-tab {
+  background: var(--grey-60) !important;
+  color: var(--primary-light-color) !important;
+}
+#current-tab > h3,
+.panel-header-text,
+.container-info-list {
+  color: var(--primary-light-color) !important;
+}
+#container-panel #sort-containers-link {
+    border: 1px solid var(--grey-50) !important;
+    color: var(--primary-light-color) !important;
+}
+
+#container-panel #sort-containers-link:hover {
+    background: var(--grey-70) !important;
+}
+
+.container-panel-row {
+    background-color: var(--grey-60) !important;
+    border-block-end: 1px solid var(--grey-50);
+    color: var(--primary-light-color) !important;
+}
+.scrollable {
+    border-block-start: 1px solid var(--grey-50) !important;
+    background: var(--grey-60) !important;
+}
+.panel-footer {
+    background: var(--grey-70) !important;
+    border-block-end: 1px solid var(--grey-70) !important;
+  }
+
+  .panel-header {
+    background: var(--grey-70) !important;
+  }
+
+  .container-panel-row:hover .clickable.userContext-wrapper,
+.container-panel-row:focus .clickable.userContext-wrapper,
+.container-panel-row:hover .pop-button {
+  background: var(--grey-70) !important;
+}
+
+.panel-back-arrow {
+    background: var(--grey-60) !important;
+  }
+
+.back-arrow-img {
+  filter:invert(65%) !important;
+}
+
+.container-panel-row {
+  border-block-end: 1px solid var(--grey-50) !important;
+}
+
+
+#current-tab > label > input[disabled] {
+  background-color: var(--grey-50) !important;
+  border-color: var(--grey-40) !important;
+}
+
+#current-tab > label > input:checked {
+    filter: invert(100%);
+    border-color: var(--grey-50) !important;
+}
+
+.column-panel-content form {
+  background: var(--grey-60) !important;
+}
+
+.pop-button-image-small {
+    filter: invert(650%) !important;
+}
+
+.edit-container-panel fieldset,
+.edit-containers-text a {
+  color: var(--primary-light-color) !important;
+}
+
+.edit-container-panel input[type="text"] {
+  background: var(--grey-80) !important;
+  color: var(--primary-light-color) !important;
+  border: 1px solid var(--grey-50) !important;
+
+}
+
+[data-identity-color="grey"] {
+  --identity-icon-color: var(--primary-light-color) !important;
+}
+
+.button {
+  color: var(--primary-light-color) !important;
+}
+
+.container-notification {
+  background: var(--grey-70) !important;
+  color: var(--primary-light-color) !important;
+}