Is there a way to make * / - / + list markers render as exactly the same bullet icon (very same size & alignment)?

Help
1

When trying to use different list markers (* / - / +), I notice they don’t have the very same size and/or alignment.

Is there a way to make them render exactly the same (same size, same alignment) ?

Thank you very much

NB : Different list markers are needed if someone wants to split lists (2 or more lists separated by an empty line) and make them render properly in Reading mode.

2

I’m seeing a different alignment for the last one on my test (which is using +); the others look the same to me. (This is in Live Preview. Reading Mode looks as expected.) is that what you see?

IMG_9085
IMG_90851170×355 5.42 KB

3

Hi @CawlinTeffid, not exactly, here is what I get (2 sequences with order : -, *, +) :

image

As you can see :

  • The 2 sequences render differently (“-” in the first sequence does not have same size/shape as in the second sequence, same thing for “*”). Only “+” render similarly in both sequences.
  • + has a different alignment than - / *.
  • In both sequences, -, * and + all have different sizes / shapes.

I’m using the default theme, and only 2 .css files :

/* <<------------- Hide Strikethrough in READING VIEW ----------------->> */
	.markdown-preview-view ul>li.task-list-item {
		text-decoration: none;
	}
/* <<------------- Hide Strikethrough in LIVE PREVIEW ----------------->> */
	.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="x"] {
		text-decoration: none;
	}

And :

:root{
    /* My palette */
    --my-h1: #5e81ac; /* Peach Puff, a light, warm autumn tone */
    --my-h2: #a3be8c; /* Sandy Brown for a softer fall feel */
    --my-h3: #ebcb8b; /* Peru, a medium autumn shade */
    --my-h4: #d08770; /* Chocolate for a rich autumn tone */
    --my-h5: #bf616a; /* Dark Sienna Brown for a deep autumn look */
    --my-h6: #b48ead; /* Light Salmon for a gentle autumn hue */
}

/* Replace what follows by "--winter, --autumn, --summer, --spring or --winter" */

body
{
    --inline-title-color: #ffffffc2;
    
    --h1-color:  var(--my-h1);
    --h2-color:  var(--my-h2);
    --h3-color:  var(--my-h3);
    --h4-color:  var(--my-h4);
    --h5-color:  var(--my-h5);
    --h6-color:  var(--my-h6);
}

.HyperMD-header-1, h1, .cm-header-1 {
    --link-color: var(--my-h1);
    color: var(--my-h1);
}

.HyperMD-header-2, h2, .cm-header-2 {
    --link-color: var(--my-h2);
    color: var(--my-h2);
}

.HyperMD-header-3, h3, .cm-header-3 {
    --link-color: var(--my-h3);
    color: var(--my-h3);
}

.HyperMD-header-4, h4, .cm-header-4 {
    --link-color: var(--my-h4);
    color: var(--my-h4);
}

.HyperMD-header-5, h5, .cm-header-5 {
    --link-color: var(--my-h5);
    color: var(--my-h5);
}

.HyperMD-header-6, h6, .cm-header-6 {
    --link-color: var(--my-h6);
    color: var(--my-h6);
}

If it may help, please also find a list of my plugins :

- Admonition
- Bibnotes Formatter
- Calendar
- Chronos Timeline
- Citations
- Completr
- Custom Attachment Location
- Custom window title
- Dataview
- Day Planner
- Emoji Toolbar
- Excalidraw
- Extended MathJax
- Footnote Shortcut
- Frontmatter Markdown Links
- Git
- Hotkey Helper
- Hotkey++
- Image Captions
- Kanban
- Latex Environments
- List Modified
- Maximise Active Pane
- Media Extended
- MetaEdit
- Mind Map
- Natural Language Dates
- Outliner
- Paste URL into selection
- Periodic Notes
- Pixel Banner
- Quick Latex
- Quick Switcher++
- QuickAdd
- Shortcuts extender
- Sidebar Highlights
- Sort & Permute lines
- Templater
- Vertical Tabs
- Workspaces Plus
- Wrap with shortcuts
4

That is quite strange! Are your 2 sequences Live Preview and Reading View, or both in the same view?

Do you see the same behavior after turning on Settings > Community Plugins > Restricted Mode?

What if you change the font in Settings > Appearance?

5

Thanks :

The 2 sequences are both in Live preview, in the same note.

Same behavior with “Restricted Mode” turned on, but I have the same result as you when I use a new empty vault.

Same behavior when changing font.

6

Hmm, I would think those CSS snippets would affect it, but may as well try turning them off and reloading the vault.