Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-45256

Add userTheme preference to html tag for Velocity and JSF tools

    XMLWordPrintable

    Details

    • 21 Status:
      Resolved
    • Test Plan:
      Hide

      Go into a site, add all of the widgets to the Overview page.  Siwtch on dark mode.  View the iframe source for each of the iframe widgets:

      • announcements synoptic
      • chat synpotic
      • messages synoptic
      • calendar synoptic

      Look to make sure that the html tag has the class and the class changes to adjusts to changes in the user prefernces.

      The Announcements synoptic tool seems to have more dark mode aware markup.  SO more of its UI might look better.

      Show
      Go into a site, add all of the widgets to the Overview page.  Siwtch on dark mode.  View the iframe source for each of the iframe widgets: announcements synoptic chat synpotic messages synoptic calendar synoptic Look to make sure that the html tag has the class and the class changes to adjusts to changes in the user prefernces. The Announcements synoptic tool seems to have more dark mode aware markup.  SO more of its UI might look better.

      Description

      This work will add the class="sakaiUserTheme-dark" to the <html tag for JSF and Velocity tool based markup when those tools are in an iframe.

      <html lang="en-US" dir="ltr" class="Mrphs-html sakaiUserTheme-dark">

      This is part of the solution to SAK-45196 - it allows the markup in these tools to "know" if they should be dark mode or not.  Each tool's markup still needs to be adjusted to properly honor dark the dark mode setting.

        Gliffy Diagrams

          Zeplin

            Attachments

            1. SAK-45256-overview.png
              243 kB
              Charles Severance
            2. SAK-45256-view-source.png
              429 kB
              Charles Severance

              Issue Links

                Activity

                  People

                  Assignee:
                  csev Charles Severance
                  Reporter:
                  csev Charles Severance
                  Votes:
                  0 Vote for this issue
                  Watchers:
                  2 Start watching this issue

                    Dates

                    Created:
                    Updated:
                    Resolved:

                      Git Integration