Skip to content

Commit

Permalink
Merge pull request #1 from Teyler7/v1.0.1
Browse files Browse the repository at this point in the history 
v1.0.1
  • Loading branch information
Teyler Halama authored Aug 24, 2021
2 parents fa5d637 + be4f0d4 commit b20322d
Show file tree
Hide file tree
Showing 5 changed files with 20 additions and 49 deletions.
11 changes: 6 additions & 5 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
# Dracula Theme

A dracula based theme for the [Typora Markdown Editor](https://typora.io).
A [Dracula Spec](https://draculatheme.com) based theme for the [Typora Markdown Editor](https://typora.io).

![](/images/dracula-typora.png)
![Dracula](/images/dracula-typora.png)

## Install

* Download or clone this repository.
* Open Theme Folder from Preference Panel → Appearance section.
* Copy the contents of `/theme` (dracula folder and dracula.css file) into the newly opened folder.
* Open Typora Theme Folder from Preference Panel → Appearance section.
* Copy the contents of `/theme` (dracula folder and dracula.css file) into the newly opened Typora theme folder.
* Restart typora, then select `Dracula` from Themes menu.

## Screenshots
Expand All @@ -23,7 +23,8 @@ A dracula based theme for the [Typora Markdown Editor](https://typora.io).

* Designed and tested on macOS. Not fully tested, but should work for Windows/Linux.
* Uses Google Open Sans font.
* Supports Windows "Unibody" style.
* Supports Windows "Unibody" style.
* The initial backbone of the dracula.css file was inspired by Sweatran's [Typora One Dark Theme](https://github.com/sweatran/typora-onedark-theme) 🤙

## Contribution

Expand Down
Binary file modified images/screenshot1.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/screenshot2.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/screenshot3.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
58 changes: 14 additions & 44 deletions theme/dracula.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,16 +24,19 @@
/* for toc and table edit panel */
--bg-color3: var(--dracula-background-dark);
/* for tips */
--bg-color4: var(--dracula-current-line);;
--bg-color4: var(--dracula-current-line);
;
/* for blockquote, codeblock, input, etc */
--bg-color5: var(--dracula-background-dark);
/* light color for text and icon*/
/* default color */
--text-color1: var(--dracula-foreground);
/* for text on panel */
--text-color2: var(--dracula-foreground);;
--text-color2: var(--dracula-foreground);
;
/* for checkbox and radio */
--text-color3: var(--dracula-current-line);;
--text-color3: var(--dracula-current-line);
;
/* for tips */
--text-color4: var(--dracula-foreground);
/* for focus mode */
Expand Down Expand Up @@ -70,7 +73,7 @@
/* focus color */
--focus-color: var(--dracula-cyan);
--focus-ring-color: var(--focus-color);
/* codeblock color. Made to match VS Code Dracula Theme */
/* codeblock color */
--code-red-color: var(--dracula-pink);
--code-yellow-color: var(--dracula-yellow);
--code-cyan-color: var(--dracula-cyan);
Expand All @@ -89,7 +92,7 @@
--primary-btn-border-color: transparent;
--primary-btn-text-color: var(--text-color2);
/* implicit sidebar color */
--side-bar-bg-color: var(--bg-color2);
--side-bar-bg-color: var(--bg-color1);
--control-text-color: var(--text-color2);
/* implicit text color */
--text-color: var(--text-color1);
Expand All @@ -109,7 +112,7 @@
--search-select-bg-color: var(--dracula-comment);

--control-text-hover-color: var(--dracula-current-line);
/* implicit active file color in sidebar file menu treeview */
/* implicit active file color in sidebar file menu tree view */
--active-file-text-color: var(--text-color1);
--active-file-border-color: var(--dracula-pink);

Expand Down Expand Up @@ -201,20 +204,12 @@ a:hover {

}

/* #write h1:before {
content: "\00A7 ";
}
*/
#write h2 {
font-size: 2em;
padding-bottom: 0.5em;
border-bottom: 3px double var(--text-color5);
}

/* #write h2:before {
content: "\00A7 ";
}
*/
#write h3 {
font-size: 1.75em;
padding-bottom: 0.5em;
Expand Down Expand Up @@ -390,12 +385,6 @@ sup.md-footnote {
}

/* mathjax */
/* .mathjax-block>.code-tooltip {
bottom: .375rem;
}
.md-mathjax-midline {
background: #fafafa;
} */
.md-inline-math script {
color: var(--text-color1);
}
Expand Down Expand Up @@ -436,11 +425,6 @@ input {
border: 0px !important;
}

/* input hover */
/* input:hover {
background-color: var(--hover-bg-color2) !important;
} */

/* checkbox */
input[type="checkbox"]:before {
content: "";
Expand Down Expand Up @@ -693,7 +677,7 @@ input[type="radio"]:checked:before {
color: var(--hover-text-color);
}

/* sidebar file nemu divider */
/* sidebar file menu divider */
#sidebar-files-menu>.show+.menuitem-group-label.show {
border-color: var(--menu-divider-color);
}
Expand Down Expand Up @@ -929,7 +913,6 @@ select[disabled]:hover {
footer.ty-footer {
border-top: 0px !important;
background-color: var(--bg-color2) !important;
/* color: var(--text-color2); */
}

/* footer item */
Expand Down Expand Up @@ -983,7 +966,7 @@ footer.ty-footer {
::-webkit-scrollbar {
width: 8px;
padding-right: 10px;
background-color: black;
background-color: var(--scrollbar-track-color);
}

/* scrollbar track */
Expand Down Expand Up @@ -1124,7 +1107,6 @@ code {

.cm-s-inner .cm-comment,
.cm-s-inner.cm-comment {
/* color: var(--code-orange-color) !important; */
color: var(--code-grey-color) !important;
font-style: italic;
}
Expand All @@ -1133,7 +1115,6 @@ code {
.cm-s-inner .cm-def,
.cm-s-inner.cm-header,
.cm-s-inner.cm-def {
/* color: var(--code-red-color) !important; */
color: var(--code-blue-color) !important;
}

Expand All @@ -1143,7 +1124,6 @@ code {
}

.cm-s-inner .cm-builtin {
/* color: var(--code-blue-color) !important; */
color: var(--code-cyan-color) !important;
}

Expand All @@ -1160,7 +1140,6 @@ code {
}

.cm-s-inner .cm-variable-2 {
/* color: var(--code-blue-color) !important; */
color: var(--code-yellow-color) !important;
}

Expand All @@ -1170,7 +1149,6 @@ code {
}

.cm-s-typora-default .cm-string {
/* color: var(--code-blue-color); */
color: var(--code-purple-color);
}

Expand Down Expand Up @@ -1198,19 +1176,16 @@ code {
}

.cm-s-typora-default .cm-tag {
/* color: var(--code-red-color); */
color: var(--code-blue-color);
}

.cm-s-typora-default .cm-strong,
.cm-s-typora-default .cm-em,
.cm-s-typora-default .cm-del {
/* color: var(--code-green-color); */
color: var(--code-orange-color);
}

.cm-s-typora-default .cm-block-start.cm-variable-2 {
/* color: var(--code-orange-color); */
color: var(--code-red-color);
}

Expand Down Expand Up @@ -1455,12 +1430,12 @@ pre.md-meta-block:active {
color: var(--hover-text-color) !important;
}

/* active file in sidebar file menu treeview */
/* active file in sidebar file menu tree view */
.file-tree-node.active>.file-node-background {
background-color: var(--hover-bg-color1);
}

/* hover file in sidebar file menu treeview */
/* hover file in sidebar file menu tree view */
.file-node-content:hover {
cursor: pointer;
}
Expand Down Expand Up @@ -1597,12 +1572,10 @@ g.classGroup line {
}

.stateGroup .composit {
/* fill: rgb(36,40,47) !important; */
fill: var(--dracula-background-dark) !important;
}

.stateGroup .alt-composit {
/* fill: rgb(36,40,47) !important; */
fill: var(--dracula-background-dark) !important;
}

Expand Down Expand Up @@ -1651,19 +1624,16 @@ g.classGroup line {
}

.statediagram-cluster .outer {
/* fill: var(--bg-color4) !important; */
stroke: var(--menu-divider-color) !important;
}

.statediagram-cluster .inner {
/* fill: var(--bg-color2) !important; */
fill: var(--dracula-background-dark) !important;
stroke: var(--menu-divider-color) !important;
}

.statediagram-cluster-alt .inner {
/* fill: var(--bg-color5) !important; */
fill: hsl(218, 13%, 16%) !important;
fill: var(--dracula-background-dark) !important;
stroke: var(--menu-divider-color) !important;
}

Expand Down

0 comments on commit b20322d

Please sign in to comment.