https://github.com/osiegmar/github-dark-mode-bug

https://github.com/osiegmar/github-dark-mode-bug

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/osiegmar/github-dark-mode-bug
• Owner: osiegmar
• Created: 2023-09-16T16:11:46.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-09-16T17:08:59.000Z (over 2 years ago)
• Last Synced: 2025-03-20T21:15:57.592Z (about 1 year ago)
• Language: HTML
• Size: 13.7 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Github Dark Mode Bug

This repository demonstrates the bug [github/markup/#1681](https://github.com/github/markup/issues/1681).

The expected behaviour would be to see only **WHITE** circles in dark mode and **BLACK** circles in light mode.

**Things to check:**

- ERROR 1: Open [this page](https://github.com/osiegmar/github-dark-mode-bug)

- ERROR 2: Navigate to another page (e.g. [Issues](https://github.com/osiegmar/github-dark-mode-bug/issues)) **AND** hit the browser back button there

- Errors highly depends on your [GitHub theme preferences](https://github.com/settings/appearance) and OS-settings (if synced with OS)

## Via markdown (deprecated)

Dark mode can be used via markdown as shown on [GitHub blog](https://github.blog/changelog/2021-11-24-specify-theme-context-for-images-in-markdown/)

but is now deprecated (see next section).

![Circle black](./circle_black.png#gh-light-mode-only)

![Circle white](./circle_white.png#gh-dark-mode-only)

## Via HTML picture element

Current recommended way is documented in [GitHub Docs](https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax#specifying-the-theme-an-image-is-shown-to).

    

    

    

## Via styled SVG as HTML image element