From aa5a60de6509049c3e89079daba098c9ad6a5f68 Mon Sep 17 00:00:00 2001
From: overdodactyl <patjohns1216@gmail.com>
Date: Fri, 23 Nov 2018 10:53:02 -0700
Subject: [PATCH] Style about:webrtc #221

---
 .../userContent_no_addons.css                 | 28 +++++++++++++++++++
 css/userContent-files/about_pages.css         | 28 +++++++++++++++++++
 userContent.css                               | 28 +++++++++++++++++++
 3 files changed, 84 insertions(+)

diff --git a/alternative_user_files/userContent_no_addons.css b/alternative_user_files/userContent_no_addons.css
index cf5fa64..d8159e8 100644
--- a/alternative_user_files/userContent_no_addons.css
+++ b/alternative_user_files/userContent_no_addons.css
@@ -990,6 +990,34 @@ url-prefix(https://discovery.addons.mozilla.org) {
     color: var(--in-content-page-color)!important
   }
 }
+@-moz-document url-prefix(about:webrtc) {
+  html {
+    background-color: var(--in-content-page-background)!important;
+    color: var(--in-content-page-color)!important
+  }
+  #content > div,
+  .peer-connection > h3 {
+    background-color: var(--in-content-page-background)!important
+  }
+  .fold-trigger {
+    color: var(--in-content-link-color)!important
+  }
+  table {
+    color: var(--in-content-text-color)!important;
+    background-color: var(--in-content-page-background)!important
+  }
+  .peer-connection table tr {
+    background-color: var(--in-content-box-background)!important
+  }
+  .trickled {
+    background-color: var(--in-content-border-focus)!important;
+    color: var(--in-content-selected-text)!important
+  }
+  .peer-connection table tr:first-of-type {
+    background-color: var(--in-content-table-header-background)!important;
+    color: var(--in-content-selected-text)!important
+  }
+}
 @-moz-document url-prefix(chrome://) {
   #ColorsDialogPane,
   #ConnectionsDialogPane,
diff --git a/css/userContent-files/about_pages.css b/css/userContent-files/about_pages.css
index 3517294..b423eb0 100644
--- a/css/userContent-files/about_pages.css
+++ b/css/userContent-files/about_pages.css
@@ -444,6 +444,34 @@ url-prefix(https://discovery.addons.mozilla.org) {
     color: var(--in-content-page-color)!important
   }
 }
+@-moz-document url-prefix(about:webrtc) {
+  html {
+    background-color: var(--in-content-page-background)!important;
+    color: var(--in-content-page-color)!important
+  }
+  #content > div,
+  .peer-connection > h3 {
+    background-color: var(--in-content-page-background)!important
+  }
+  .fold-trigger {
+    color: var(--in-content-link-color)!important
+  }
+  table {
+    color: var(--in-content-text-color)!important;
+    background-color: var(--in-content-page-background)!important
+  }
+  .peer-connection table tr {
+    background-color: var(--in-content-box-background)!important
+  }
+  .trickled {
+    background-color: var(--in-content-border-focus)!important;
+    color: var(--in-content-selected-text)!important
+  }
+  .peer-connection table tr:first-of-type {
+    background-color: var(--in-content-table-header-background)!important;
+    color: var(--in-content-selected-text)!important
+  }
+}
 @-moz-document url-prefix(chrome://) {
   #ColorsDialogPane,
   #ConnectionsDialogPane,
diff --git a/userContent.css b/userContent.css
index 7d075c2..f348640 100644
--- a/userContent.css
+++ b/userContent.css
@@ -990,6 +990,34 @@ url-prefix(https://discovery.addons.mozilla.org) {
     color: var(--in-content-page-color)!important
   }
 }
+@-moz-document url-prefix(about:webrtc) {
+  html {
+    background-color: var(--in-content-page-background)!important;
+    color: var(--in-content-page-color)!important
+  }
+  #content > div,
+  .peer-connection > h3 {
+    background-color: var(--in-content-page-background)!important
+  }
+  .fold-trigger {
+    color: var(--in-content-link-color)!important
+  }
+  table {
+    color: var(--in-content-text-color)!important;
+    background-color: var(--in-content-page-background)!important
+  }
+  .peer-connection table tr {
+    background-color: var(--in-content-box-background)!important
+  }
+  .trickled {
+    background-color: var(--in-content-border-focus)!important;
+    color: var(--in-content-selected-text)!important
+  }
+  .peer-connection table tr:first-of-type {
+    background-color: var(--in-content-table-header-background)!important;
+    color: var(--in-content-selected-text)!important
+  }
+}
 @-moz-document url-prefix(chrome://) {
   #ColorsDialogPane,
   #ConnectionsDialogPane,