Skip to content
By using Twitter’s services you agree to our Cookies Use. We and our partners operate globally and use cookies, including for analytics, personalisation, and ads.

For the best Twitter experience, please use Microsoft Edge, or install the Twitter app from Microsoft Store.

  • Home Home Home, current page.
  • About

Saved searches

  • Remove
  • In this conversation
    Verified accountProtected Tweets @
Suggested users
  • Verified accountProtected Tweets @
  • Verified accountProtected Tweets @
  • Language: English
    • Bahasa Indonesia
    • Bahasa Melayu
    • Català
    • Čeština
    • Dansk
    • Deutsch
    • English UK
    • Español
    • Filipino
    • Français
    • Hrvatski
    • Italiano
    • Magyar
    • Nederlands
    • Norsk
    • Polski
    • Português
    • Română
    • Slovenčina
    • Suomi
    • Svenska
    • Tiếng Việt
    • Türkçe
    • Ελληνικά
    • Български език
    • Русский
    • Српски
    • Українська мова
    • עִבְרִית
    • العربية
    • فارسی
    • मराठी
    • हिन्दी
    • বাংলা
    • ગુજરાતી
    • தமிழ்
    • ಕನ್ನಡ
    • ภาษาไทย
    • 한국어
    • 日本語
    • 简体中文
    • 繁體中文
  • Have an account? Log in
    Have an account?
    · Forgot password?

    New to Twitter?
    Sign up
tomayac's profile
Thomas Steiner
Thomas Steiner
Thomas Steiner
@tomayac

Tweets

Thomas Steiner

@tomayac

🇪🇺 Dad-of-3. Developer Advocate at @Google (🇩🇪), PhD from @la_UPC (🇪🇸), Postdoc at @UniversiteLyon (🇫🇷). #PWA #JavaScript #NodeJS #Fugu 🐡 #SemanticWeb

Hamburg, Germany
blog.tomayac.com
Joined May 2008

Tweets

  • © 2020 Twitter
  • About
  • Help Center
  • Terms
  • Privacy policy
  • Imprint
  • Cookies
  • Ads info
Dismiss
Previous
Next

Go to a person's profile

Saved searches

  • Remove
  • In this conversation
    Verified accountProtected Tweets @
Suggested users
  • Verified accountProtected Tweets @
  • Verified accountProtected Tweets @

Promote this Tweet

