Append dark theme css selectors to historical pages

Author: oliverfencott

static/1.10.1/css/docpage.css

@@ -169,3 +169,17 @@
 .next .prevnext-text::after {
     content: " >";
 }
+
+@media (prefers-color-scheme: dark) {
+    .binding-type {
+        color: #ccc;
+    }
+
+    .binding-text {
+        color: unset;
+    }
+
+    .example-title {
+        color: #ccc;
+    }
+}

static/1.10.1/css/landing.css

@@ -147,4 +147,22 @@
     .github-corner .octo-arm {
         animation: octocat-wave 560ms ease-in-out;
     }
+}
+
+@media (prefers-color-scheme: dark) {
+    #replterm {
+        border-color: #333;
+        background: #333;
+        color: #ccc;
+    }
+
+    #replinbar {
+        border-color: #333;
+        color: unset;
+        background: #1a1a1a;
+    }
+
+    #replin:focus {
+        background: unset;
+    }
 }

static/1.10.1/css/main.css

@@ -287,3 +287,34 @@ code {
   text-decoration: underline;
   color: white !important;
 }
+
+@media (prefers-color-scheme: dark) {
+    body {
+        background-color: #222;
+        color: #eee;
+    }
+
+    h1, h2, h3, h4 {
+        color: #f8f8f2;
+    }
+
+    h3 {
+        color: #e3e0e0;
+    }
+
+    h4 {
+        color: #cccccc;
+    }
+
+    a {
+        color: #09a5b8;
+    }
+
+    table tr {
+        background: #222;
+    }
+
+    .mendoza-code {
+        background: #333;
+    }
+}

static/1.11.1/css/docpage.css

@@ -169,3 +169,17 @@
 .next .prevnext-text::after {
     content: " >";
 }
+
+@media (prefers-color-scheme: dark) {
+    .binding-type {
+        color: #ccc;
+    }
+
+    .binding-text {
+        color: unset;
+    }
+
+    .example-title {
+        color: #ccc;
+    }
+}

static/1.11.1/css/landing.css

@@ -147,4 +147,22 @@
     .github-corner .octo-arm {
         animation: octocat-wave 560ms ease-in-out;
     }
+}
+
+@media (prefers-color-scheme: dark) {
+    #replterm {
+        border-color: #333;
+        background: #333;
+        color: #ccc;
+    }
+
+    #replinbar {
+        border-color: #333;
+        color: unset;
+        background: #1a1a1a;
+    }
+
+    #replin:focus {
+        background: unset;
+    }
 }

static/1.11.1/css/main.css

@@ -287,3 +287,34 @@ code {
   text-decoration: underline;
   color: white !important;
 }
+
+@media (prefers-color-scheme: dark) {
+    body {
+        background-color: #222;
+        color: #eee;
+    }
+
+    h1, h2, h3, h4 {
+        color: #f8f8f2;
+    }
+
+    h3 {
+        color: #e3e0e0;
+    }
+
+    h4 {
+        color: #cccccc;
+    }
+
+    a {
+        color: #09a5b8;
+    }
+
+    table tr {
+        background: #222;
+    }
+
+    .mendoza-code {
+        background: #333;
+    }
+}

static/1.12.2/css/docpage.css

@@ -169,3 +169,17 @@
 .next .prevnext-text::after {
     content: " >";
 }
+
+@media (prefers-color-scheme: dark) {
+    .binding-type {
+        color: #ccc;
+    }
+
+    .binding-text {
+        color: unset;
+    }
+
+    .example-title {
+        color: #ccc;
+    }
+}

static/1.12.2/css/landing.css

@@ -147,4 +147,22 @@
     .github-corner .octo-arm {
         animation: octocat-wave 560ms ease-in-out;
     }
+}
+
+@media (prefers-color-scheme: dark) {
+    #replterm {
+        border-color: #333;
+        background: #333;
+        color: #ccc;
+    }
+
+    #replinbar {
+        border-color: #333;
+        color: unset;
+        background: #1a1a1a;
+    }
+
+    #replin:focus {
+        background: unset;
+    }
 }

static/1.12.2/css/main.css

@@ -287,3 +287,34 @@ code {
   text-decoration: underline;
   color: white !important;
 }
+
+@media (prefers-color-scheme: dark) {
+    body {
+        background-color: #222;
+        color: #eee;
+    }
+
+    h1, h2, h3, h4 {
+        color: #f8f8f2;
+    }
+
+    h3 {
+        color: #e3e0e0;
+    }
+
+    h4 {
+        color: #cccccc;
+    }
+
+    a {
+        color: #09a5b8;
+    }
+
+    table tr {
+        background: #222;
+    }
+
+    .mendoza-code {
+        background: #333;
+    }
+}

static/1.13.1/css/docpage.css

@@ -169,3 +169,17 @@
 .next .prevnext-text::after {
     content: " >";
 }
+
+@media (prefers-color-scheme: dark) {
+    .binding-type {
+        color: #ccc;
+    }
+
+    .binding-text {
+        color: unset;
+    }
+
+    .example-title {
+        color: #ccc;
+    }
+}