> For the complete documentation index, see [llms.txt](https://rosea.gitbook.io/universe-moodle-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rosea.gitbook.io/universe-moodle-theme/more/show-hide-on-the-dark-mode.md).

# Show/hide on the Dark Mode

You can hide any element on the website in dark mode view or on a standard theme(light mode).

I recommend using these classes for images with white backgrounds.

### Editing the dark mode using Custom CSS

To edit any element in the dark mode just add a class ".theme-dark"

```
.theme-dark .sampleClass { }
```

### **Hidden on the dark mode view**

#### **hide-on-darkmode**

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

### **Hidden on the light mode view**

#### **hide-on-lightmode**

```html
<img src="URL" class="hide-on-lightmode" alt=""/>
```