jarodise / dracula-for-obsidian.md

A dark theme for Obsidian.md

Hi there 👋

我是数字游民Jarod，曾经的非洲石油工程师，如今的内容创业者，数字游民生活方式倡导者与践行者。

个人网站：https://jarodise.com

微信/INS/推特：jarodise，欢迎勾搭/follow，加微信时请注明暗号“数字游民"，通过后请做自我介绍。

dracula-for-obsidian.md's Issues

Tags are not readable in view mode

If you're reporting an UI issue, make sure you take a screenshot that shows the actual bug.

Obsidian 0.9.20, the tags in preview mode are impossible to read :(

Problem with accessing left sidebar ribbon - how to manually set it to always appear there

Hi! Your theme is great but I don't like autohiding behaviour,it autohide too fast and I have problem with it to appear .
I would like it to be always there, how I could change it manually in the css?

Moreover, sometimes after the ribbon autohide, there appear a visible artefact in the left bottom corner

Accessibility: font size is not able to be changed

If you're reporting an UI issue, make sure you take a screenshot that shows the actual bug.

This theme is lovely! Except for one thing: the theme takes over font size such that it is no longer changeable. This is a showstopper for me, and probably for other people out there with poor eyesight (I need a larger font size than Dracula provides).

It was a bit tough for me to find a way to take a good screenshot showing this. I included a picture of a note, then two pictures of the Settings > Appearance menu--once with font size maximized, and once minimized.

Theme hides toolbar

Hi,

The current version of the theme hides the toolbar on the left hand side of the main window. If you compare your screenshot of Obsidian in the readme file and compare it with my screen shot, below, you'll see that the toolbar is missing in your screenshot. I'm using version 0.10.11 of Obsidian on Windows 10.

Thanks.

Preview mode margins are narrower and clip the fold/unfold arrows

Obsidian 0.11.0
macOS 11.2.1

In edit mode it is all good:

But in preview it clips the fold/unfold arrows. Personally I think the margins should be the same.

Dracula-for-Obsidian.md is looking different for me. I wonder why?

I noticed some UI discrepancies when I applied the Dracula theme.


Here is the reference image from how its supposed to look like:



And this is what it looks like in my obsidian:

• The code and quote block doesn't look the same with the photo reference for the theme.
• The headings don't look bold.
• The highlight is on a different color.
• The bolded words gets colored in green.
• The in-line code is in a different color (but that's kind of okay, I like violet anyway).

Generally, some of the colors are mismatched and the font style is not applying as well.

Just wanted to know if there is a fix I can do. Its still looks good as a theme but I would really like the code block to look like this:

instead of how it shows right now because I always use it in my notes.

Thank you in advance for the response!

code blocks indent going backwards

If you're reporting an UI issue, make sure you take a screenshot that shows the actual bug.

When I hit tab at the beginning one a line, it goes backwards.

I'm trying to figure this out on the .css, but couldn't find a solution up to this moment.

Could you guys try to help me out with this one?

Thanks in advance,

Update manual install instructions for theme

For the latest version, putting the CSS file in the Vault root folder doesn't work.

The manual install steps should be:

1. In Obsidian, open Settings->Appearance->"Open snippets folder" icon under CSS Snippets
2. Move/Copy .css file into the snippets folder
3. Click "Reload Snippets" icon
4. Activate switch to apply snippet.

使用主题后按栏宽换行无法关闭

If you're reporting an UI issue, make sure you take a screenshot that shows the actual bug.

Highlight has turned to light text color

[>](url

) If you're reporting an UI issue, make sure you take a screenshot that shows the actual bug.

The font color rendered in mermaid is the same as the background color when export PDF

```mermaid
flowchart RL
n[main Head] & m[dev Head]-->f-->c-->b-->a
```

flowchart RL
n[main Head] & m[dev Head]-->f-->c-->b-->a

Sidebar only visible on hover

Overall great theme, however, the sidebar (pictured) is only visible on hover - can this be made always visible?

Thank you!

Change code-block color in editor

Hi there,

sorry for the noob question, but i was wondering if you can help me;

I’d like to change the text color of the text in code-blocks (in the editor = red) to the same color as the text of the in-line code (=purple).
I tried changing the --code-block color to the inline-code color, but that did not work.

Thank you!

Needs to be updated to fit Obsidian's New UI.

Obsidian has a new UI update and the theme needs to be updated to adapt to it, as it is already classified as a legacy theme on the theme marketplace.

links to notes inside quotes doesn't work

If you're reporting an UI issue, make sure you take a screenshot that shows the actual bug.

This was reported on Obsidian forum
https://forum.obsidian.md/t/doesnt-work-inside-quotes-in-some-themes/626/6

Basically link to notes doesnt work inside the quotes

<span class="cm-formatting-link cm-quote cm-quote-1">[[</span>`
<span class="cm-quote cm-quote-1 cm-hmd-internal-link">cycle of research</span>
<span class=" cm-formatting-link">]]</span>

The screenshot is a different theme but the same problem exist in Dracula :(

Obsidian 0.6.4 on Mac

Support for Deuteranopia in Markdown Preview

I can show an example, but now sure helpful it will be.

There is an issue viewing the Markdown Preview inline code for people with red-green color blindness.

The following code block makes it viewable in the editor

/* in-line block for editor */
.cm-s-obsidian span.cm-inline-code,
.cm-s-obsidian span.cm-inline-code.cm-hmd-indented-code,
.cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code)
{
  background-color: var(--pre-code-bg);
  color: var(--inline-code) !important;
  bottom: 0px !important;
}

But I am not sure how I can replicate it in the Preview mode.

Thanks!