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

Fix design and styling of the dark mode toggle button

    XMLWordPrintable

    Details

    • 21 Status:
      Resolved
    • Test Plan:
      Hide
      1. Use the account menu to toggle between light and dark mode
      2. Ensure the toggle works
      3. Ensure the toggle is intuitive and understandable
      4. Ensure the toggle looks good
      5. Test in various window sizes, browsers, and desktop/mobile configurations
      6. Ensure it is accessible to keyboard and screenreader users
      Show
      Use the account menu to toggle between light and dark mode Ensure the toggle works Ensure the toggle is intuitive and understandable Ensure the toggle looks good Test in various window sizes, browsers, and desktop/mobile configurations Ensure it is accessible to keyboard and screenreader users

      Description

      SAK-43981 introduced Dark Mode to Sakai. The toggle between dark and light mode appears in top right account menu. This needs to be styled as a toggle.

        Gliffy Diagrams

          Zeplin

            Attachments

              Issue Links

              depends on

              Feature Request - Functionality that you would like to see in Sakai. SAK-43981 Dark mode theme

              • Minor - Minor loss of function, problem where easy workaround is present, or functionality which would be nice to have.
              • RESOLVED
              is depended on by

              Bug - A problem which impairs or prevents functionality of the product. SAK-44447 Increase performance of applying dark theme on new page loads

              • Major - Major loss of function or need for functionality in production in the near future.
              • RESOLVED

                Activity

                  People

                  Assignee:
                  sfoster9 Shawn Foster
                  Reporter:
                  sfoster9 Shawn Foster
                  Votes:
                  0 Vote for this issue
                  Watchers:
                  3 Start watching this issue

                    Dates

                    Created:
                    Updated:
                    Resolved:

                      Git Integration