Fixed white background on Twitter embeds

squidfunk · Mar 9, 2024 · 1d6dd99 · 1d6dd99
1 parent c8a2142
commit 1d6dd99
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 3 deletions.
diff --git a/material/templates/assets/stylesheets/main.609c4d16.min.css b/material/templates/assets/stylesheets/main.609c4d16.min.css
diff --git a/material/templates/assets/stylesheets/main.609c4d16.min.css.map b/material/templates/assets/stylesheets/main.609c4d16.min.css.map
diff --git a/material/templates/assets/stylesheets/main.7e359304.min.css b/material/templates/assets/stylesheets/main.7e359304.min.css
diff --git a/material/templates/assets/stylesheets/main.7e359304.min.css.map b/material/templates/assets/stylesheets/main.7e359304.min.css.map
diff --git a/material/templates/base.html b/material/templates/base.html
@@ -44,7 +44,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.7e359304.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.609c4d16.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.06af60db.min.css' | url }}">

diff --git a/src/templates/assets/stylesheets/main/_typeset.scss b/src/templates/assets/stylesheets/main/_typeset.scss
@@ -422,6 +422,11 @@ kbd {
   // Limit width to container
   iframe {
     max-width: 100%;
+    // Hack: we're currently not sure whether this is a bug in Twitter's CSS,
+    // or everything is working as intended, but if we don't reset the color
+    // scheme, Twitter's embedded tweets will have white background at the
+    // borders, which looks odd - see https://t.ly/N8P-Z
+    color-scheme: initial;
   }
 
   // Data table