# Bug - CSS snippet stopped working in iOS 1.14.4

**URL:** <https://forum.obsidian.md/t/bug-css-snippet-stopped-working-in-ios-1-14-4/119167>\
**Category:** Devs: Theme Design & Custom CSS\
**Tags:** custom-css, ui-ux, tracked, mobile\
**Created:** [October 7, 2026, 1:37pm UTC](https://forum.obsidian.md/t/bug-css-snippet-stopped-working-in-ios-1-14-4/119167 "2026-10-07T13:37:32Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![oscartorres](https://forum.obsidian.md/user_avatar/forum.obsidian.md/oscartorres/32/60520_2.png) [@oscartorres](https://forum.obsidian.md/u/oscartorres)\
**Post date:** [October 7, 2026, 1:37pm UTC](https://forum.obsidian.md/t/bug-css-snippet-stopped-working-in-ios-1-14-4/119167/1 "2026-10-07T13:37:32Z")

</div>

### Steps to reproduce

1. Add CSS snippet (see below)
2. Target `suggestion-highlight` class

### Did you follow the troubleshooting guide? [Y/N]

> Please, follow the [Troubleshooting Guide](https://forum.obsidian.md/t/about-the-bug-reports-category/24/11) before answering Yes.

Yes

### Expected result

Background changes:

 ![CSS snippet working in Obsidian desktop 1.13.7 2026-10-07 at 09.57.14 Bug - CSS snippet stopped working in iOS 1.14.4](https://forum.obsidian.md/uploads/default/original/3X/6/4/6436de881dbd2ee594142d148c962ab2bab21a1b.webp)

### Actual result

Background does not change:

 ![Background does not change 2026-10-07 at 10.35.42 Bug - CSS snippet stopped working in iOS 1.14.4](https://forum.obsidian.md/uploads/default/original/3X/d/d/dd17907a03571ea4fcd6dd9b71edca02937aea9e.webp)

### Environment

SYSTEM INFO:  
Obsidian version: 1.14.4 (389)  
API version: 1.14.4  
Operating system: iOS 26.6.1 (Apple iPhone16,1)  
Login status: not logged in  
Language: en  
Live preview: on  
Base theme: adapt to system  
Community theme: none  
Snippets enabled: 1  
Restricted mode: on

RECOMMENDATIONS:  
Custom theme and snippets: for cosmetic issues, please first try updating your theme and disabling your snippets. If still not fixed, please try to make the issue happen in the Sandbox Vault or disable community theme and snippets.

* * *

### Additional information

Screen recording: [Bug - CSS snippet stopped working in iOS 1.14.4 Screen Recording 2026-10-07 at 10.09.18.MP4 - Proton Drive](https://drive.proton.me/urls/ZKRM1Q9J0R#KSwHCRlHLFGk)

The `search-highlight.css` snippet:

```css
.suggestion-highlight {
  background-color: var(--text-highlight-bg); /* https://docs.obsidian.md/Reference/CSS+variables/Foundations/Colors#Text+background+colors */
}

```

I see the `suggestion-highlight` class is still there in Obsidian desktop 1.13.7, did it change in 1.14.4?

---

<div class="post-metadata">

**Author:** ![WhiteNoise](https://forum.obsidian.md/user_avatar/forum.obsidian.md/whitenoise/32/11_2.png) [@WhiteNoise](https://forum.obsidian.md/u/WhiteNoise)\
**Post date:** [October 7, 2026, 3:10pm UTC](https://forum.obsidian.md/t/bug-css-snippet-stopped-working-in-ios-1-14-4/119167/2 "2026-10-07T15:10:45Z")

</div>

> **[Obsidian Changelog](https://obsidian.md/changelog/#:~:text=replacing%20MathJax%203.-,Developers,-The%20installer%20has)**
>
> Follow the latest updates to Obsidian apps for desktop and mobile.

---

<div class="post-metadata">

**Author:** ![oscartorres](https://forum.obsidian.md/user_avatar/forum.obsidian.md/oscartorres/32/60520_2.png) [@oscartorres](https://forum.obsidian.md/u/oscartorres)\
**Post date:** [October 7, 2026, 7:09pm UTC](https://forum.obsidian.md/t/bug-css-snippet-stopped-working-in-ios-1-14-4/119167/3 "2026-10-07T19:09:19Z")

</div>

I don’t see the relation with the highlight on that link. Can you please quote here the exact part you are referring, and explain a bit more?

---

<div class="post-metadata">

**Author:** ![ariehen](https://forum.obsidian.md/user_avatar/forum.obsidian.md/ariehen/32/46932_2.png) [@ariehen](https://forum.obsidian.md/u/ariehen)\
**Post date:** [October 7, 2026, 8:20pm UTC](https://forum.obsidian.md/t/bug-css-snippet-stopped-working-in-ios-1-14-4/119167/4 "2026-10-07T20:20:48Z")

</div>

Change the color value to `var(--highlight-background)` and you should be good to go.

```css
.suggestion-highlight {
  background-color: var(--highlight-background); 
}

```

 ![Screenshot 2026-10-08 at 5.23.15](https://forum.obsidian.md/uploads/default/original/3X/8/9/898dc09acaf8d66d212c55a620db093d1248c625.png)

* * *

Some new highlight variables were introduced for the `==🔴new text highlighting==` in notes:

```css
/* Highlights */
  --highlight-opacity: 30%;
  --highlight-background: var(--text-highlight-bg, var(--highlight-background-yellow));
  --highlight-background-red: color-mix(in oklch, var(--color-red) var(--highlight-opacity), transparent);
  --highlight-background-orange: color-mix(in oklch, var(--color-orange) var(--highlight-opacity), transparent);
  --highlight-background-yellow: color-mix(in oklch, var(--color-yellow) var(--highlight-opacity), transparent);
  --highlight-background-green: color-mix(in oklch, var(--color-green) var(--highlight-opacity), transparent);
  --highlight-background-blue: color-mix(in oklch, var(--color-blue) var(--highlight-opacity), transparent);
  --highlight-background-purple: color-mix(in oklch, var(--color-purple) var(--highlight-opacity), transparent);
  

```
