#11

Yeah, I see that now. I tried this way by myself and it works in preview. Now got to find a way to make it work in editor. Thanks.

#12

Thanks for your help. Does this work in edit mode for you? I tried it and cannot make it work in editor.

#13

Yes it works for me (but unresolved links in edit mode can’t be styled as shared in a FR)

#15

Okay. Don’t know why it wont work for me. :confused:

#16

Maybe it conflicts with a theme?

#17

I am in default theme.

#18

I don’t really know anymore :thinking:

I actually tried it with two vaults in default theme and they both worked. The only reason it won’t work is if the note doesn’t exist :upside_down_face:

#19

It just bad luck I guess :grinning_face_with_smiling_eyes: Thanks for your help anyway.

1 Like
#20

@DEV_Scribbles I’m in same position: the code for edit mode doesn’t work.
This could be a newbie question, but where do you find the attribute selector “data-link-data-href”? There’s any chance that attribute is given by any plugin?

#21

ooh probably! lemme check

#22

It looks like it’s from Supercharged Links plugin

#23

Ok. It makes more sense because I didn’t found any particular attribute.
Supercharged is unknown for me. I’ll check it.
Thanks.

#24

Supercharged LInks has included an option to see changes in edit mode. But that hasn’t worked for me either.

#25

i found i had to reload the app for the changes to apply

#26

For me, even reloading the app does’nt work. It works in the preview mode only.

#27

Screenshots will probably help here! Maybe show the snippet you’re testing too.

#28

.cm-hmd-internal-link[data-link-data-href*=“CLM”],
.markdown-preview-view a[href*=“CLM”] {
color: salmon !important;
}

.cm-hmd-internal-link[data-link-data-href*=“CLM”]::before,
.markdown-preview-view a[href*=“CLM”]::before {
content: ":mag_right: ";
}

This is the most promising snippet that i have tested so far. Thanks to @DEV_Scribbles .

#29

Unrelated to the above, I would like to tell that I have been able to achieve the the following results

image
image702×262 4.76 KB

image
image697×205 5.43 KB

using this code

.cm-tag-important, div:not(.CodeMirror-activeline) > .CodeMirror-line span.cm-tag-important {

background-color: red;

border: none;

color: white !important;

font-size: var(–font-size-tag);

text-decoration: none !important;

cursor: pointer;

}

.cm-tag-important:hover {

color: white;

background-color: var(–text-accent-hover);

}

.cm-tag-obsidian, div:not(.CodeMirror-activeline) > .CodeMirror-line span.cm-tag-obsidian {

background-color: #4d3ca6;

border: none;

color: white !important;

font-size: var(–font-size-tag);

text-decoration: none !important;

cursor: pointer;

}

.cm-tag-obsidian:hover {

color: white;

background-color: var(–text-accent-hover);

}

.tag[href^="#obsidian"] {

background-color: #4d3ca6;

}

.tag[href^="#important"] {

color: white;

background-color: red;

}

So, maybe there is a work around for internal links too.

#30

Update : I have got the css given by @DEV_Scribbles to work in editor mode too. I don’t know why it suddenly became active. I am trying to find out. One thing I did was to open a vault in my external HDD rather than on a Google Drive synced folder, as I was doing before.

1 Like
#31

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