From 81100764e5071441773691c7c6246fa7e05032d6 Mon Sep 17 00:00:00 2001 From: leewan-09 Date: Wed, 7 Sep 2022 21:30:18 +0500 Subject: [PATCH 1/2] logo uses white text on dark mode --- docs/general/contributing/branding.md | 5 ++++- src/css/custom.css | 6 ++++++ .../docs/branding-logo-dark-theme-no-below.png | Bin 0 -> 6541 bytes .../docs/branding-logo-dark-theme-yes-side.png | Bin 0 -> 7253 bytes 4 files changed, 10 insertions(+), 1 deletion(-) create mode 100644 static/images/docs/branding-logo-dark-theme-no-below.png create mode 100644 static/images/docs/branding-logo-dark-theme-yes-side.png diff --git a/docs/general/contributing/branding.md b/docs/general/contributing/branding.md index 6e25c3d9..6863c651 100644 --- a/docs/general/contributing/branding.md +++ b/docs/general/contributing/branding.md @@ -40,7 +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) ![The logo should never have the text placed below the icon.](/images/docs/branding-logo-no-below.png) +![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 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 30ef359d..9a6de7a2 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -112,6 +112,12 @@ a.pills__item:not(.pills__item--active) { fill: var(--ifm-font-color-base); } +/* 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'] { + display: none; +} + @media (max-width: 996px) { .hidden--mobile { display: none; diff --git a/static/images/docs/branding-logo-dark-theme-no-below.png b/static/images/docs/branding-logo-dark-theme-no-below.png new file mode 100644 index 0000000000000000000000000000000000000000..7ab37877e182ee56a1dc1c209eddbfff8531bebd GIT binary patch literal 6541 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 sL`;8Xar^F7D95X@npm`Ag-2s>A&ZC4)0kS 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 Date: Thu, 8 Sep 2022 22:12:26 +0500 Subject: [PATCH 2/2] changed CSS class naming. --- docs/general/contributing/branding.md | 8 ++++---- src/css/custom.css | 4 ++-- 2 files changed, 6 insertions(+), 6 deletions(-) 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; }