Git Product home page Git Product logo

obsidian's Introduction

Dracula for Obsidian

A dark theme for Obsidian.

Screenshot

Install

All instructions can be found at draculatheme.com/obsidian.

Team

This theme is maintained by the following person(s) and a bunch of awesome contributors.

Chrismettal Andy Byers
Chrismettal Andy Byers

Contributing

If you'd like to contribute to this theme, please read the contributing guidelines.

Community

  • Twitter - Best for getting updates about themes and new stuff.
  • GitHub - Best for asking questions and discussing issues.
  • Discord - Best for hanging out with the community.

License

MIT License

obsidian's People

Contributors

andybyers21 avatar brizzbuzz avatar chrismettal avatar helderberto avatar imgbotapp avatar joaoffnogueira avatar kjharcombe avatar lapolis avatar lucasrabiec avatar thearctesian avatar webinspectinc avatar zenorocha avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

obsidian's Issues

Usage of <> issue

Hello

When I use <> to inform about a variable in a cmd line I've an issue on the GUI.
If I write this I've no issue in the GUI.

Test SNMP: snmpwalk -v 2c -c public IP
image

But If I write this with <> on left and right of the variable IP, I've a problem on all become after.

Test SNMP: snmpwalk -v 2c -c public
image
And If I change the current view from edit to reading, the is not showed
image

Have you any information about that ?

Images have an unneeded left margin

This generally doesn't align with most other themes I've used, but it also has some weird effects with some plugins. For example, the images below are supposed to fit in the card, but they have the 20pt left margin:

2024-04-03_at_09 12 22_Screenshot

Why is the font for links overriding global preferences

I have a monospace font (Berkeley Mono) as my editor font. Howoever, I've noticed that links with this theme are rendered with sans-serif font.

So I did some investigating and found out that inside obsidian.css on line 28-36

a,
.internal-link,
.cm-hmd-internal-link,
.cm-link,
.cm-formatting-link {
  color: var(--text-a) !important;
  text-decoration: none !important;
  font-family: Avenir, Avenir Next, sans-serif !important;
}

The links are given an !important override as a sans-serif font.

Why is this? Why doesnt this follow the user's global choice? Can this be changed to not do this? I don't really want to have to manually install this theme to correct this one issue.

emoji rendering error in preview mode

this is the raw mode when I insert emoji
image
while in the preview mode, it was rendered at a new line above.
image

in other themes the emoji can be rendered in the right way.

Horizontal title bar

Hello,

I would prefer to have a normal horizontal title bar. Is it possible to switch the title bar back to horizontal? Or could you provide two different versions of the theme somehow, one with a horizontal title bar and one with a vertical title bar?

Thanks.

Tag and Date Colors not working in Kanban Plugin

Problem:
Dracula Colorscheme seems to overwrite the Tag and Date colors of the Kanban Plugin.

How it should look like (Obsidianite Colorscheme):
Kanban Config on Display Tag colors
image
Here one tag is white and one is red

How it looks like with the Dracula colorscheme:
image
Here all tags are green

Alternative checkboxes support

Hi, and thanks for supporting this great theme in Obsidian!

Are there any plans to implement alternative checkboxes (like the ITS Theme, among several others, does)?

I personally don't use all of these, but for my task management workflow supporting at least "cancelled" and "in progress" tasks would be a big help.

Thanks again!

Content width narrows as I increase the window/pane width

With a narrow window/pane, I get this:

narrower-means-wider

But as I make the window/pane wider, the content column becomes narrower:

wider-means-narrower

Is anybody else experiencing this? Is it due to something wrong with my setup?

This only seems to be an issue in edit mode, not in preview.

Use color in the "Files" sidebar to better distinguish files, folders, etc.

The Obsidian color palette is very nice and gives a good variety of colors to choose from... but it currently feels very underused in this specific implementation of the theme. I get that you might not want to swing too hard in the other direction by making every single element colorful, but I often forget that I'm specifically using a "Dracula" theme as opposed to just any other generic dark theme.

The first thing that I'll suggest (because it's the one that's constantly popping into my mind) is the "Files" sidebar. Colored text would go a long way towards both readability and aesthetics IMO, as would very simple colored icons... I'm assuming Obsidian would properly render embedded BASE64 graphics if needed? Are the default Obsidian icons referencable via CSS?

I don't have specific thoughts on exactly what should be what color from the palette, but directories could be colored using Dracula's yellow/orange/red for different depth levels. Similarly, different file types could be colored differently (e.g. regular Markdown vs. Canvas vs. popular extension types like Kanban boards) and have simple icons.

