Header color on obsidian mobile stopped working after update

Things I have tried

  • Turning off all other snippets.
  • After turning off all other snippets I turned off the header color snippet restarted obsidian and enabled the header color snippet and restarted obsidian again.

I’ve searched the forum to the best of my ability but haven’t found someone posting about a similar problem. If I missed something obvious I’d happily be corrected.

What I’m trying to do

After the last mobile update the iOS obsidian app stopped using my custom header css. All other css works fine and the header css in question works well on the MacOS version.

Mobile:

Computer:

Here’s my snippet:

.theme-dark {
	--gradient01: #fffb96;
	--gradient02: #fffb96;
	--gradient03: #bae1ff;
	--gradient04: #FFFEFC;
	--gradient05: #FFFEFC;
	--gradient06: #FFFEFC;
	--gradient07: var(--gradient05), opacity: 0.8;

    --text-normal: #FFFEFC /*hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 90%))*/;
    --text-muted:hsl(var(--base-h),calc(var(--base-s) - 5%),calc(var(--base-l) - 45%));
    --text-faint:hsl(var(--base-h),calc(var(--base-s) - 5%),calc(var(--base-l) - 25%));
}


.theme-light {
	--gradient01: #9cadce;
	--gradient02: #3e6ca2;
	--gradient03: #233d5b;
	--gradient04: #211911;
	--gradient05: #100C08;
	--gradient06: #100C08;
	--gradient07: var(--gradient05), opacity: 0.8;

    --text-normal: #100C08;
    --text-muted: hsl(var(--base-h),calc(var(--base-s) - 5%),calc(var(--base-l) - 45%));
    --text-faint:hsl(var(--base-h),calc(var(--base-s) - 5%),calc(var(--base-l) - 25%));
}



.cm-header-1, .markdown-preview-view h1 {
    color: var(--gradient01);
    font-variant: capitalize !important;
    font-size: 30px;
    font-weight: 300;
	line-height: 4rem;
	margin: 0 0 1.75rem;
	padding: 20px 30px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 4rem;}

.cm-header-2, .markdown-preview-view h2 {
    color: var(--gradient02);
    font-weight: 200;
    font-variant: capitalize !important;
    font-size: 24px;
}

.cm-header-3, .markdown-preview-view h3 {
    color: var(--gradient03);
    /*font-weight: 700 !important;*/
    font-variant: capitalize !important;
    font-size: 19px;
    font-weight: 100;}

.cm-header-4, .markdown-preview-view h4 {
    color: var(--gradient04);
    /*font-weight: 700 !important;*/
    font-size: 17px;
    font-weight: normal;}

.cm-header-5, .markdown-preview-view h5 {
    color: var(--gradient05);
    /*font-weight: 700 !important;*/
    font-variant: capitalize !important;
    font-size: 16px;
    font-weight: bold;}

.cm-header-6, .markdown-preview-view h6 {
    color: var(--gradient06);
    /*font-weight: 700 !important;*/
    font-variant: capitalize !important;
    font-size: 15px;
    font-weight: bold;}

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.