Paper background works on osx, but not on android

[PetriJ]

I was able to create a paper background for the main content view using CSS, and it works on MacOS, but for some reason the same code doesn’t work on android.

I wonder what css selector I need to use on mobile?
Where can I find information about the css selector hierarchy? Is there some documentation for this? I’m using the wrong selector at the moment, because I can’t get the paper texture to fill the entire content screen and scroll with the contents.

Here’s what I’m using at the moment:

/* Fill margins, would be nice to get this to scroll also, but can't find the correct css selector */
.theme-light .markdown-source-view {
  background: url(https://i.ibb.co/rfKFqmB/repeating-Paper-Texture.jpg);
  background-size: 1100px;
  background-repeat: repeat;
  filter: grayscale(30%);
}

/* Background texture that will scroll with content */
.theme-light .cm-contentContainer {
  background: url(https://i.ibb.co/rfKFqmB/repeating-Paper-Texture.jpg);
  background-size: 900px;
  background-repeat: repeat;
}

[PetriJ]

I found that it’s possible to toggle developer tools, so that’s helping a lot in the investigation.

I’m guessing I will need to do something along these lines…

/* use markdown-source-view so that background of the whole view is filled. */
.theme-light .markdown-source-view {
  background: url(https://i.ibb.co/rfKFqmB/repeating-Paper-Texture.jpg);
  background-size: 1100px;
  background-repeat: repeat;
  filter: grayscale(30%);
  
  /* Find out how to set offset for the background, based on .cm-contentContainer position */
  background-position-y: var(—some-variable-to-track-scroll-position);
}

[PetriJ]

Now the background paper will scroll with the text content.
Here’s how it looks like:
(text color is set to #504E4E)

Although it still doesn’t work on Android. Not sure why.

.markdown-source-view.mod-cm6 .cm-scroller {
  background: url(https://i.ibb.co/rfKFqmB/repeating-Paper-Texture.jpg);
  background-size: 900px;
  background-repeat: repeat;
  background-attachment:local;
  filter: grayscale(30%);
}

[PetriJ]

Ok, mystery solved.
It turned out that if you read Synch Log, it say:

2024-05—09 23:23 - Downloading complete .obsidian/snippets/paper-color.css
2024-05—09 23:23 - Accepted .obsidian/snippets/paper-color.css

That is indeed the correct file and according to the log it was successfully downloaded and added in the snippets folder.
However, when navigated to the file and saw that contents of it, it was an old file.
Meaning that the Synch Log is not correct.
The issue was that I had in the Synch settings the Themes and Snippets unchecked, which I assume created the conflict and refused to update the file.
Perhaps it would be useful to add a log comment in the Synch Log, when a file has been discarded. So that we get a record that the synch was not in fact accepted, as the log claims.