I'd consider taking a shot at it but I'm fairly busy with work at the moment and I would only classify my CSS skills as "passable". Maybe I'll take a look at some point anyway if I find the time considering the existing CSS doesn't look

Request - add @media print to carry over full styles to PDF exports

When exporting to PDF using this theme, a lot of the colours such as the different headings come across to the generated PDF but the overall theme gets more or less switched out for a light mode. Background colour is white and text is black, this contrasts poorly with the rest of the theme, so currently to get a good looking export you would have to change theme back to default or a light theme before exporting.

Seems that you can write a CSS @media query to customise the appearance of generated PDFs, I tried doing this with limited success, CSS is not my strong suit.

My very rudimentary css snippet below gets me like 80% there, but doesn't handle pre code snippets well as it adds bg colour to the text within the block.
e.g.
image

I'm also struggling to change tag links from italicised blue to non-italic green, the a tag selector doesn't work.
e.g.
In obsidian:
image

In pdf
image

Hopefully the experts here could take my starting point and polish it up to make it production ready:

@media print {
	* {
		background-color: #282a36;
	}

	@page {
		margin: 0mm 0mm 0mm 0mm;
	}
	body {
		margin: 0mm 0mm 0mm 0mm;
	}
	span,
	li,
	p {
		color: #f8f8f2;
	}
}

Vertical title bar is not visible on iOS

Hello,

I am trying to use this theme on iOS, but the vertical title is not visible (screenshot below). I installed the theme using the Obsidian settings UI. I see the same behavior on both my phone and my iPad.

Devices: iPhone 13 mini (iOS 15.1.1) and iPad Pro (iOS 15.1)
Obsidian version: 1.0.5

screenshot

Extra quotes on blockquotes

Problem

If I type a blockquote with the symbol '>' and then switch to reading mode, the block shows an extra double quote (") at the beginning of the block.

For my use case, I use the blockquotes more for highlighting key sentences, so it doesn't make sense for there to be double quotes at the beginning of the sentence. I'm not sure this is intended behavior since it opens double quotes but doesn't close them.

Live edit mode:

imagem

Reading mode:

imagem

Text in Settings White like Textbox Background on Obsidian Mobile

Hello,

I am using the Dracula theme on mobile and it appears that any text entered into the search bar or any text box within the settings are white like the textbox background. It makes it impossible to see what is being typed and hard to recall what textboxes are filled with information (such as template file locations). This issue does not happen on desktop and was wondering if there's an option to tweak this as the accent color doesn't change anything. I've attached a picture of highlighted text that disappears in the text box when not highlighted.

SmartSelect_20221227_101437_Obsidian

Code block syntax highlighting differs drastically between editing and reading modes

When I'm working with notes that contain code blocks, the syntax highlighting of the code is very different between the editing and reading modes.

My expectation is that the syntax highlighting would use the same highlighting in both editing and reading modes.

I'm not sure which version is intended to be the "correct" form of syntax highlighting, but the highlighting I see in editing mode looks nicer (to me).

Example of syntax highlighting in editing mode

Obsidian syntax highlighting in editing mode

Example of syntax highlighting in reading mode

Obsidian syntax highlighting in reading mode

Reference source

For reference, here is the Markdown source I used in the example screenshots:

## Example

```python
def binary_search(arr, item):  
    low = 0  
    high = len(arr) - 1  
  
    while low <= high:  
        mid = low + ((high - low) // 2)
        guess = arr[mid]  
        if guess == item:  
            return mid  
        elif guess > item:  
            high = mid - 1  
        else:  
            low = mid + 1  
  
    return None

item_count = sys.maxsize  
item_to_find = random.randint(1, item_count)
items = range(1, item_count + 1)

print(f'Item {item_to_find} is at index {binary_search(items, item_to_find)} in the list.')
```

Plugin tag contrast issue

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

2022-10-01 - Tristan James Steiner - Obsidian v0 15 9-Obsidian-01102022-1704

Contrast issue on that green tag when browsing plugins.

LOOKING FOR NEW MAINTAINERS!

I currently don't have time to manage this repo and am not familiar with the latest updates to Obsidian. Saying that I don't want to see it die.

Looking for a new maintainer to hand over the ropes to.

Divider randomly has different colors

Why does the divider randomly has a different color in preview mode? Sometimes it is dark, sometimes it is white.
image

Would be great if it's always dark

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.