The toggle highlight colour is too bright to see the underlying icon.
Plus it's too harsh and distracting at Night. I know it's possible for me to go in and change but I think it shouldn't be there at all by default.

I use a css snippet called CheckBoxes and the atom theme for some reason breaks it.

Code for css snippet : https://github.com/deathau/obsidian-snippets/blob/main/checkbox.css

Here is the desired effect

And here is the same thing after using the atom theme, the ! and ? dont work under the theme

Is there any fix ?
Thank you

There are a few themes out there that correctly use other icons for cancelled and deferred tasks. Atom currently does not.

The screenshot here is from the "Border" theme that shows cancelled tasks...

Here is the behaviour with the "Atom" theme:

Great work regardless... thank you!!!

Edit: Whoops, accidentally created issue before I wrote the description

The padding applied to .nav-file, .nav-folder applies to hidden items with unsupported file extensions as well, which causes them to generate blank spaces which can be accidentally clicked on. Removing the .nav-file selector fixed this issue. I'm not very fluent with CSS, but if there is a way to not apply the padding to child <div> elements with the is-unsupported class, that would work as well.

Thanks for this great theme! I've been using it for a few weeks now and am very happy with all but one minor issue. The beginning of every note title in the nav tab is missing:

Those dates should obviously start with a complete "2", and the entire "T" is missing from "Template", as well as a pixel or two of the "e".

The problem seems to be a combination of the base style

.nav-file-title-content {
    text-indent: -10px;
}

and the theme style

.nav-file-title-content {
    overflow: hidden;
}

Note that nav folder titles do appear correctly. As far as I can tell, this is because they don't have the base text-indent: -10px, so the theme's overflow: hidden isn't causing a problem.

Hello,

Thanks a lot for this awesome theme. I like it a lot. But I am facing an issue. When I change the font size, the line spacing breaks and it gets all jumbled up. The issue is especially prominent in the header sections.

This is the editor view

And here is the preview

And this is what happens if I increase the fonts

as the title says. Live Preview, although not broken could look far better with little effort, and closer to reading view.

Would it be possible to have colors for different heading levels? (H1, H2 etc)

Hi, thank you for developing such an excellent theme. However, I noticed that the vertical line for the outline disappeared in the new version of the theme with the outliner plugin. I remember that in the old version when using Outliner the vertical lines would appear. You can see the picture below.

If there is different color for different heading then notes will be more readable.

Is there a reason this rule was included? My understanding of MathJax is that double $$ should centre the equation, and you use single $ for inline. This css rule overwrites this behaviour unfortunately.

Looking for more options for this theme, which I like. ie) lighter background options for the side bars... colored headers.

While using latex, the preview of the expression does not change if I change the font size.
But it works on the default theme.

I don't know if this is only in the ATOM theme, if not maybe you can forward this at the right place.

Bullet points folding issue

See image:
https://i.imgur.com/yQ2hpFq.png

Here is the code to test it yourself:

- Create\
  those **files** into `.\PortableGit\home` (we'll edit them later):
    - `.\PortableGit\home\.gitconfig`\
       This will be your public Git config file (more informations later)

    - `.\PortableGit\home\.profile`\
       This file will start your SSH agent automatically (more informations later)

In Editor Life-View mode you have a strange space in the middle of the lists.
You can collapse all bulletpoints in Life-View Mode but not in the Reading-Mode.

Another thing to mention is that in your Atom Theme the bullets have a different style then in the Life-Preview mode.
Maybe you can adjust this aswell so that your Reading-Mode style match the Life-View (Editor) style.
The Reading mode is great, the editor just don't match this.

Reading Mode

OBSOLETE:
This seems to be fixed in a newer Obsidian Version and it wasn't about Atom Theme I would say.
You can ignore the "Reading Mode" section.

I added this CSS to my custom snippets to "fix" your ATOM theme listing elements:

.markdown-rendered.show-indentation-guide li > ul::before,
.markdown-rendered.show-indentation-guide li > ol::before
{ /* ALL li (2nd level+) vertical line */
  margin-left: 2px !important;
}

This aligns the vertical line directly below the bullet points.

Simply test it with this code:

- List entry 1
- List entry 2
    - List entry 2.1
    - List entry 2.2
    - List entry 2.3
        - List entry 2.3.1
        - List entry 2.3.2

You also can see the visual difference between Editor Life-View and Reading-Mode here.

When using $$latex$$ it would usually be centered, but since the latest update it's not centered anymore.
Default theme displays it correctly. Also the font themes very large.

Expected (default theme):

Actually (atom theme):

Is this line necessary?

It overrides the obsidian setting for readable line length, and it just seems to be far too wide for the body font size. Not sure why it's here or what problem it's solving, but could it be more targeted to that problem or removed altogether?

Emojis render as oversized in the preview. They render normally with the default theme.

A picture (or two) is better than a thousand words :

Editor view :

Preview :

The background color is a bit too dark in the full-calendar plugin, would you mind making a better adaptation?

When changing the zoom level, the space between the lines is also altered, as can be seen in the following image:

I've seemed to have narrowed down the issue to the following property on <p>:

.markdown-preview-view.is-readable-line-width .markdown-preview-section, .markdown-source-view.is-readable-line-width .CodeMirror {
    max-width: 900px !important;
    line-height: 26px;
}

Disabling line-height seems to fix the issue.

This can be easily remedied by removing the font-size: 20px; line in the mjx-container[jax='CHTML'] rule.

To see what I'm talking about, create a new note with:

# Cool math: $\mathbb R^3$

I would open a PR, but forking the entire repo to change a single line of code seems a bit overkill 😅. I've been using this change on my personal Atom.css and haven't noticed any formatting issues.

While we're at it, I'd suggest adding

.math-block {
  font-size: 1.25em;
}

as this makes $$ math blocks much easier to read.

Thanks for the super cool theme!

Try this sentence in Obsidian:

# A Long title with a link inside of it  www.zhihu.com have a strange line space

Result:

The vertical lines in the folder navigation are a bit to far on the left, not directly below the arrow to fold it together.

Like you can see here on the screenshot:
https://i.imgur.com/3HrZWln.png

Also I added this to my custom CSS snipped to add a little space between the folder name and the arrorow:

.nav-folder-title-content
{
  padding-left: 4px;
}

Maybe this helps to improve your ATOM theme for Obsidian.

I added this code to a custom css file:

/* OBSIDIAN GUI --------------------------------------------------------------- */
.workspace-leaf-content[data-type="starred"] .item-list .nav-file-icon
{
  position: relative;
  top: 1px;
}

.workspace-leaf-content[data-type="starred"] .item-list .nav-file-title-content
{
  position: relative;
  top: -2px;
}

This will fix it like this:
https://imgur.com/a/psoi7kl

( 1 ) is default Atom Theme which have a styling issue for the favourites menu.
( 2 ) is my CSS-Fix for Atom Theme. Even if you hover it it's perfectly centered.

Please implement this fix to the default Atom Theme for everyone.

How do I get a wider text width in live preview mode?
Changing the max-width in this section

.markdown-preview-view.is-readable-line-width .markdown-preview-section, .markdown-source-view.is-readable-line-width .CodeMirror {
  max-width: 900px;
  line-height: 26px;
}

Only changes the max-width in preview mode, not the live preview.
By default it's quite a lot narrower than in the live preview, but I'd like them to be the same.