Activity

1. cwarnermm

   added

   Acknowledged/Docs teamIssue acknowledged by Docs team, next step pendingIssue acknowledged by Docs team, next step pending

   on Apr 12, 2024
2. cwarnermm

   changed the title [-]Denim Mode product screenshots present too much contrast in Dark Mode[/-] [+]Help Wanted: Denim Mode product screenshots present too much contrast in Dark Mode[/+] on Sep 24, 2024
3. cwarnermm

   added

   Help WantedCommunity help wantedCommunity help wanted

   Area/Documentation ImprovementsImprovements to documentationImprovements to documentation

   Up for Grabs

   Area/Content

   Difficulty/2:Medium

   Tech/RST

   Tech/Sphinx

   Hacktoberfestnullnull

   on Sep 24, 2024
4. cwarnermm

   removed

   Hacktoberfestnullnull

   on Nov 1, 2024
5. yesbhautik commented on Nov 5, 2024

   

   yesbhautik

   on Nov 5, 2024

   Last edited by yesbhautik

   Contributor

   More actions

   To address the issue of high contrast in screenshots when viewed in Dark Mode, we can consider the following technical solutions:

   1. CSS Filter: Apply CSS filters to adjust the brightness and contrast of the images dynamically based on the mode (Light or Dark) the user is in.

      .screenshot {
          filter: brightness(0.8) contrast(1.2);
      }
   

   2. SVG Overlays: Use SVG overlays to adjust the appearance of the screenshots. This can help in blending the images better with the background.

   3. Dynamic Image Rendering: Use JavaScript to detect the user's theme preference and dynamically adjust the image properties. This can be done by manipulating the CSS or using a library like darkmode-js.

   4. CSS Variables: Define CSS variables for image adjustments and change their values based on the mode.

   :root {
          --image-brightness: 1;
          --image-contrast: 1;
      }
   
      [data-theme="dark"] {
          --image-brightness: 0.8;
          --image-contrast: 1.2;
      }
   
      .screenshot {
          filter: brightness(var(--image-brightness)) contrast(var(--image-contrast));
      }
   

   By implementing one or a combination of these solutions, we can achieve a more consistent appearance of screenshots across different viewing modes without maintaining separate sets of images.
6. esethna commented on Sep 14, 2026

   

   esethna

   on Sep 14, 2026

   Contributor

   More actions

   Bulk closing issues as our docs have migrated to the /mattermost repository. Please considering opening your issue or PR there if it is still valid.
7. esethna

   closed this as completedon Sep 14, 2026