We improved the color contrast of our default light and dark themes on github.com, making them accessible to all users. These changes were made to Primer, GitHub's Design System, as part of our commitment to making GitHub inclusive to all developers. Visit accessibility.github.com for more information.
The VS Code light and dark themes will also be updated to match these changes.
You can now specify whether to display images for light or dark themes in Markdown, using the HTML <picture> element in combination with the prefers-color-scheme media feature.
For example:
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/25423296/163456776-7f95b81a-f1ed-45f7-b7ab-8fa810d529fa.png">
<img alt="Shows an illustrated sun in light color mode and a moon with stars in dark color mode." src="https://user-images.githubusercontent.com/25423296/163456779-a8556205-d0a5-45e2-ac17-42d089e3c3f8.png">
</picture>You can now specify whether to display images for light or dark themes in Markdown, using the HTML <picture> element in combination with the prefers-color-scheme media feature.
For example:
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/25423296/163456776-7f95b81a-f1ed-45f7-b7ab-8fa810d529fa.png">
<img alt="Shows an illustrated sun in light color mode and a moon with stars in dark color mode." src="https://user-images.githubusercontent.com/25423296/163456779-a8556205-d0a5-45e2-ac17-42d089e3c3f8.png">
</picture>
A new Tritanopia colorblind theme for blue/yellow color blindness is now available to all github.com users in a public beta. Based on customer feedback, the previous Colorblind theme has been split into two themes: a Protanopia & Deuteranopia colorblind theme, and a Tritanopia colorblind theme. A Protanopia & Deuteranopia colorblind theme is now also available in beta. Navigate to the “Appearance” page in your profile settings to update your theme preferences.
New Protanopia & Deuteranopia colorblind themes for red/green color blindness are now available to all github.com users in a public beta. Based on customer feedback, the previous Colorblind theme has been split into two themes: a Protanopia & Deuteranopia colorblind theme, and a Tritanopia colorblind theme. This Protanopia & Deuteranopia colorblind theme is an update to the previous Colorblind themes. A Tritanopia colorblind theme is now also available in beta. Navigate to the “Appearance” page in your profile settings to update your theme preferences.
A light high contrast theme, with greater contrast between foreground and background elements, is now generally available to all github.com users. Navigate to the "Appearance" page in your profile settings to choose the light high contrast theme.
A VS Code light high contrast theme matching the official github.com theme is also now generally available. To start using the new theme, go to the VS Marketplace, click on the "Install" button, and select your preferred theme in VS Code.
Users can now specify the theme an image is displayed for in Markdown. Appending #gh-dark-mode-only or #gh-light-mode-only to the end of an image url will define whether it's only shown to viewers using a light or a dark GitHub theme. For example:
The GitHub logo in the above screenshots uses the following Markdown to specify the theme context:
A light high contrast theme, with greater contrast between foreground and background elements, is now available to all github.com users in a public beta. Navigate to the “Appearance” page in your profile settings to choose the light high contrast theme.
Light and dark colorblind accessible themes are now available to all github.com users in a public beta. These themes swap colors such as red and green for orange and blue to make GitHub more inclusive for colorblind users. Navigate to the “Appearance” page in your profile settings to update your theme preferences.
A new GitHub Dark High Contrast theme matching the official github.com theme is now available in VS Code. To start using the new theme, go to the VS Marketplace, click on the "Install" button, and select your preferred theme in VS Code. This release also includes recent improvements to our color system across the other GitHub VS Code themes.
A dark high contrast theme, with greater contrast between foreground and background elements, is now generally available to all github.com users. Navigate to the "Appearance" page in your profile settings to choose the dark high contrast theme. This release also includes improvements to our color system across all GitHub themes.
A dark high contrast theme, with greater contrast between foreground and background elements, is now available to all github.com users as a public beta. Opt-in to the beta by enabling the theme in your Feature Preview settings, located in the profile menu dropdown. Once the Feature Preview has been enabled, navigate to the "Appearance" page in your profile settings to choose the dark high contrast theme.
Please note, you may notice color issues with other themes when in this beta. If they are disruptive you can opt-out by disabling in Feature Preview.
Dark and dark dimmed themes are now generally available to all github.com and GitHub Enterprise Cloud users. The updated appearance settings included in this release are designed to give you more control over your theme preferences. Select Single theme or Sync to system to customize the themes that are active during day and night. GitHub will now default to match system preferences when a user is logged out, or when a user is logged in and theme preferences have not yet been set. Manage your theme settings in the "Appearance" tab located in your profile settings.
New GitHub Light Default, GitHub Dark Default and GitHub Dark Dimmed themes matching the official github.com themes are now available in VS Code. To start using the new themes, go to the VS Marketplace, click on the "Install" button, and select one of the themes in VS Code. GitHub's classic VS Code themes GitHub Light and GitHub Dark are still available.
A dimmed theme, with a more subdued UI with a little less contrast than our dark mode theme, is now available to all GitHub.com users as a public beta. This update also includes new appearance settings to give you more control over which theme displays during the day and night. Opt-in to the beta by enabling the theme in your Feature Preview settings, located in the profile menu dropdown. Once the Feature Preview has been enabled, navigate to the "Appearance" tab in your profile settings to choose your preferred theme setting.