Block

  • Tweet with a location

    You can add location information to your Tweets, such as your city or precise location, from the web and via third-party applications. You always have the option to delete your Tweet location history. Learn more

    Your lists

    Create a new list


    Under 100 characters, optional

    Privacy

    Copy link to Tweet

    Embed this Tweet

    Embed this Video

    Add this Tweet to your website by copying the code below. Learn more

    Add this video to your website by copying the code below. Learn more

    Hmm, there was a problem reaching the server.

    By embedding Twitter content in your website or app, you are agreeing to the Twitter Developer Agreement and Developer Policy.

    Preview

    Why you're seeing this ad

    Log in to Twitter

    · Forgot password?
    Don't have an account? Sign up »

    Sign up for Twitter

    Not on Twitter? Sign up, tune into the things you care about, and get updates as they happen.

    Sign up
    Have an account? Log in »

    Two-way (sending and receiving) short codes:

    Country Code For customers of
    United States 40404 (any)
    Canada 21212 (any)
    United Kingdom 86444 Vodafone, Orange, 3, O2
    Brazil 40404 Nextel, TIM
    Haiti 40404 Digicel, Voila
    Ireland 51210 Vodafone, O2
    India 53000 Bharti Airtel, Videocon, Reliance
    Indonesia 89887 AXIS, 3, Telkomsel, Indosat, XL Axiata
    Italy 4880804 Wind
    3424486444 Vodafone
    » See SMS short codes for other countries

    Confirmation

     

    Welcome home!

    This timeline is where you’ll spend most of your time, getting instant updates about what matters to you.

    Tweets not working for you?

    Hover over the profile pic and click the Following button to unfollow any account.

    Say a lot with a little

    When you see a Tweet you love, tap the heart — it lets the person who wrote it know you shared the love.

    Spread the word

    The fastest way to share someone else’s Tweet with your followers is with a Retweet. Tap the icon to send it instantly.

    Join the conversation

    Add your thoughts about any Tweet with a Reply. Find a topic you’re passionate about, and jump right in.

    Learn the latest

    Get instant insight into what people are talking about now.

    Get more of what you love

    Follow more accounts to get instant updates about topics you care about.

    Find what's happening

    See the latest conversations about any topic instantly.

    Never miss a Moment

    Catch up instantly on the best stories happening as they unfold.

    Thomas Steiner‏ @tomayac 27 Jun 2019
    • Report Tweet

    Thomas Steiner Retweeted Chrome Developers

    I have done a ton of research 🥼, coded a lot of examples 👨‍💻, released a custom element `<dark-mode-toggle>` 🔅🔆, and picked some of the smartest brains 🧠 inside and outside of Google to make my latest article happen… 🌒 Hello Darkness, My Old Friend! https://web.dev/prefers-color-scheme/ …https://twitter.com/ChromiumDev/status/1144258272268115969 …

    Thomas Steiner added,

    Chrome DevelopersVerified account @ChromiumDev
    🌒 Dark Mode—Overhyped or Necessity? Learn all(!) about dark mode and how to support it in @tomayac’s article “Hello Darkness, My Old Friend!” 👉 https://web.dev/prefers-color-scheme/ … With `<dark-mode-toggle>`, let your users toggle dark mode 🔅↔️🔆 on your site. 👉 https://www.webcomponents.org/element/dark-mode-toggle …
    8:06 AM - 27 Jun 2019
    • 21 Retweets
    • 68 Likes
    • Rijubrata Bhaumik Yusuf Algan Paul Kinlan 🤦🏻‍♂️ Rhy Moore Christian Liebel pwafire.org Connor Clark Gowtham 🍄
    3 replies 21 retweets 68 likes
      1. New conversation
      2. Timothy Hatcher‏ @xeenon 27 Jun 2019
        • Report Tweet
        Replying to @tomayac

        Nice write up. One comment on `currentColor` you can use <svg><use xlink:href=“…”></svg> to have separate resources and still use `currentColor` in context. We do this in Web Inspector. Mentioned here:https://webkit.org/blog/8892/dark-mode-in-web-inspector/ …

        1 reply 0 retweets 0 likes
      3. Thomas Steiner‏ @tomayac 27 Jun 2019
        • Report Tweet
        Replying to @xeenon

        Thanks for the kind words! 😊 I consider this more of a general SVG advice, but definitely great idea to mention that `currentColor` works even in the reference (https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use …) context. I’ll add this. Your great 👏 work is linked (https://web.dev/prefers-color-scheme/#related-links …) by the way!

        1 reply 0 retweets 0 likes
      4. 1 more reply
      1. New conversation
      2. Alexey Rodionov‏ @alexey_rodionov 27 Jun 2019
        • Report Tweet
        Replying to @tomayac

        Great research! 👍 Thanks! I'm curious how to calculate the color values of icons, text, etc. for the dark theme from the values for the light theme? Is there any algorithm to keep an acceptable contrast ratio? The inverted colors looks ugly…

        2 replies 0 retweets 0 likes
      3. Thomas Steiner‏ @tomayac 27 Jun 2019
        • Report Tweet
        Replying to @alexey_rodionov

        No algorithm that I was aware of. One approach to get closer to usable values might be applying `filter: invert() hue-rotate(180deg)` and then working based off these values, but your actual mileage may vary.

        0 replies 0 retweets 1 like
      4. End of conversation
      1. New conversation
      2. John Brandenburg‏ @johnbburg 13 Sep 2019
        • Report Tweet
        Replying to @tomayac

        How does one enable this in ubuntu? I don't seem to have a system setting toggle.

        1 reply 0 retweets 0 likes
      3. Thomas Steiner‏ @tomayac 13 Sep 2019
        • Report Tweet
        Replying to @johnbburg

        Setting a dark theme on your system should be enough, but currently there’s a bug https://bugs.chromium.org/p/chromium/issues/detail?id=998903 …, so temporary you need to launch Chrome with these two flags: --enable-features=WebUIDarkMode --force-dark-mode

        0 replies 0 retweets 0 likes
      4. End of conversation

    Loading seems to be taking a while.

    Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.

      Promoted Tweet

      false

      • © 2020 Twitter
      • About
      • Help Center
      • Terms
      • Privacy policy
      • Imprint
      • Cookies
      • Ads info