Skip to content

Commit

Permalink
Update theme for markdown palette
Browse files Browse the repository at this point in the history 
Co-Authored-By: Anya Druzhenko <anyadruzhenko@gmail.com>
  • Loading branch information
@scottgriv @AnyaEnko
scottgriv and AnyaEnko committed Jun 20, 2024
1 parent 3985951 commit 9106361
Show file tree
Hide file tree
Showing 6 changed files with 113 additions and 35 deletions.
8 changes: 8 additions & 0 deletions .github/CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,13 @@ All notable changes to this project will be documented in this file.
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

## [1.0.6] - 2024-06-20

### Changed

- Updated `README`.
- Updated theme for `Markdown` color palette.

## [1.0.5] - 2024-06-14

### Fixed
Expand Down Expand Up @@ -42,6 +49,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0

- Official release of **Dark Castle Theme for Obsidian**.

[1.0.6]: https://github.com/scottgriv/Dark-Castle-Obsidian/compare/v1.0.5...v1.0.6
[1.0.5]: https://github.com/scottgriv/Dark-Castle-Obsidian/compare/v1.0.4...v1.0.5
[1.0.4]: https://github.com/scottgriv/Dark-Castle-Obsidian/compare/v1.0.3...v1.0.4
[1.0.3]: https://github.com/scottgriv/Dark-Castle-Obsidian/compare/v1.0.2...v1.0.3
Expand Down
2 changes: 1 addition & 1 deletion README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<img src="./docs/images/icon.png" width="250" height="250"/>
</a>
</div>
<h1 align="center">Dark Castle Theme for
<h1 align="center">Dark Castle for
<a href="http://obsidian.md" target="_blank">
Obsidian
</a>
Expand Down
2 changes: 1 addition & 1 deletion manifest.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "Dark Castle",
"version": "1.0.5",
"version": "1.0.6",
"minAppVersion": "1.0.0",
"author": "scottgriv",
"authorUrl": "https://github.com/scottgriv",
Expand Down
Binary file modified screenshot-small.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 screenshot.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.
136 changes: 103 additions & 33 deletions theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,12 +28,13 @@ body.theme-dark {
--dark-castle-palette-dark-teal: #007B88;
--dark-castle-palette-dark-blue: #2D449B;
--dark-castle-palette-dark-purple: #AA1B86;

/* Color Variables */
--dark-castle-accent-h: 40;
--dark-castle-accent-s: 100%;
--dark-castle-accent-l: 70%;
--dark-castle-accent: var(--dark-castle-palette-light-orange);
--dark-castle-text-faint: var(--dark-castle-palette-red);
--dark-castle-text-faint: var(--dark-castle-palette-light-orange);
--dark-castle-text-muted: var(--dark-castle-palette-light-gray);
--dark-castle-code-variable: var(--dark-castle-palette-green);
--dark-castle-code-function: var(--dark-castle-palette-orange);
Expand Down Expand Up @@ -67,13 +68,49 @@ body.theme-dark {
);
--dark-castle-text-normal: var(--dark-castle-palette-light-gray);
/*--dark-castle-text-muted: #8695b799;*/
--dark-castle-accent-hover: var(--dark-castle-palette-dark-gray);
--dark-castle-accent-hover: var(--dark-castle-palette-light-yellow); /* Hover Accent */
--dark-castle-palette-light-blue-hover: color-mix(
in hsl shorter hue,
var(--dark-castle-palette-light-blue),
var(--dark-castle-palette-light-gray)
);
}

/* Inline Code & Borders */
body:is(.theme-dark)
.cm-s-obsidian span.cm-inline-code {
color: var(--dark-castle-palette-green);
border: 1px solid var(--dark-castle-palette-gray);
border-radius: 4px;
}

