diff --git a/README.md b/README.md index 9939d02..602de80 100644 --- a/README.md +++ b/README.md @@ -131,6 +131,26 @@ A light variant for daytime coding. MIT License - see [LICENSE](LICENSE) file for details. +## Obsidian Themes + +This repository also includes Obsidian themes based on all Monokai Pro variants: + +- **obsidian-theme** - Default Monokai Pro +- **obsidian-theme-classic** - Classic Monokai colors +- **obsidian-theme-machine** - Dark blue variant +- **obsidian-theme-octagon** - Dark purple variant +- **obsidian-theme-ristretto** - Dark brown variant +- **obsidian-theme-spectrum** - True black background +- **obsidian-theme-light** - Light variant + +### Installation + +1. Copy the desired theme folder to your vault's `.obsidian/themes/` directory +2. Open Obsidian Settings → Appearance +3. Select the theme from the dropdown + +Alternatively, each theme folder contains a README with detailed installation instructions. + ## Contributing Feel free to open issues or submit pull requests if you find any problems or have suggestions for improvements. diff --git a/obsidian-theme-classic/manifest.json b/obsidian-theme-classic/manifest.json new file mode 100644 index 0000000..fddec30 --- /dev/null +++ b/obsidian-theme-classic/manifest.json @@ -0,0 +1,7 @@ +{ + "name": "Monokai Pro Classic", + "version": "1.0.0", + "minAppVersion": "0.16.0", + "author": "Vinit Kumar", + "authorUrl": "https://github.com/vinitkumar" +} diff --git a/obsidian-theme-classic/theme.css b/obsidian-theme-classic/theme.css new file mode 100644 index 0000000..3bc94c4 --- /dev/null +++ b/obsidian-theme-classic/theme.css @@ -0,0 +1,235 @@ +/* +Monokai Pro Classic Theme for Obsidian +Classic Monokai colors that you know and love +Author: Vinit Kumar +*/ + +.theme-dark { + --background-primary: #272822; + --background-primary-alt: #1d1e19; + --background-secondary: #3b3c35; + --background-secondary-alt: #3b3c35; + --background-modifier-border: #57584f; + --background-modifier-form-field: #3b3c35; + --background-modifier-form-field-highlighted: #3b3c35; + --background-modifier-box-shadow: rgba(0, 0, 0, 0.3); + --background-modifier-success: #a6e22e; + --background-modifier-error: #f92672; + --background-modifier-error-rgb: 249, 38, 114; + --background-modifier-error-hover: #f92672; + --background-modifier-cover: rgba(0, 0, 0, 0.8); + --text-accent: #66d9ef; + --text-accent-hover: #66d9ef; + --text-normal: #fdfff1; + --text-muted: #6e7066; + --text-muted-rgb: 110, 112, 102; + --text-faint: #57584f; + --text-error: #f92672; + --text-error-hover: #f92672; + --text-highlight-bg: #e6db74; + --text-highlight-bg-active: #fd971f; + --text-selection: rgba(59, 60, 53, 0.99); + --text-on-accent: #272822; + --interactive-normal: #3b3c35; + --interactive-hover: #57584f; + --interactive-accent: #66d9ef; + --interactive-accent-rgb: 102, 217, 239; + --interactive-accent-hover: #66d9ef; + --interactive-success: #a6e22e; + --scrollbar-active-thumb-bg: rgba(110, 112, 102, 0.2); + --scrollbar-bg: rgba(110, 112, 102, 0.05); + --scrollbar-thumb-bg: rgba(110, 112, 102, 0.1); + --highlight-mix-blend-mode: lighten; + + --color-red: #f92672; + --color-orange: #fd971f; + --color-yellow: #e6db74; + --color-green: #a6e22e; + --color-cyan: #66d9ef; + --color-blue: #66d9ef; + --color-purple: #ae81ff; + --color-pink: #f92672; +} + +.cm-s-obsidian .cm-header { + color: var(--color-red); + font-weight: 600; +} + +.cm-s-obsidian .cm-strong { + color: var(--color-orange); + font-weight: bold; +} + +.cm-s-obsidian .cm-em { + color: var(--color-yellow); + font-style: italic; +} + +.cm-s-obsidian .cm-link { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-url { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-tag { + color: var(--color-purple); +} + +.cm-s-obsidian .cm-quote { + color: var(--text-muted); + font-style: italic; +} + +.cm-s-obsidian .cm-comment { + color: var(--text-muted); + font-style: italic; +} + +.cm-s-obsidian .cm-string { + color: var(--color-yellow); +} + +.cm-s-obsidian .cm-keyword { + color: var(--color-red); +} + +.cm-s-obsidian .cm-variable-2 { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-variable-3 { + color: var(--color-green); +} + +.cm-s-obsidian .cm-def { + color: var(--color-green); +} + +.cm-s-obsidian .cm-number { + color: var(--color-purple); +} + +.cm-s-obsidian .cm-attribute { + color: var(--color-green); +} + +.cm-s-obsidian .cm-property { + color: var(--text-normal); +} + +.markdown-preview-view code, +.cm-inline-code { + color: var(--color-green); + background-color: var(--background-secondary); +} + +.markdown-preview-view pre code { + color: var(--text-normal); +} + +.cm-s-obsidian .cm-formatting-list { + color: var(--color-red); +} + +.markdown-preview-view .task-list-item-checkbox { + filter: hue-rotate(180deg); +} + +.markdown-preview-view a, +.cm-hmd-internal-link { + color: var(--color-cyan); +} + +.markdown-preview-view a:hover { + color: var(--color-cyan); + text-decoration: underline; +} + +.markdown-preview-view h1, +.markdown-preview-view h2, +.markdown-preview-view h3, +.markdown-preview-view h4, +.markdown-preview-view h5, +.markdown-preview-view h6 { + color: var(--color-red); + font-weight: 600; +} + +.tag { + color: var(--color-purple); + background-color: var(--background-secondary); +} + +.tag:hover { + color: var(--color-purple); + background-color: var(--background-modifier-border); +} + +.nav-file-title, +.nav-folder-title { + color: var(--text-normal); +} + +.nav-file-title.is-active { + background-color: var(--background-secondary); + color: var(--text-normal); +} + +.graph-view.color-fill-tag { + color: var(--color-purple); +} + +.graph-view.color-fill-attachment { + color: var(--color-orange); +} + +.graph-view.color-fill-unresolved { + color: var(--text-muted); +} + +.search-result-file-match { + color: var(--color-yellow); +} + +.search-result-file-matched-text { + background-color: var(--color-yellow); + color: var(--background-primary); +} + +::-webkit-scrollbar-thumb { + background-color: var(--scrollbar-thumb-bg); +} + +::-webkit-scrollbar-thumb:hover { + background-color: var(--scrollbar-active-thumb-bg); +} + +::selection { + background-color: var(--text-selection); +} + +.cm-active { + background-color: var(--background-secondary); +} + +.markdown-preview-view table { + border-color: var(--background-modifier-border); +} + +.markdown-preview-view th { + color: var(--color-red); + font-weight: 600; + background-color: var(--background-secondary); +} + +.markdown-preview-view blockquote { + border-left-color: var(--text-muted); + color: var(--text-muted); +} + +.markdown-preview-view hr { + border-color: var(--background-modifier-border); +} diff --git a/obsidian-theme-light/manifest.json b/obsidian-theme-light/manifest.json new file mode 100644 index 0000000..4b903ec --- /dev/null +++ b/obsidian-theme-light/manifest.json @@ -0,0 +1,7 @@ +{ + "name": "Monokai Pro Light", + "version": "1.0.0", + "minAppVersion": "0.16.0", + "author": "Vinit Kumar", + "authorUrl": "https://github.com/vinitkumar" +} diff --git a/obsidian-theme-light/theme.css b/obsidian-theme-light/theme.css new file mode 100644 index 0000000..37381a4 --- /dev/null +++ b/obsidian-theme-light/theme.css @@ -0,0 +1,235 @@ +/* +Monokai Pro Light Theme for Obsidian +A light variant for daytime coding +Author: Vinit Kumar +*/ + +.theme-light { + --background-primary: #faf4f2; + --background-primary-alt: #ede7e5; + --background-secondary: #d3cdcc; + --background-secondary-alt: #d3cdcc; + --background-modifier-border: #bfb9ba; + --background-modifier-form-field: #d3cdcc; + --background-modifier-form-field-highlighted: #d3cdcc; + --background-modifier-box-shadow: rgba(0, 0, 0, 0.1); + --background-modifier-success: #269d69; + --background-modifier-error: #e14775; + --background-modifier-error-rgb: 225, 71, 117; + --background-modifier-error-hover: #e14775; + --background-modifier-cover: rgba(255, 255, 255, 0.8); + --text-accent: #1c8ca8; + --text-accent-hover: #1c8ca8; + --text-normal: #29242a; + --text-muted: #a59fa0; + --text-muted-rgb: 165, 159, 160; + --text-faint: #bfb9ba; + --text-error: #e14775; + --text-error-hover: #e14775; + --text-highlight-bg: rgba(204, 122, 10, 0.3); + --text-highlight-bg-active: rgba(225, 96, 50, 0.3); + --text-selection: rgba(211, 205, 204, 0.99); + --text-on-accent: #faf4f2; + --interactive-normal: #d3cdcc; + --interactive-hover: #bfb9ba; + --interactive-accent: #1c8ca8; + --interactive-accent-rgb: 28, 140, 168; + --interactive-accent-hover: #1c8ca8; + --interactive-success: #269d69; + --scrollbar-active-thumb-bg: rgba(165, 159, 160, 0.3); + --scrollbar-bg: rgba(165, 159, 160, 0.05); + --scrollbar-thumb-bg: rgba(165, 159, 160, 0.15); + --highlight-mix-blend-mode: darken; + + --color-red: #e14775; + --color-orange: #e16032; + --color-yellow: #cc7a0a; + --color-green: #269d69; + --color-cyan: #1c8ca8; + --color-blue: #1c8ca8; + --color-purple: #7058be; + --color-pink: #e14775; +} + +.cm-s-obsidian .cm-header { + color: var(--color-red); + font-weight: 600; +} + +.cm-s-obsidian .cm-strong { + color: var(--color-orange); + font-weight: bold; +} + +.cm-s-obsidian .cm-em { + color: var(--color-yellow); + font-style: italic; +} + +.cm-s-obsidian .cm-link { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-url { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-tag { + color: var(--color-purple); +} + +.cm-s-obsidian .cm-quote { + color: var(--text-muted); + font-style: italic; +} + +.cm-s-obsidian .cm-comment { + color: var(--text-muted); + font-style: italic; +} + +.cm-s-obsidian .cm-string { + color: var(--color-yellow); +} + +.cm-s-obsidian .cm-keyword { + color: var(--color-red); +} + +.cm-s-obsidian .cm-variable-2 { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-variable-3 { + color: var(--color-green); +} + +.cm-s-obsidian .cm-def { + color: var(--color-green); +} + +.cm-s-obsidian .cm-number { + color: var(--color-purple); +} + +.cm-s-obsidian .cm-attribute { + color: var(--color-green); +} + +.cm-s-obsidian .cm-property { + color: var(--text-normal); +} + +.markdown-preview-view code, +.cm-inline-code { + color: var(--color-green); + background-color: var(--background-secondary); +} + +.markdown-preview-view pre code { + color: var(--text-normal); +} + +.cm-s-obsidian .cm-formatting-list { + color: var(--color-red); +} + +.markdown-preview-view .task-list-item-checkbox { + filter: hue-rotate(180deg); +} + +.markdown-preview-view a, +.cm-hmd-internal-link { + color: var(--color-cyan); +} + +.markdown-preview-view a:hover { + color: var(--color-cyan); + text-decoration: underline; +} + +.markdown-preview-view h1, +.markdown-preview-view h2, +.markdown-preview-view h3, +.markdown-preview-view h4, +.markdown-preview-view h5, +.markdown-preview-view h6 { + color: var(--color-red); + font-weight: 600; +} + +.tag { + color: var(--color-purple); + background-color: var(--background-secondary); +} + +.tag:hover { + color: var(--color-purple); + background-color: var(--background-modifier-border); +} + +.nav-file-title, +.nav-folder-title { + color: var(--text-normal); +} + +.nav-file-title.is-active { + background-color: var(--background-secondary); + color: var(--text-normal); +} + +.graph-view.color-fill-tag { + color: var(--color-purple); +} + +.graph-view.color-fill-attachment { + color: var(--color-orange); +} + +.graph-view.color-fill-unresolved { + color: var(--text-muted); +} + +.search-result-file-match { + color: var(--color-yellow); +} + +.search-result-file-matched-text { + background-color: rgba(204, 122, 10, 0.3); + color: var(--text-normal); +} + +::-webkit-scrollbar-thumb { + background-color: var(--scrollbar-thumb-bg); +} + +::-webkit-scrollbar-thumb:hover { + background-color: var(--scrollbar-active-thumb-bg); +} + +::selection { + background-color: var(--text-selection); +} + +.cm-active { + background-color: var(--background-secondary); +} + +.markdown-preview-view table { + border-color: var(--background-modifier-border); +} + +.markdown-preview-view th { + color: var(--color-red); + font-weight: 600; + background-color: var(--background-secondary); +} + +.markdown-preview-view blockquote { + border-left-color: var(--text-muted); + color: var(--text-muted); +} + +.markdown-preview-view hr { + border-color: var(--background-modifier-border); +} diff --git a/obsidian-theme-machine/manifest.json b/obsidian-theme-machine/manifest.json new file mode 100644 index 0000000..9522bec --- /dev/null +++ b/obsidian-theme-machine/manifest.json @@ -0,0 +1,7 @@ +{ + "name": "Monokai Pro Machine", + "version": "1.0.0", + "minAppVersion": "0.16.0", + "author": "Vinit Kumar", + "authorUrl": "https://github.com/vinitkumar" +} diff --git a/obsidian-theme-machine/theme.css b/obsidian-theme-machine/theme.css new file mode 100644 index 0000000..8f6b139 --- /dev/null +++ b/obsidian-theme-machine/theme.css @@ -0,0 +1,235 @@ +/* +Monokai Pro Machine Theme for Obsidian +A blue-tinted variant with a cooler color palette +Author: Vinit Kumar +*/ + +.theme-dark { + --background-primary: #273136; + --background-primary-alt: #1d2528; + --background-secondary: #3a4449; + --background-secondary-alt: #3a4449; + --background-modifier-border: #545f62; + --background-modifier-form-field: #3a4449; + --background-modifier-form-field-highlighted: #3a4449; + --background-modifier-box-shadow: rgba(0, 0, 0, 0.3); + --background-modifier-success: #a2e57b; + --background-modifier-error: #ff6d7e; + --background-modifier-error-rgb: 255, 109, 126; + --background-modifier-error-hover: #ff6d7e; + --background-modifier-cover: rgba(0, 0, 0, 0.8); + --text-accent: #7cd5f1; + --text-accent-hover: #7cd5f1; + --text-normal: #f2fffc; + --text-muted: #6b7678; + --text-muted-rgb: 107, 118, 120; + --text-faint: #545f62; + --text-error: #ff6d7e; + --text-error-hover: #ff6d7e; + --text-highlight-bg: #ffed72; + --text-highlight-bg-active: #ffb270; + --text-selection: rgba(58, 68, 73, 0.99); + --text-on-accent: #273136; + --interactive-normal: #3a4449; + --interactive-hover: #545f62; + --interactive-accent: #7cd5f1; + --interactive-accent-rgb: 124, 213, 241; + --interactive-accent-hover: #7cd5f1; + --interactive-success: #a2e57b; + --scrollbar-active-thumb-bg: rgba(107, 118, 120, 0.2); + --scrollbar-bg: rgba(107, 118, 120, 0.05); + --scrollbar-thumb-bg: rgba(107, 118, 120, 0.1); + --highlight-mix-blend-mode: lighten; + + --color-red: #ff6d7e; + --color-orange: #ffb270; + --color-yellow: #ffed72; + --color-green: #a2e57b; + --color-cyan: #7cd5f1; + --color-blue: #7cd5f1; + --color-purple: #baa0f8; + --color-pink: #ff6d7e; +} + +.cm-s-obsidian .cm-header { + color: var(--color-red); + font-weight: 600; +} + +.cm-s-obsidian .cm-strong { + color: var(--color-orange); + font-weight: bold; +} + +.cm-s-obsidian .cm-em { + color: var(--color-yellow); + font-style: italic; +} + +.cm-s-obsidian .cm-link { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-url { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-tag { + color: var(--color-purple); +} + +.cm-s-obsidian .cm-quote { + color: var(--text-muted); + font-style: italic; +} + +.cm-s-obsidian .cm-comment { + color: var(--text-muted); + font-style: italic; +} + +.cm-s-obsidian .cm-string { + color: var(--color-yellow); +} + +.cm-s-obsidian .cm-keyword { + color: var(--color-red); +} + +.cm-s-obsidian .cm-variable-2 { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-variable-3 { + color: var(--color-green); +} + +.cm-s-obsidian .cm-def { + color: var(--color-green); +} + +.cm-s-obsidian .cm-number { + color: var(--color-purple); +} + +.cm-s-obsidian .cm-attribute { + color: var(--color-green); +} + +.cm-s-obsidian .cm-property { + color: var(--text-normal); +} + +.markdown-preview-view code, +.cm-inline-code { + color: var(--color-green); + background-color: var(--background-secondary); +} + +.markdown-preview-view pre code { + color: var(--text-normal); +} + +.cm-s-obsidian .cm-formatting-list { + color: var(--color-red); +} + +.markdown-preview-view .task-list-item-checkbox { + filter: hue-rotate(180deg); +} + +.markdown-preview-view a, +.cm-hmd-internal-link { + color: var(--color-cyan); +} + +.markdown-preview-view a:hover { + color: var(--color-cyan); + text-decoration: underline; +} + +.markdown-preview-view h1, +.markdown-preview-view h2, +.markdown-preview-view h3, +.markdown-preview-view h4, +.markdown-preview-view h5, +.markdown-preview-view h6 { + color: var(--color-red); + font-weight: 600; +} + +.tag { + color: var(--color-purple); + background-color: var(--background-secondary); +} + +.tag:hover { + color: var(--color-purple); + background-color: var(--background-modifier-border); +} + +.nav-file-title, +.nav-folder-title { + color: var(--text-normal); +} + +.nav-file-title.is-active { + background-color: var(--background-secondary); + color: var(--text-normal); +} + +.graph-view.color-fill-tag { + color: var(--color-purple); +} + +.graph-view.color-fill-attachment { + color: var(--color-orange); +} + +.graph-view.color-fill-unresolved { + color: var(--text-muted); +} + +.search-result-file-match { + color: var(--color-yellow); +} + +.search-result-file-matched-text { + background-color: var(--color-yellow); + color: var(--background-primary); +} + +::-webkit-scrollbar-thumb { + background-color: var(--scrollbar-thumb-bg); +} + +::-webkit-scrollbar-thumb:hover { + background-color: var(--scrollbar-active-thumb-bg); +} + +::selection { + background-color: var(--text-selection); +} + +.cm-active { + background-color: var(--background-secondary); +} + +.markdown-preview-view table { + border-color: var(--background-modifier-border); +} + +.markdown-preview-view th { + color: var(--color-red); + font-weight: 600; + background-color: var(--background-secondary); +} + +.markdown-preview-view blockquote { + border-left-color: var(--text-muted); + color: var(--text-muted); +} + +.markdown-preview-view hr { + border-color: var(--background-modifier-border); +} diff --git a/obsidian-theme-octagon/manifest.json b/obsidian-theme-octagon/manifest.json new file mode 100644 index 0000000..16c198a --- /dev/null +++ b/obsidian-theme-octagon/manifest.json @@ -0,0 +1,7 @@ +{ + "name": "Monokai Pro Octagon", + "version": "1.0.0", + "minAppVersion": "0.16.0", + "author": "Vinit Kumar", + "authorUrl": "https://github.com/vinitkumar" +} diff --git a/obsidian-theme-octagon/theme.css b/obsidian-theme-octagon/theme.css new file mode 100644 index 0000000..24ac9d0 --- /dev/null +++ b/obsidian-theme-octagon/theme.css @@ -0,0 +1,235 @@ +/* +Monokai Pro Octagon Theme for Obsidian +A purple-tinted variant with muted colors +Author: Vinit Kumar +*/ + +.theme-dark { + --background-primary: #282a3a; + --background-primary-alt: #1e1f2b; + --background-secondary: #3a3d4b; + --background-secondary-alt: #3a3d4b; + --background-modifier-border: #535763; + --background-modifier-form-field: #3a3d4b; + --background-modifier-form-field-highlighted: #3a3d4b; + --background-modifier-box-shadow: rgba(0, 0, 0, 0.3); + --background-modifier-success: #bad761; + --background-modifier-error: #ff657a; + --background-modifier-error-rgb: 255, 101, 122; + --background-modifier-error-hover: #ff657a; + --background-modifier-cover: rgba(0, 0, 0, 0.8); + --text-accent: #9cd1bb; + --text-accent-hover: #9cd1bb; + --text-normal: #eaf2f1; + --text-muted: #696d77; + --text-muted-rgb: 105, 109, 119; + --text-faint: #535763; + --text-error: #ff657a; + --text-error-hover: #ff657a; + --text-highlight-bg: #ffd76d; + --text-highlight-bg-active: #ff9b5e; + --text-selection: rgba(58, 61, 75, 0.99); + --text-on-accent: #282a3a; + --interactive-normal: #3a3d4b; + --interactive-hover: #535763; + --interactive-accent: #9cd1bb; + --interactive-accent-rgb: 156, 209, 187; + --interactive-accent-hover: #9cd1bb; + --interactive-success: #bad761; + --scrollbar-active-thumb-bg: rgba(105, 109, 119, 0.2); + --scrollbar-bg: rgba(105, 109, 119, 0.05); + --scrollbar-thumb-bg: rgba(105, 109, 119, 0.1); + --highlight-mix-blend-mode: lighten; + + --color-red: #ff657a; + --color-orange: #ff9b5e; + --color-yellow: #ffd76d; + --color-green: #bad761; + --color-cyan: #9cd1bb; + --color-blue: #9cd1bb; + --color-purple: #c39ac9; + --color-pink: #ff657a; +} + +.cm-s-obsidian .cm-header { + color: var(--color-red); + font-weight: 600; +} + +.cm-s-obsidian .cm-strong { + color: var(--color-orange); + font-weight: bold; +} + +.cm-s-obsidian .cm-em { + color: var(--color-yellow); + font-style: italic; +} + +.cm-s-obsidian .cm-link { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-url { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-tag { + color: var(--color-purple); +} + +.cm-s-obsidian .cm-quote { + color: var(--text-muted); + font-style: italic; +} + +.cm-s-obsidian .cm-comment { + color: var(--text-muted); + font-style: italic; +} + +.cm-s-obsidian .cm-string { + color: var(--color-yellow); +} + +.cm-s-obsidian .cm-keyword { + color: var(--color-red); +} + +.cm-s-obsidian .cm-variable-2 { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-variable-3 { + color: var(--color-green); +} + +.cm-s-obsidian .cm-def { + color: var(--color-green); +} + +.cm-s-obsidian .cm-number { + color: var(--color-purple); +} + +.cm-s-obsidian .cm-attribute { + color: var(--color-green); +} + +.cm-s-obsidian .cm-property { + color: var(--text-normal); +} + +.markdown-preview-view code, +.cm-inline-code { + color: var(--color-green); + background-color: var(--background-secondary); +} + +.markdown-preview-view pre code { + color: var(--text-normal); +} + +.cm-s-obsidian .cm-formatting-list { + color: var(--color-red); +} + +.markdown-preview-view .task-list-item-checkbox { + filter: hue-rotate(180deg); +} + +.markdown-preview-view a, +.cm-hmd-internal-link { + color: var(--color-cyan); +} + +.markdown-preview-view a:hover { + color: var(--color-cyan); + text-decoration: underline; +} + +.markdown-preview-view h1, +.markdown-preview-view h2, +.markdown-preview-view h3, +.markdown-preview-view h4, +.markdown-preview-view h5, +.markdown-preview-view h6 { + color: var(--color-red); + font-weight: 600; +} + +.tag { + color: var(--color-purple); + background-color: var(--background-secondary); +} + +.tag:hover { + color: var(--color-purple); + background-color: var(--background-modifier-border); +} + +.nav-file-title, +.nav-folder-title { + color: var(--text-normal); +} + +.nav-file-title.is-active { + background-color: var(--background-secondary); + color: var(--text-normal); +} + +.graph-view.color-fill-tag { + color: var(--color-purple); +} + +.graph-view.color-fill-attachment { + color: var(--color-orange); +} + +.graph-view.color-fill-unresolved { + color: var(--text-muted); +} + +.search-result-file-match { + color: var(--color-yellow); +} + +.search-result-file-matched-text { + background-color: var(--color-yellow); + color: var(--background-primary); +} + +::-webkit-scrollbar-thumb { + background-color: var(--scrollbar-thumb-bg); +} + +::-webkit-scrollbar-thumb:hover { + background-color: var(--scrollbar-active-thumb-bg); +} + +::selection { + background-color: var(--text-selection); +} + +.cm-active { + background-color: var(--background-secondary); +} + +.markdown-preview-view table { + border-color: var(--background-modifier-border); +} + +.markdown-preview-view th { + color: var(--color-red); + font-weight: 600; + background-color: var(--background-secondary); +} + +.markdown-preview-view blockquote { + border-left-color: var(--text-muted); + color: var(--text-muted); +} + +.markdown-preview-view hr { + border-color: var(--background-modifier-border); +} diff --git a/obsidian-theme-ristretto/manifest.json b/obsidian-theme-ristretto/manifest.json new file mode 100644 index 0000000..c920efb --- /dev/null +++ b/obsidian-theme-ristretto/manifest.json @@ -0,0 +1,7 @@ +{ + "name": "Monokai Pro Ristretto", + "version": "1.0.0", + "minAppVersion": "0.16.0", + "author": "Vinit Kumar", + "authorUrl": "https://github.com/vinitkumar" +} diff --git a/obsidian-theme-ristretto/theme.css b/obsidian-theme-ristretto/theme.css new file mode 100644 index 0000000..45d32d4 --- /dev/null +++ b/obsidian-theme-ristretto/theme.css @@ -0,0 +1,235 @@ +/* +Monokai Pro Ristretto Theme for Obsidian +A warm, brown-tinted variant +Author: Vinit Kumar +*/ + +.theme-dark { + --background-primary: #2c2525; + --background-primary-alt: #211c1c; + --background-secondary: #403838; + --background-secondary-alt: #403838; + --background-modifier-border: #5b5353; + --background-modifier-form-field: #403838; + --background-modifier-form-field-highlighted: #403838; + --background-modifier-box-shadow: rgba(0, 0, 0, 0.3); + --background-modifier-success: #adda78; + --background-modifier-error: #fd6883; + --background-modifier-error-rgb: 253, 104, 131; + --background-modifier-error-hover: #fd6883; + --background-modifier-cover: rgba(0, 0, 0, 0.8); + --text-accent: #85dacc; + --text-accent-hover: #85dacc; + --text-normal: #e6d9db; + --text-muted: #72696a; + --text-muted-rgb: 114, 105, 106; + --text-faint: #5b5353; + --text-error: #fd6883; + --text-error-hover: #fd6883; + --text-highlight-bg: #f9cc6c; + --text-highlight-bg-active: #f38d70; + --text-selection: rgba(64, 56, 56, 0.99); + --text-on-accent: #2c2525; + --interactive-normal: #403838; + --interactive-hover: #5b5353; + --interactive-accent: #85dacc; + --interactive-accent-rgb: 133, 218, 204; + --interactive-accent-hover: #85dacc; + --interactive-success: #adda78; + --scrollbar-active-thumb-bg: rgba(114, 105, 106, 0.2); + --scrollbar-bg: rgba(114, 105, 106, 0.05); + --scrollbar-thumb-bg: rgba(114, 105, 106, 0.1); + --highlight-mix-blend-mode: lighten; + + --color-red: #fd6883; + --color-orange: #f38d70; + --color-yellow: #f9cc6c; + --color-green: #adda78; + --color-cyan: #85dacc; + --color-blue: #85dacc; + --color-purple: #a8a9eb; + --color-pink: #fd6883; +} + +.cm-s-obsidian .cm-header { + color: var(--color-red); + font-weight: 600; +} + +.cm-s-obsidian .cm-strong { + color: var(--color-orange); + font-weight: bold; +} + +.cm-s-obsidian .cm-em { + color: var(--color-yellow); + font-style: italic; +} + +.cm-s-obsidian .cm-link { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-url { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-tag { + color: var(--color-purple); +} + +.cm-s-obsidian .cm-quote { + color: var(--text-muted); + font-style: italic; +} + +.cm-s-obsidian .cm-comment { + color: var(--text-muted); + font-style: italic; +} + +.cm-s-obsidian .cm-string { + color: var(--color-yellow); +} + +.cm-s-obsidian .cm-keyword { + color: var(--color-red); +} + +.cm-s-obsidian .cm-variable-2 { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-variable-3 { + color: var(--color-green); +} + +.cm-s-obsidian .cm-def { + color: var(--color-green); +} + +.cm-s-obsidian .cm-number { + color: var(--color-purple); +} + +.cm-s-obsidian .cm-attribute { + color: var(--color-green); +} + +.cm-s-obsidian .cm-property { + color: var(--text-normal); +} + +.markdown-preview-view code, +.cm-inline-code { + color: var(--color-green); + background-color: var(--background-secondary); +} + +.markdown-preview-view pre code { + color: var(--text-normal); +} + +.cm-s-obsidian .cm-formatting-list { + color: var(--color-red); +} + +.markdown-preview-view .task-list-item-checkbox { + filter: hue-rotate(180deg); +} + +.markdown-preview-view a, +.cm-hmd-internal-link { + color: var(--color-cyan); +} + +.markdown-preview-view a:hover { + color: var(--color-cyan); + text-decoration: underline; +} + +.markdown-preview-view h1, +.markdown-preview-view h2, +.markdown-preview-view h3, +.markdown-preview-view h4, +.markdown-preview-view h5, +.markdown-preview-view h6 { + color: var(--color-red); + font-weight: 600; +} + +.tag { + color: var(--color-purple); + background-color: var(--background-secondary); +} + +.tag:hover { + color: var(--color-purple); + background-color: var(--background-modifier-border); +} + +.nav-file-title, +.nav-folder-title { + color: var(--text-normal); +} + +.nav-file-title.is-active { + background-color: var(--background-secondary); + color: var(--text-normal); +} + +.graph-view.color-fill-tag { + color: var(--color-purple); +} + +.graph-view.color-fill-attachment { + color: var(--color-orange); +} + +.graph-view.color-fill-unresolved { + color: var(--text-muted); +} + +.search-result-file-match { + color: var(--color-yellow); +} + +.search-result-file-matched-text { + background-color: var(--color-yellow); + color: var(--background-primary); +} + +::-webkit-scrollbar-thumb { + background-color: var(--scrollbar-thumb-bg); +} + +::-webkit-scrollbar-thumb:hover { + background-color: var(--scrollbar-active-thumb-bg); +} + +::selection { + background-color: var(--text-selection); +} + +.cm-active { + background-color: var(--background-secondary); +} + +.markdown-preview-view table { + border-color: var(--background-modifier-border); +} + +.markdown-preview-view th { + color: var(--color-red); + font-weight: 600; + background-color: var(--background-secondary); +} + +.markdown-preview-view blockquote { + border-left-color: var(--text-muted); + color: var(--text-muted); +} + +.markdown-preview-view hr { + border-color: var(--background-modifier-border); +} diff --git a/obsidian-theme-spectrum/manifest.json b/obsidian-theme-spectrum/manifest.json new file mode 100644 index 0000000..693c606 --- /dev/null +++ b/obsidian-theme-spectrum/manifest.json @@ -0,0 +1,7 @@ +{ + "name": "Monokai Pro Spectrum", + "version": "1.0.0", + "minAppVersion": "0.16.0", + "author": "Vinit Kumar", + "authorUrl": "https://github.com/vinitkumar" +} diff --git a/obsidian-theme-spectrum/theme.css b/obsidian-theme-spectrum/theme.css new file mode 100644 index 0000000..726a242 --- /dev/null +++ b/obsidian-theme-spectrum/theme.css @@ -0,0 +1,235 @@ +/* +Monokai Pro Spectrum Theme for Obsidian +True black background variant for OLED displays +Author: Vinit Kumar +*/ + +.theme-dark { + --background-primary: #222222; + --background-primary-alt: #191919; + --background-secondary: #363537; + --background-secondary-alt: #363537; + --background-modifier-border: #525053; + --background-modifier-form-field: #363537; + --background-modifier-form-field-highlighted: #363537; + --background-modifier-box-shadow: rgba(0, 0, 0, 0.3); + --background-modifier-success: #7bd88f; + --background-modifier-error: #fc618d; + --background-modifier-error-rgb: 252, 97, 141; + --background-modifier-error-hover: #fc618d; + --background-modifier-cover: rgba(0, 0, 0, 0.8); + --text-accent: #5ad4e6; + --text-accent-hover: #5ad4e6; + --text-normal: #f7f1ff; + --text-muted: #69676c; + --text-muted-rgb: 105, 103, 108; + --text-faint: #525053; + --text-error: #fc618d; + --text-error-hover: #fc618d; + --text-highlight-bg: #fce566; + --text-highlight-bg-active: #fd9353; + --text-selection: rgba(54, 53, 55, 0.99); + --text-on-accent: #222222; + --interactive-normal: #363537; + --interactive-hover: #525053; + --interactive-accent: #5ad4e6; + --interactive-accent-rgb: 90, 212, 230; + --interactive-accent-hover: #5ad4e6; + --interactive-success: #7bd88f; + --scrollbar-active-thumb-bg: rgba(105, 103, 108, 0.2); + --scrollbar-bg: rgba(105, 103, 108, 0.05); + --scrollbar-thumb-bg: rgba(105, 103, 108, 0.1); + --highlight-mix-blend-mode: lighten; + + --color-red: #fc618d; + --color-orange: #fd9353; + --color-yellow: #fce566; + --color-green: #7bd88f; + --color-cyan: #5ad4e6; + --color-blue: #5ad4e6; + --color-purple: #948ae3; + --color-pink: #fc618d; +} + +.cm-s-obsidian .cm-header { + color: var(--color-red); + font-weight: 600; +} + +.cm-s-obsidian .cm-strong { + color: var(--color-orange); + font-weight: bold; +} + +.cm-s-obsidian .cm-em { + color: var(--color-yellow); + font-style: italic; +} + +.cm-s-obsidian .cm-link { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-url { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-tag { + color: var(--color-purple); +} + +.cm-s-obsidian .cm-quote { + color: var(--text-muted); + font-style: italic; +} + +.cm-s-obsidian .cm-comment { + color: var(--text-muted); + font-style: italic; +} + +.cm-s-obsidian .cm-string { + color: var(--color-yellow); +} + +.cm-s-obsidian .cm-keyword { + color: var(--color-red); +} + +.cm-s-obsidian .cm-variable-2 { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-variable-3 { + color: var(--color-green); +} + +.cm-s-obsidian .cm-def { + color: var(--color-green); +} + +.cm-s-obsidian .cm-number { + color: var(--color-purple); +} + +.cm-s-obsidian .cm-attribute { + color: var(--color-green); +} + +.cm-s-obsidian .cm-property { + color: var(--text-normal); +} + +.markdown-preview-view code, +.cm-inline-code { + color: var(--color-green); + background-color: var(--background-secondary); +} + +.markdown-preview-view pre code { + color: var(--text-normal); +} + +.cm-s-obsidian .cm-formatting-list { + color: var(--color-red); +} + +.markdown-preview-view .task-list-item-checkbox { + filter: hue-rotate(180deg); +} + +.markdown-preview-view a, +.cm-hmd-internal-link { + color: var(--color-cyan); +} + +.markdown-preview-view a:hover { + color: var(--color-cyan); + text-decoration: underline; +} + +.markdown-preview-view h1, +.markdown-preview-view h2, +.markdown-preview-view h3, +.markdown-preview-view h4, +.markdown-preview-view h5, +.markdown-preview-view h6 { + color: var(--color-red); + font-weight: 600; +} + +.tag { + color: var(--color-purple); + background-color: var(--background-secondary); +} + +.tag:hover { + color: var(--color-purple); + background-color: var(--background-modifier-border); +} + +.nav-file-title, +.nav-folder-title { + color: var(--text-normal); +} + +.nav-file-title.is-active { + background-color: var(--background-secondary); + color: var(--text-normal); +} + +.graph-view.color-fill-tag { + color: var(--color-purple); +} + +.graph-view.color-fill-attachment { + color: var(--color-orange); +} + +.graph-view.color-fill-unresolved { + color: var(--text-muted); +} + +.search-result-file-match { + color: var(--color-yellow); +} + +.search-result-file-matched-text { + background-color: var(--color-yellow); + color: var(--background-primary); +} + +::-webkit-scrollbar-thumb { + background-color: var(--scrollbar-thumb-bg); +} + +::-webkit-scrollbar-thumb:hover { + background-color: var(--scrollbar-active-thumb-bg); +} + +::selection { + background-color: var(--text-selection); +} + +.cm-active { + background-color: var(--background-secondary); +} + +.markdown-preview-view table { + border-color: var(--background-modifier-border); +} + +.markdown-preview-view th { + color: var(--color-red); + font-weight: 600; + background-color: var(--background-secondary); +} + +.markdown-preview-view blockquote { + border-left-color: var(--text-muted); + color: var(--text-muted); +} + +.markdown-preview-view hr { + border-color: var(--background-modifier-border); +} diff --git a/obsidian-theme/README.md b/obsidian-theme/README.md new file mode 100644 index 0000000..5c68157 --- /dev/null +++ b/obsidian-theme/README.md @@ -0,0 +1,63 @@ +# Monokai Pro for Obsidian + +A beautiful dark theme for [Obsidian](https://obsidian.md) based on the Monokai Pro color scheme, ported from the [Monokai Pro Vim](https://github.com/vinitkumar/monokai-pro-vim) theme. + +## Features + +- 🎨 Beautiful Monokai Pro color palette +- 🌙 Dark theme optimized for long coding/writing sessions +- ☀️ Light theme variant included +- 💎 Carefully crafted syntax highlighting +- 🎯 Optimized for readability + +## Color Palette + +- **Background**: `#2d2a2e` +- **Foreground**: `#fcfcfa` +- **Red**: `#ff6188` (Keywords, headings) +- **Orange**: `#fc9867` (Bold text) +- **Yellow**: `#ffd866` (Strings, italics) +- **Green**: `#a9dc76` (Code, functions) +- **Cyan**: `#78dce8` (Links, accents) +- **Purple**: `#ab9df2` (Tags, numbers) + +## Installation + +### From Obsidian Community Themes (Recommended) + +1. Open Obsidian Settings +2. Navigate to `Appearance` +3. Click on `Manage` under Themes +4. Search for "Monokai Pro" +5. Click `Install and use` + +### Manual Installation + +1. Download the latest release +2. Extract the files to your vault's `.obsidian/themes/monokai-pro/` directory +3. Open Obsidian Settings +4. Navigate to `Appearance` +5. Select "Monokai Pro" from the theme dropdown + +## Screenshots + +![Monokai Pro Theme](screenshot.png) + +## Related Projects + +- [Monokai Pro for Vim](https://github.com/vinitkumar/monokai-pro-vim) - The Vim theme this is based on +- [Monokai Pro](https://monokai.pro/) - The original Monokai Pro theme + +## Credits + +- Original Monokai Pro theme by [Wimer Hazenberg](https://monokai.pro/) +- Vim port by [Vinit Kumar](https://github.com/vinitkumar) +- Based on [monokai-pro.nvim](https://github.com/gthelding/monokai-pro.nvim) by gthelding + +## License + +MIT License - see LICENSE file for details + +## Contributing + +Issues and pull requests are welcome! Feel free to submit feedback or improvements. diff --git a/obsidian-theme/manifest.json b/obsidian-theme/manifest.json new file mode 100644 index 0000000..d428dd3 --- /dev/null +++ b/obsidian-theme/manifest.json @@ -0,0 +1,7 @@ +{ + "name": "Monokai Pro", + "version": "1.0.0", + "minAppVersion": "0.16.0", + "author": "Vinit Kumar", + "authorUrl": "https://github.com/vinitkumar" +} diff --git a/obsidian-theme/theme.css b/obsidian-theme/theme.css new file mode 100644 index 0000000..abbf7cf --- /dev/null +++ b/obsidian-theme/theme.css @@ -0,0 +1,292 @@ +/* +Monokai Pro Theme for Obsidian +Based on the Monokai Pro Vim colorscheme +Author: Vinit Kumar +Repository: https://github.com/vinitkumar/monokai-pro-vim +*/ + +.theme-dark { + /* Monokai Pro Color Palette */ + --background-primary: #2d2a2e; + --background-primary-alt: #221f22; + --background-secondary: #403e41; + --background-secondary-alt: #403e41; + --background-modifier-border: #5b595c; + --background-modifier-form-field: #403e41; + --background-modifier-form-field-highlighted: #403e41; + --background-modifier-box-shadow: rgba(0, 0, 0, 0.3); + --background-modifier-success: #a9dc76; + --background-modifier-error: #ff6188; + --background-modifier-error-rgb: 255, 97, 136; + --background-modifier-error-hover: #ff6188; + --background-modifier-cover: rgba(0, 0, 0, 0.8); + --text-accent: #78dce8; + --text-accent-hover: #78dce8; + --text-normal: #fcfcfa; + --text-muted: #727072; + --text-muted-rgb: 114, 112, 114; + --text-faint: #5b595c; + --text-error: #ff6188; + --text-error-hover: #ff6188; + --text-highlight-bg: #ffd866; + --text-highlight-bg-active: #fc9867; + --text-selection: rgba(64, 62, 65, 0.99); + --text-on-accent: #2d2a2e; + --interactive-normal: #403e41; + --interactive-hover: #5b595c; + --interactive-accent: #78dce8; + --interactive-accent-rgb: 120, 220, 232; + --interactive-accent-hover: #78dce8; + --interactive-success: #a9dc76; + --scrollbar-active-thumb-bg: rgba(114, 112, 114, 0.2); + --scrollbar-bg: rgba(114, 112, 114, 0.05); + --scrollbar-thumb-bg: rgba(114, 112, 114, 0.1); + --highlight-mix-blend-mode: lighten; + + /* Syntax Colors */ + --color-red: #ff6188; + --color-orange: #fc9867; + --color-yellow: #ffd866; + --color-green: #a9dc76; + --color-cyan: #78dce8; + --color-blue: #78dce8; + --color-purple: #ab9df2; + --color-pink: #ff6188; +} + +.theme-light { + --background-primary: #fcfcfa; + --background-primary-alt: #f5f5f5; + --background-secondary: #e8e8e8; + --background-secondary-alt: #e8e8e8; + --background-modifier-border: #c1c0c0; + --background-modifier-form-field: #e8e8e8; + --background-modifier-form-field-highlighted: #e8e8e8; + --background-modifier-box-shadow: rgba(0, 0, 0, 0.1); + --background-modifier-success: #a9dc76; + --background-modifier-error: #ff6188; + --background-modifier-error-rgb: 255, 97, 136; + --background-modifier-error-hover: #ff6188; + --background-modifier-cover: rgba(255, 255, 255, 0.8); + --text-accent: #078aaf; + --text-accent-hover: #078aaf; + --text-normal: #2d2a2e; + --text-muted: #727072; + --text-muted-rgb: 114, 112, 114; + --text-faint: #a8a6a9; + --text-error: #ff6188; + --text-error-hover: #ff6188; + --text-highlight-bg: rgba(255, 216, 102, 0.4); + --text-highlight-bg-active: rgba(252, 152, 103, 0.4); + --text-selection: rgba(232, 232, 232, 0.99); + --text-on-accent: #fcfcfa; + --interactive-normal: #e8e8e8; + --interactive-hover: #c1c0c0; + --interactive-accent: #078aaf; + --interactive-accent-rgb: 7, 138, 175; + --interactive-accent-hover: #078aaf; + --interactive-success: #a9dc76; + --scrollbar-active-thumb-bg: rgba(114, 112, 114, 0.3); + --scrollbar-bg: rgba(114, 112, 114, 0.05); + --scrollbar-thumb-bg: rgba(114, 112, 114, 0.15); + --highlight-mix-blend-mode: darken; +} + +/* Editor Styles */ +.cm-s-obsidian .cm-header { + color: var(--color-red); + font-weight: 600; +} + +.cm-s-obsidian .cm-strong { + color: var(--color-orange); + font-weight: bold; +} + +.cm-s-obsidian .cm-em { + color: var(--color-yellow); + font-style: italic; +} + +.cm-s-obsidian .cm-link { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-url { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-tag { + color: var(--color-purple); +} + +.cm-s-obsidian .cm-quote { + color: var(--text-muted); + font-style: italic; +} + +.cm-s-obsidian .cm-comment { + color: var(--text-muted); + font-style: italic; +} + +.cm-s-obsidian .cm-string { + color: var(--color-yellow); +} + +.cm-s-obsidian .cm-keyword { + color: var(--color-red); +} + +.cm-s-obsidian .cm-variable-2 { + color: var(--color-cyan); +} + +.cm-s-obsidian .cm-variable-3 { + color: var(--color-green); +} + +.cm-s-obsidian .cm-def { + color: var(--color-green); +} + +.cm-s-obsidian .cm-number { + color: var(--color-purple); +} + +.cm-s-obsidian .cm-attribute { + color: var(--color-green); +} + +.cm-s-obsidian .cm-property { + color: var(--text-normal); +} + +/* Code Blocks */ +.markdown-preview-view code, +.cm-inline-code { + color: var(--color-green); + background-color: var(--background-secondary); +} + +.markdown-preview-view pre code { + color: var(--text-normal); +} + +/* Lists */ +.cm-s-obsidian .cm-formatting-list { + color: var(--color-red); +} + +/* Checkboxes */ +.markdown-preview-view .task-list-item-checkbox { + filter: hue-rotate(180deg); +} + +/* Links */ +.markdown-preview-view a, +.cm-hmd-internal-link { + color: var(--color-cyan); +} + +.markdown-preview-view a:hover { + color: var(--color-cyan); + text-decoration: underline; +} + +/* Headings */ +.markdown-preview-view h1, +.markdown-preview-view h2, +.markdown-preview-view h3, +.markdown-preview-view h4, +.markdown-preview-view h5, +.markdown-preview-view h6 { + color: var(--color-red); + font-weight: 600; +} + +/* Tags */ +.tag { + color: var(--color-purple); + background-color: var(--background-secondary); +} + +.tag:hover { + color: var(--color-purple); + background-color: var(--background-modifier-border); +} + +/* Sidebar */ +.nav-file-title, +.nav-folder-title { + color: var(--text-normal); +} + +.nav-file-title.is-active { + background-color: var(--background-secondary); + color: var(--text-normal); +} + +/* Graph View */ +.graph-view.color-fill-tag { + color: var(--color-purple); +} + +.graph-view.color-fill-attachment { + color: var(--color-orange); +} + +.graph-view.color-fill-unresolved { + color: var(--text-muted); +} + +/* Search */ +.search-result-file-match { + color: var(--color-yellow); +} + +.search-result-file-matched-text { + background-color: var(--color-yellow); + color: var(--background-primary); +} + +/* Scrollbars */ +::-webkit-scrollbar-thumb { + background-color: var(--scrollbar-thumb-bg); +} + +::-webkit-scrollbar-thumb:hover { + background-color: var(--scrollbar-active-thumb-bg); +} + +/* Selection */ +::selection { + background-color: var(--text-selection); +} + +/* Active Line */ +.cm-active { + background-color: var(--background-secondary); +} + +/* Tables */ +.markdown-preview-view table { + border-color: var(--background-modifier-border); +} + +.markdown-preview-view th { + color: var(--color-red); + font-weight: 600; + background-color: var(--background-secondary); +} + +/* Blockquotes */ +.markdown-preview-view blockquote { + border-left-color: var(--text-muted); + color: var(--text-muted); +} + +/* Horizontal Rule */ +.markdown-preview-view hr { + border-color: var(--background-modifier-border); +}