Giter Site home page Giter Site logo

obsidianmd_dracula_x_lyt's Introduction

Dracula + LYT

Theme for Obsidian MD.

A mix of LYT Mode (https://github.com/nickmilo/LYT-Mode) and Dracula (https://github.com/dracula/obsidian).

Key features:

  • Dracula inspired Syntax Highlighting

+ Dracula inspired Blog Style Headings

How to install

  1. Download obsidian.css file from Github repo. Feel free to rename it to somethig what you can recognise later e.g. LYTDracula.css
  2. Drop LYTDracula.css into ~/vault/.obsidian/snippets/
  3. Open Obsidian
  4. Switch to Default Obsidian Theme. Settings > Appearance > Themes > Manage > activate the Default theme.
  5. Select Dark Mode. Settings > Appearance > Base theme: Dark. Or CMD+P , type "dark" then ENTER.
  6. Activate the snippet. Settings > Appearance > enable the toggle "LYTDracula"

obsidianmd_dracula_x_lyt's People

Contributors

xryul 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

Watchers

 avatar  avatar

obsidianmd_dracula_x_lyt's Issues

Missing indent in files tab

In the file tree tab, files inside directories appear at the same level of the directory. It would be clearer if they were slightly indented relative to the directory.
image

How to change HEADING size

Can you please tell me how can i change Highlight size to Medium for all H1/2/3/4/5/6

I know i have to do something in this, but can u highlight what??

/──────────Headings──────────/

/* Header Sizing */

/* Cecilia's Sizing

:root {
--h1-size: var(--font-scale-1);
--h2-size: var(--font-scale-1);
--h3-size: var(--font-scale-1);
--h4-size: var(--font-scale-1);
--h5-size: var(--font-scale-1);
--h6-size: var(--font-scale-1);

--header-line-height: calc(0.2 * var(--line-height));

}

*/

:root {
--h1-size: 0.188rem;
--h2-size: 0.313rem;
--h3-size: 0.313rem;
--h4-size: 0.313rem;
--h5-size: 0.313rem;
--h6-size: 0.188rem;

--header-line-height: calc(0.2 * var(--line-height));

}

.markdown-preview-view .heading-collapse-indicator {
padding-right: 0;
padding-left: var(--scale-2-4);
}

.cm-header-1,
.cm-inline-code.cm-header-1,
.markdown-preview-view h1 {
font-family: var(--font-header);
font-weight: var(--font-bold);
line-height: var(--header-line-height);
}

.cm-header-2,
.cm-s-obsidian .cm-inline-code.cm-header-1,
.markdown-preview-view h1 {
font-family: var(--font-header);
font-size: var(--h1-size);
font-weight: var(--font-bold);
line-height: var(--header-line-height);

Feature Request: Add support for alternative checklists

Am enjoying your theme, I was wondering if you can add support for the alternative checklists syntax, that are seen on themes like Minimal and Primary?

They have support for items like below which will render an emoticon instead of a checklist box.

- [ ] to-do
- [/] incomplete
- [x] done
- [-] canceled
- [>] forwarded
- [<] scheduling
- [?] question
- [!] important
- [*] star
- ["] quote
- [l] location
- [b] bookmark
- [i] information
- [S] savings
- [I] idea
- [p] pros
- [c] cons
- [f] fire
- [k] key
- [w] win
- [u] up
- [d] down

Highlight in block quote invisible

Hi!

I love this theme. I've been using Cybertron/LYT for a long time but always thought it could be darker.

I've noticed that the background color for highlighted text is the same as the color for block quotes, so when you highlight text in a block quote you can't tell that it's highlighted.

Thanks!

Jacob Joseph Andrews

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.