Ticket #63468: 63468.2.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%238c8f94%27%2F%3E%3C%2Fsvg%3E")
+        }
+
+        .dashicons-no:hover {
+                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%23f0f0f1%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%238c8f94%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%23f0f0f1%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%238c8f94%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%23f0f0f1%27%2F%3E%3C%2Fsvg%3E")
+        }
+
+        .wp-embed {
+                background: #1d2327;
+                border-color: #000;
+                color: #c3c4c7
+        }
+
+        .wp-embed a {
+                color: #8c8f94
+        }
+
+        .wp-embed-heading a {
+                color: #f0f0f1
+        }
+
+        .wp-embed .wp-embed-more {
+                color: #8c8f94
+        }
+
+        .wp-embed-meta a:hover {
+                color: #f0f0f1
+        }
+
+        .wp-embed-share-dialog {
+                background-color: #1d2327;
+                background-color: rgba(29, 35, 39, .95);
+                color: #f0f0f1
+        }
+
+        .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: #8c8f94
+        }
+
+        .wp-embed-share-tab-button [aria-selected=true], .wp-embed-share-tab-button button:hover {
+                color: #f0f0f1
+        }
+
+        .wp-embed-share-tab-button + .wp-embed-share-tab-button {
+                border-left-color: #8c8f94
+        }
+
+        p.wp-embed-share-description {
+                color: #8c8f94
+        }
+
+        html[dir=rtl] .wp-embed-share-tab-button + .wp-embed-share-tab-button {
+                border-right-color: #8c8f94
+        }
+
+        .wp-embed-site-icon[src*="/wp-includes/images/w-logo-blue.png"] {
+                background: #f6f7f7;
+                border-radius: 50%
+        }
+
+        .wp-embed-share-input {
+                background: #fff;
+                color: #1d2327
+        }
+}
+