BAZ Moodle Theme
Get BAZ ThemeSupport
  • BAZ Premium Moodle Theme
  • Requirements
  • Changelog
  • Getting started
    • Theme Installation/Update
    • Demo content
    • RTL Layout
    • Custom Enrollment Page
    • Custom E-Mail Template
  • 🤩Global Styles
    • Typography
    • UI Elements
    • Headings/Text Modifications
  • Theme Settings
    • General
    • SEO
    • Customization
      • Google Fonts
      • Colors
    • Login page
    • Front Page Blocks
      • Block #1
      • Block #2
      • Block #3
      • Block #4
      • Block #5
      • Block #6
      • Block #7
      • Block #8
      • Block #9
      • Block #10
      • Block #11
      • Block #12
      • Block #13
      • todo Block #14
      • Block #15
      • Block #16
      • Block #17
      • todo Block #18
      • Block #19
      • How to add more item to blocks?
    • Top Bar
      • User Menu - Custom Icons
    • Dashboard
    • Course Page
    • Footer
    • Custom Fonts
  • More
    • 🕶️Show/hide for non-logged in users
    • 🌑Show/hide on the Dark Mode
    • Translations
    • Server recommendations
    • Graphics, Icons etc.
Powered by GitBook
On this page
  • Hidden on the dark mode view
  • Hidden on the light mode view

Was this helpful?

  1. More

Show/hide on the Dark Mode

Use the following CSS classes to manage different themes on your website:

Hidden on the dark mode view

hide-on-darkmode: This class hides elements in dark mode view.

<img src="URL" class="hide-on-darkmode" alt=""/>

Hidden on the light mode view

hide-on-lightmode: This class hides elements in light mode view.

It's recommended to use these classes for images with white backgrounds or other elements that need to be hidden based on the theme.

<img src="URL" class="hide-on-lightmode" alt=""/>
PreviousShow/hide for non-logged in usersNextTranslations

Last updated 3 months ago

Was this helpful?

🌑