body:is(.theme-dark)
.cm-s-obsidian span.cm-formatting-code.cm-inline-code {
border-right-width: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

body:is(.theme-dark)
.cm-s-obsidian span.cm-formatting-code.cm-inline-code + span.cm-inline-code {
border-right: none;
border-left: none;
border-radius: 0;
}

body:is(.theme-dark)
.cm-s-obsidian
span.cm-formatting-code.cm-inline-code
+ span.cm-inline-code
+ span.cm-formatting-code.cm-inline-code {
border-left-width: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-right-width: 1px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

body:is(.theme-dark) {
--color-base-00: var(--dark-castle-palette-black);
--color-base-05: var(--dark-castle-palette-black-02-mix);
Expand Down Expand Up @@ -144,20 +181,20 @@ body:is(.theme-dark) {

body.theme-dark .setting-item,
body.theme-dark .setting-item .setting-item-control {
border-color: var(--dark-castle-palette-dark-blue); /* Change this to your desired border color */
border-color: var(--dark-castle-palette-dark-blue); /* Border divider color */
}

body.theme-dark .modal,
body.theme-dark .prompt {
border-color: var(--dark-castle-palette-light-gray); /* Change this to your desired border color */
border-width: 1px; /* You can adjust the width as needed */
border-style: solid; /* You can change the border style if needed */
border-color: var(--dark-castle-palette-gray); /* Border color */
border-width: 1px;
border-style: solid;
}

body:where(.theme-dark) {
--icon-stroke: 2px;
--icon-color-active: var(--interactive-accent);
--icon-color-focused: var(--interactive-accent);
--icon-color-active: var(--dark-castle-palette-light-yellow);
--icon-color-focused: var(--dark-castle-palette-light-yellow);
--clickable-icon-radius: 0;
}
body:where(.theme-dark) {
Expand All @@ -166,15 +203,19 @@ body:where(.theme-dark) {
--radius-l: 6px;
--radius-xl: 8px;
}
/* Bold, Italic, & Strikethrough */
body:where(.theme-dark) {
--bold-color: var(--dark-castle-palette-light-red);
--italic-color: var(--dark-castle-palette-light-red);
--bold-color: var(--dark-castle-palette-light-blue);
--italic-color: var(--dark-castle-palette-light-blue);
--strikethrough-color: var(--dark-castle-palette-light-blue);
}

/* Checkboxes */
body:is(.theme-dark) {
--checkbox-color: var(--dark-castle-palette-purple);
--checkbox-color-hover: var(--dark-castle-palette-purple-hover);
--checkbox-border-color: var(--dark-castle-palette-purple);
--checkbox-border-color-hover: var(--dark-castle-accent-hover);
--checkbox-color: var(--dark-castle-palette-dark-purple);
--checkbox-color-hover: var(--dark-castle-palette-purple);
--checkbox-border-color: var(--dark-castle-palette-dark-purple);
--checkbox-border-color-hover: var(--dark-castle-palette-purple);
}
body:where(.theme-dark) {
--drag-ghost-background: var(--dark-castle-palette-dark-gray);
Expand All @@ -185,36 +226,45 @@ body:where(.theme-dark) {
}
body:where(.theme-dark) {
--nav-item-color: var(--text-muted);
--nav-item-color-active: var(--interactive-accent);
--nav-item-color-active: var(--dark-castle-palette-light-yellow);
--nav-item-color-selected: var(--dark-castle-palette-light-blue);
--nav-item-background-selected: var(--dark-castle-palette-dark-gray);
}
body:where(.theme-dark) {
--prompt-border-color: var(--dark-castle-palette-black-03-mix);
}
body:where(.theme-dark) {
--tab-text-color-active: var(--text-accent);
--tab-text-color-focused-active: var(--text-accent);
--tab-text-color-focused-active-current: var(--text-accent);
--tab-text-color-active: var(--dark-casle-palette-light-yellow);
--tab-text-color-focused-active: var(--dark-casle-palette-light-yellow);
--tab-text-color-focused-active-current: var(--dark-casle-palette-light-yellow);
--tab-divider-color: var(--titlebar-background);
--tab-outline-width: 0px;
--tab-curve: 0px;
--tab-radius: 0px;
--tab-radius-active: 0px;
}
body:where(.theme-dark) {
--input-radius: 0px;
--toggle-thumb-color: var(--text-on-accent);
}
/*
body:where(.theme-dark) {
--toggle-thumb-color: var(--text-on-accent);
--input-radius: 0px;
}
*/
/*
body:where(.theme-dark) {
--blockquote-color: color-mix(
in srgb,
var(--dark-castle-palette-light-blue) 75%,
var(--dark-castle-text-normal)
);
}
*/

/* Blockquote */
body:where(.theme-dark) {
--blockquote-color: var(--dark-castle-palette-dark-purple);
}
body:where(.theme-dark) {
--callout-padding: var(--size-4-3) var(--size-4-6);
}
Expand Down Expand Up @@ -272,15 +322,18 @@ body:where(.theme-dark) {
var(--dark-castle-palette-dark-blue)
); /* --hr-thickness: ; */
}

/* Links */
body:where(.theme-dark) {
--link-color: var(--dark-castle-accent);
--link-color-hover: var(--dark-castle-accent-hover);
--link-color-hover: var(--dark-castle-palette-blue);
--link-unresolved-color: var(--dark-castle-accent);
--link-unresolved-decoration-style: dashed;
--link-unresolved-decoration-color: var(--dark-castle-accent);
--link-external-color: var(--dark-castle-palette-blue);
--link-external-color-hover: var(--dark-castle-accent-hover);
--link-unresolved-decoration-color: var(--dark-castle-palette-blue);
--link-external-color: var(--dark-castle-accent);
--link-external-color-hover: var(--dark-castle-palette-blue);
}

body:where(.theme-dark) {
--list-marker-color: var(--dark-castle-palette-dark-teal);
--list-marker-color-hover: var(--dark-castle-accent-hover);
Expand All @@ -290,16 +343,24 @@ body:where(.theme-dark) {
--metadata-label-text-color: var(--dark-castle-palette-light-blue);
--metadata-label-text-color-hover: var(--dark-castle-palette-light-blue-hover);
}

/* Table */
body:where(.theme-dark) {
--table-background: var(--background-primary);
--table-header-background-hover: var(--table-background);
--table-header-size: larger;
}

/* Tags */
body:where(.theme-dark) {
--tag-size: var(--code-size);
--tag-color: var(--dark-castle-palette-light-blue);
--tag-color-hover: var(--dark-castle-palette-light-blue);
--tag-size: 12px;
--tag-color: var(--dark-castle-palette-white);
--tag-color-hover: var(--dark-castle-palette-dark-teal);
--tag-decoration-hover: underline;
--tag-background: var(--dark-castle-palette-dark-teal);
--tag-background-hover: var(--dark-castle-palette-white);
}
/*
--tag-background: color-mix(
in hsl shorter hue,
var(--tag-color) 25%,
Expand All @@ -311,6 +372,7 @@ body:where(.theme-dark) {
transparent
);
}
*/
body:where(.theme-dark) {
--vault-name-font-size: 1em;
--vault-name-color: var(--interactive-accent);
Expand Down Expand Up @@ -346,11 +408,7 @@ body.theme-dark:not(.no-fix-border-radius)
.metadata-properties-heading:focus:before {
border-radius: 2px;
}
body.theme-dark:not(.no-fix-code-highlighting)
.cm-s-obsidian
span.cm-inline-code {
color: var(--dark-castle-palette-light-blue);
}

body.theme-dark:not(.no-fix-community-plugin-highlights)
.community-item
.suggestion-highlight {
Expand Down Expand Up @@ -465,18 +523,23 @@ body:is(.theme-dark):not(.dont-make-blockquotes-small-caps)
:is(pre, code) {
font-variant: normal;
}
/* Bold, Italic, & Strikethrough */
body:where(.theme-dark):not(.dont-make-blockquotes-small-caps) .cm-em.cm-quote {
color: var(--italic-color);
}
body:where(.theme-dark):not(.dont-make-blockquotes-small-caps)
.cm-strong.cm-quote {
color: var(--bold-color);
}
body:where(.theme-dark) .cm-s-obsidian span.cm-strikethrough {
color: var(--strikethrough-color);
}
/* Nav Files */
body:where(.theme-dark):not(.is-grabbing):not(
.dont-make-file-explorer-hover-yellow
)
:is(.nav-file-title:hover, .nav-folder-title:hover) {
color: var(--interactive-accent-hover);
color: var(--dark-castle-accent);
}
body.theme-dark:not(.dont-make-prompt-suggestions-emphasized)
.prompt
Expand Down Expand Up @@ -666,3 +729,10 @@ body.theme-dark.highlightr-floating
body:is(.theme-dark) .markdown-source-view:is(.is-live-preview) mark {
color: var(--text-normal);
}

/* Popup Notification */
body:is(.theme-dark)
.notice {
color: var(--dark-castle-accent);
background-color: var(--dark-castle-palette-black);
}

0 comments on commit 9106361

Please sign in to comment.