Ticket #63468: 63468.diff

src/wp-includes/css/wp-embed-template.css

@@ -353 +353 @@
         border-left: none;
         border-right: 1px solid #a7aaad;
 }
+
+@media (prefers-color-scheme: dark) {
+        .dashicons-no {
+                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M15.55%2013.7l-2.19%202.06-3.42-3.65-3.64%203.43-2.06-2.18%203.64-3.43-3.42-3.64%202.18-2.06%203.43%203.64%203.64-3.42%202.05%202.18-3.64%203.43z%27%20fill%3D%27%23e0e0e0%27%2F%3E%3C%2Fsvg%3E");
+        }
+
+        .dashicons-admin-comments {
+                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M5%202h9q.82%200%201.41.59T16%204v7q0%20.82-.59%201.41T14%2013h-2l-5%205v-5H5q-.82%200-1.41-.59T3%2011V4q0-.82.59-1.41T5%202z%27%20fill%3D%27%23949494%27%2F%3E%3C%2Fsvg%3E");
+        }
+
+        .wp-embed-comments a:hover .dashicons-admin-comments {
+                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M5%202h9q.82%200%201.41.59T16%204v7q0%20.82-.59%201.41T14%2013h-2l-5%205v-5H5q-.82%200-1.41-.59T3%2011V4q0-.82.59-1.41T5%202z%27%20fill%3D%27%23e0e0e0%27%2F%3E%3C%2Fsvg%3E");
+        }
+
+        .dashicons-share {
+                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.5%2012q1.24%200%202.12.88T17.5%2015t-.88%202.12-2.12.88-2.12-.88T11.5%2015q0-.34.09-.69l-4.38-2.3Q6.32%2013%205%2013q-1.24%200-2.12-.88T2%2010t.88-2.12T5%207q1.3%200%202.21.99l4.38-2.3q-.09-.35-.09-.69%200-1.24.88-2.12T14.5%202t2.12.88T17.5%205t-.88%202.12T14.5%208q-1.3%200-2.21-.99l-4.38%202.3Q8%209.66%208%2010t-.09.69l4.38%202.3q.89-.99%202.21-.99z%27%20fill%3D%27%23949494%27%2F%3E%3C%2Fsvg%3E");
+        }
+
+        .wp-embed-share-dialog-open:hover .dashicons-share {
+                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.5%2012q1.24%200%202.12.88T17.5%2015t-.88%202.12-2.12.88-2.12-.88T11.5%2015q0-.34.09-.69l-4.38-2.3Q6.32%2013%205%2013q-1.24%200-2.12-.88T2%2010t.88-2.12T5%207q1.3%200%202.21.99l4.38-2.3q-.09-.35-.09-.69%200-1.24.88-2.12T14.5%202t2.12.88T17.5%205t-.88%202.12T14.5%208q-1.3%200-2.21-.99l-4.38%202.3Q8%209.66%208%2010t-.09.69l4.38%202.3q.89-.99%202.21-.99z%27%20fill%3D%27%23e0e0e0%27%2F%3E%3C%2Fsvg%3E");
+        }
+
+        .wp-embed {
+                background: #1f1f1f;
+                border-color: #000;
+                box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+                color: #ccc;
+        }
+
+        .wp-embed a {
+                color: #949494;
+        }
+
+        .wp-embed-heading a {
+                color: #e0e0e0;
+        }
+
+        .wp-embed .wp-embed-more {
+                color: #949494;
+        }
+
+        .wp-embed-meta a:hover {
+                color: #e0e0e0;
+        }
+
+        .wp-embed-share-dialog {
+                background-color: #1f1f1f;
+                background-color: rgba(31, 31, 31, 0.95);
+                color: #e0e0e0;
+        }
+
+        .wp-embed-share-dialog-close:focus .dashicons,
+        .wp-embed-share-dialog-open:focus .dashicons {
+                box-shadow: 0 0 0 2px #2271b1;
+        }
+
+        .wp-embed-share-tab-button button {
+                color: #949494;
+        }
+
+        .wp-embed-share-tab-button [aria-selected="true"],
+        .wp-embed-share-tab-button button:hover {
+                color: #e0e0e0;
+        }
+
+        .wp-embed-share-tab-button + .wp-embed-share-tab-button {
+                border-left-color: #949494;
+        }
+
+        p.wp-embed-share-description {
+                color: #949494;
+        }
+
+        html[dir="rtl"] .wp-embed-share-tab-button + .wp-embed-share-tab-button {
+                border-right-color: #ccc;
+        }
+
+        .wp-embed-site-icon[src*="/wp-includes/images/w-logo-blue.png"] {
+                background: #f0f0f0;
+                border-radius: 50%;
+        }
+
+        .wp-embed-share-input {
+                background: #fff;
+                color: #1f1f1f;
+        }
+}