diff --git a/docs/general/contributing/branding.md b/docs/general/contributing/branding.md index 6863c651..0c7885fe 100644 --- a/docs/general/contributing/branding.md +++ b/docs/general/contributing/branding.md @@ -40,10 +40,10 @@ All iconography and other resources can be found in the [jellyfin-ux](https://gi When using the full version of the logo, the text should only be placed to the right of the icon. -![The logo should have the text placed on the right of the icon.](/images/docs/branding-logo-yes-side.png#gh-light-mode-only) -![The logo should have the text placed on the right of the icon.](/images/docs/branding-logo-dark-theme-yes-side.png#gh-dark-mode-only) -![The logo should never have the text placed below the icon.](/images/docs/branding-logo-no-below.png#gh-light-mode-only) -![The logo should never have the text placed below the icon.](/images/docs/branding-logo-dark-theme-no-below.png#gh-dark-mode-only) +![The logo should have the text placed on the right of the icon.](/images/docs/branding-logo-yes-side.png#hidden--dark-mode) +![The logo should have the text placed on the right of the icon.](/images/docs/branding-logo-dark-theme-yes-side.png#hidden--light-mode) +![The logo should never have the text placed below the icon.](/images/docs/branding-logo-no-below.png#hidden--dark-mode) +![The logo should never have the text placed below the icon.](/images/docs/branding-logo-dark-theme-no-below.png#hidden--light-mode) The design for the logo uses a gradient for the infill, and if the non-transparent logo is chosen there is an optional background color. diff --git a/src/css/custom.css b/src/css/custom.css index 9a6de7a2..add01e75 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -113,8 +113,8 @@ a.pills__item:not(.pills__item--active) { } /* To toggle the visibility of an image using the path fragment */ -[data-theme='light'] img[src$='#gh-dark-mode-only'], -[data-theme='dark'] img[src$='#gh-light-mode-only'] { +[data-theme='light'] img[src$='#hidden--light-mode'], +[data-theme='dark'] img[src$='#hidden--dark-mode'] { display: none; }