Homepage    |    GitHub    |    API    |    FAQ

Notebook name as a style (CSS) indicator

Hi

What i want to accomplish: different style, manly background and title, per notebook.
New notes in that notebook get the same style.

Are Notebook names usable to change style (CSS) only from the notes in that notebook?

Example (simple):

Notebook name is"job", this name is in green and all notes have green background color.

CSS:

#job {
    color: rgb(0, 255, 0); 
}
#job > notes {
    background-color: rgb(0, 255, 0); 
}

I know "> notes" is not the right indicator but would something like that be possible or a feature?

1 Like

I am aware that you can use something like this inside the note:

<style>
@import "./f9ae61f18d6f4f9db8f848bd6f6cbd15.css"
</style>

You need to attach a css file and then use it inside the style tag.

But I am not sure if it works + I think userstyle.css overwrites the style afterwards.