diff --git a/themes/tokyonight-dark/v1/code-block.css b/themes/tokyonight-dark/v1/code-block.css new file mode 100644 index 0000000..7d18868 --- /dev/null +++ b/themes/tokyonight-dark/v1/code-block.css @@ -0,0 +1 @@ +/** * Tokyonight Moon by Riiku * Licenced under the GPL v3 */ pre[class*="language-"] { --base: #24283b; /* Lighter background color */ --surface: #1f2335; --overlay: #414868; --muted: #565f89; --subtle: #565f89; --text: #c0caf5; --love: #f7768e; --gold: #e0af68; --rose: #bb9af7; --pine: #9ece6a; --foam: #7dcfff; --iris: #7aa2f7; --highlight-low: #1f2335; --highlight-med: #414868; --highlight-high: #565f89; } code[class*="language-"], pre[class*="language-"] { background: var(--base); color: var(--text); font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection, pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::selection, code[class*="language-"] ::selection, pre[class*="language-"]::selection, pre[class*="language-"] ::selection { background: var(--highlight-med); } pre[class*="language-"] { padding: 1em; margin: 0.5em 0; overflow: auto; border-radius: unset; } :not(pre) > code[class*="language-"] { padding: 0.1em; border-radius: unset; white-space: normal; } .token.comment, .token.prolog, .token.cdata, .token.doctype { color: var(--muted); } .token.punctuation { color: var(--subtle); } .token.entity { color: var(--pine); } .token.boolean { color: var(--rose); } .token.attr-name { color: var(--foam); } .token.class-name { color: var(--text); } .token.constant { color: var (--love); font-style: italic; } .token.number { color: var(--foam); } .token.atrule { color: var(--love); } .token.keyword { color: var(--pine); } .token.property { color: var(--foam); } .token.tag { color: var(--foam); } .token.symbol { color: unset; } .token.deleted { color: var(--love); } .token.important { color: var(--love); } .token.selector { color: var(--rose); } .token.string { color: var(--gold); } .token.char { color: var(--gold); } .token.builtin { color: var(--love); } .token.inserted { color: var(--foam); } .token.regex { color: var(--gold); } .token.attr-value { color: var(--gold); } .token.variable { color: var(--text); } .token.operator { color: var(--subtle); } .token.function { color: var(--rose); font-style: italic; } .token.url { color: var(--iris); } .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } .token.namespace { opacity: 0.7; } \ No newline at end of file diff --git a/themes/tokyonight-dark/v1/theme.json b/themes/tokyonight-dark/v1/theme.json index a6d810f..575dfa1 100644 --- a/themes/tokyonight-dark/v1/theme.json +++ b/themes/tokyonight-dark/v1/theme.json @@ -1,262 +1,150 @@ { - "$schema": "https://raw.githubusercontent.com/streetwriters/notesnook-themes/main/schemas/v1.schema.json", - "name": "Tokyonight Dark", - "id": "tokyonight-dark", - "version": 1.6, - "license": "GPL-3.0-or-later", - "description": "A Tokyonight dark theme for Notesnook app", - "homepage": "https://notesnook.com", - "colorScheme": "dark", - "compatibilityVersion": 1, - "authors": [ - { - "name": "Andres M", - "email": "andresmessina@proton.me", - "url": "https://mastodon.social/@aureliuspublius" - } - ], - "scopes": { - "base": { - "primary": { - "accent": "#c0caf5", - "paragraph": "#c0caf5", - "background": "#191a26", - "border": "#c0caf5", - "heading": "#c0caf5", - "icon": "#c0caf5", - "separator": "#c0caf5", - "placeholder": "#c0caf5", - "hover": "#241f31", - "shade": "#241f31", - "backdrop": "#00191a26", - "textSelection": "#62a0ea" - }, - "secondary": { - "accent": "#c0caf5", - "paragraph": "#c0caf5", - "background": "#191a26", - "border": "#c0caf5", - "heading": "#c0caf5", - "icon": "#c0caf5", - "separator": "#c0caf5", - "placeholder": "#c0caf5", - "hover": "#241f31", - "shade": "#241f31", - "backdrop": "#191a26", - "textSelection": "#62a0ea" - }, - "disabled": { - "accent": "#c0caf5", - "paragraph": "#c0caf5", - "background": "#191a26", - "border": "#c0caf5", - "heading": "#c0caf5", - "icon": "#c0caf5", - "separator": "#c0caf5", - "placeholder": "#c0caf5", - "hover": "#241f31", - "shade": "#241f31", - "backdrop": "#191a26", - "textSelection": "#62a0ea" - }, - "selected": { - "accent": "#c0caf5", - "paragraph": "#c0caf5", - "background": "#191a26", - "border": "#c0caf5", - "heading": "#c0caf5", - "icon": "#c0caf5", - "separator": "#c0caf5", - "placeholder": "#c0caf5", - "hover": "#241f31", - "shade": "#241f31", - "backdrop": "#191a26", - "textSelection": "#62a0ea" - }, - "error": { - "accent": "#c0caf5", - "paragraph": "#c0caf5", - "background": "#191a26", - "border": "#c0caf5", - "heading": "#c0caf5", - "icon": "#ed333b", - "separator": "#c0caf5", - "placeholder": "#c0caf5", - "hover": "#241f31", - "shade": "#241f31", - "backdrop": "#191a26", - "textSelection": "#62a0ea" - }, - "success": { - "accent": "#4f8a10", - "paragraph": "#4f8a10", - "background": "#85ce68", - "border": "#e8e8e8", - "heading": "#4f8a10", - "icon": "#4f8a10", - "separator": "#e8e8e8", - "placeholder": "#a9a9a9", - "hover": "#241f31", - "shade": "#241f31", - "backdrop": "#191a26", - "textSelection": "#62a0ea" - } - }, - "statusBar": { - "primary": { - "paragraph": "#c0caf5", - "background": "#191a26", - "icon": "#c0caf5" - }, - "secondary": { - "paragraph": "#c0caf5", - "background": "#191a26", - "icon": "#c0caf5" - }, - "error": { - "icon": "#ed333b", - "separator": "#c0caf5" - }, - "success": { - "icon": "#57e389" - } - }, - "list": { - "primary": { - "accent": "#1b728d", - "paragraph": "#c0caf5", - "background": "#191a26", - "border": "#c0caf5", - "heading": "#c0caf5", - "icon": "#c0caf5", - "separator": "#c0caf5", - "placeholder": "#c0caf5", - "hover": "#241f31", - "shade": "#241f31", - "backdrop": "#191a26", - "textSelection": "#c0caf5" - }, - "secondary": { - "accent": "#c0caf5", - "paragraph": "#c0caf5", - "background": "#191a26", - "border": "#c0caf5", - "heading": "#c0caf5", - "icon": "#c0caf5", - "separator": "#c0caf5", - "placeholder": "#c0caf5", - "hover": "#241f31", - "shade": "#241f31", - "backdrop": "#191a26", - "textSelection": "#c0caf5" - }, - "disabled": { - "accent": "#c0caf5", - "paragraph": "#c0caf5", - "background": "#191a26", - "border": "#c0caf5", - "heading": "#c0caf5", - "icon": "#c0caf5", - "separator": "#c0caf5", - "placeholder": "#c0caf5", - "hover": "#241f31", - "shade": "#241f31", - "backdrop": "#241f31", - "textSelection": "#d5d6e0" - }, - "selected": { - "accent": "#c0caf5", - "paragraph": "#c0caf5", - "background": "#191a26", - "border": "#c0caf5", - "heading": "#c0caf5", - "icon": "#c0caf5", - "separator": "#c0caf5", - "placeholder": "#c0caf5", - "hover": "#241f31", - "shade": "#241f31", - "backdrop": "#191a26", - "textSelection": "#d5d6e0" - }, - "error": { - "accent": "#c0caf5", - "background": "#191a26", - "icon": "#ed333b" - }, - "success": { - "accent": "#c0caf5", - "background": "#191a26", - "icon": "#57e389" - } - }, - "editor": { - "primary": { - "paragraph": "#c0caf5", - "background": "#191a26", - "heading": "#c0caf5", - "icon": "#c0caf5", - "separator": "#c0caf5" + "$schema": "https://raw.githubusercontent.com/streetwriters/notesnook-themes/main/schemas/v1.schema.json", + "name": "Tokyonight Moon", + "id": "tokyonight-dark", + "version": 2, + "license": "GPL-3.0-or-later", + "homepage": "https://notesnook.com", + "description": "Tokyonight Moon theme", + "colorScheme": "dark", + "compatibilityVersion": 1, + "authors": [ + { + "name": "riiku", + "url": "https://tech.lgbt/@riiku" + }, + { + "name": "Andres M", + "email": "andresmessina@proton.me", + "url": "https://mastodon.social/@aureliuspublius" } - }, - "dialog": { - "primary": { - "background": "#191a26" - }, - "secondary": { - "background": "#191a26" - }, - "disabled": { - "background": "#191a26" - }, - "selected": { - "background": "#191a26" - } - }, - "navigationMenu": { - "primary": { - "accent": "#e0e3f1", - "paragraph": "#c0caf5", - "background": "#191a26", - "border": "#c0caf5", - "heading": "#c0caf5", - "icon": "#c0caf5", - "separator": "#c0caf5", - "placeholder": "#c0caf5", - "hover": "#342d47", - "shade": "#403854", - "backdrop": "#e0e3f1", - "textSelection": "#e0e3f1" - }, - "secondary": { - "background": "#191a26" - } - }, - "contextMenu": { - "primary": { - "background": "#191a26", - "border": "#c0caf5", - "icon": "#c0caf5" - }, - "secondary": { - "background": "#191a26", - "border": "#c0caf5", - "icon": "#c0caf5" - } - }, - "sheet": { - "primary": { - "accent": "#c0caf5", - "paragraph": "#c0caf5", - "background": "#191a26", - "border": "#c0caf5", - "heading": "#c0caf5", - "icon": "#c0caf5", - "separator": "#c0caf5", - "placeholder": "#c0caf5" - }, - "selected": { - "paragraph": "#008837" + ], + "scopes": { + "base": { + "primary": { + "accent": "#7aa2f7", + "paragraph": "#c0caf5", + "background": "#1a1b26", + "border": "#1a1b26", + "heading": "#c0caf5", + "icon": "#7aa2f7", + "separator": "#1f2335", + "placeholder": "#565f89", + "hover": "#1a1b26", + "accentForeground": "#1a1b26", + "backdrop": "#1a1b2699" + }, + "secondary": { + "accent": "#7aa2f7", + "paragraph": "#c0caf5", + "background": "#1f2335", + "border": "#565f89", + "heading": "#c0caf5", + "icon": "#c0caf5", + "separator": "#565f89", + "placeholder": "#565f89", + "hover": "#1a1b26", + "accentForeground": "#1a1b26", + "backdrop": "#1a1b2699" + }, + "disabled": { + "accent": "#7aa2f7", + "paragraph": "#c0caf5", + "background": "#565f89", + "border": "#565f89", + "heading": "#c0caf5", + "icon": "#c0caf5", + "separator": "#565f89", + "placeholder": "#c0caf5", + "hover": "#565f89", + "accentForeground": "#1a1b26", + "backdrop": "#1a1b2699" + }, + "selected": { + "accent": "#7aa2f7", + "paragraph": "#c0caf5", + "background": "#414868", + "border": "#7aa2f7", + "heading": "#c0caf5", + "icon": "#7aa2f7", + "separator": "#565f89", + "placeholder": "#565f89", + "hover": "#1a1b26", + "accentForeground": "#1a1b26", + "backdrop": "#1a1b2699" + }, + "error": { + "accent": "#f7768e", + "paragraph": "#f7768e", + "background": "#1f2335", + "border": "#565f89", + "heading": "#f7768e", + "icon": "#f7768e", + "separator": "#565f89", + "placeholder": "#565f89", + "hover": "#565f89", + "accentForeground": "#1a1b26", + "backdrop": "#1a1b2699" + }, + "success": { + "accent": "#9ece6a", + "paragraph": "#9ece6a", + "background": "#1f2335", + "border": "#565f89", + "heading": "#9ece6a", + "icon": "#9ece6a", + "separator": "#565f89", + "placeholder": "#565f89", + "hover": "#565f89", + "accentForeground": "#1a1b26", + "backdrop": "#1a1b2699" + } + }, + "statusBar": { + "primary": { + "paragraph": "#c0caf5", + "background": "#1a1b26", + "separator": "#1a1b26" + } + }, + "list": { + "primary": { + "paragraph": "#c0caf5", + "background": "#1f2335", + "hover": "#1a1b26" + }, + "secondary": { + "paragraph": "#c0caf5" + } + }, + "editor": { + "primary": { + "background": "#1a1b26", + "border": "#565f89" + }, + "secondary": { + "paragraph": "#565f89", + "border": "#1a1b26" + } + }, + "editorToolbar": { + "primary": { + "background": "#1f2335", + "hover": "#565f8933" + }, + "secondary": { + "background": "#565f8933" + } + }, + "navigationMenu": { + "primary": { + "background": "#1a1b26" + } + }, + "sheet": { + "selected": { + "paragraph": "#9ece6a" + } } } - } -} + } \ No newline at end of file diff --git a/themes/tokyonight-light/v1/code-block.css b/themes/tokyonight-light/v1/code-block.css new file mode 100644 index 0000000..de9cb5b --- /dev/null +++ b/themes/tokyonight-light/v1/code-block.css @@ -0,0 +1 @@ +/** * Tokyonight Day by Riiku * Licenced under the GPL v3 */ pre[class*="language-"] { --base: #f7f8fc; --surface: #e1e2e7; --overlay: #cdd1e3; --muted: #767c9d; --subtle: #767c9d; --text: #3760bf; --love: #f7768e; --gold: #e0af68; --rose: #bb9af7; --pine: #9ece6a; --foam: #7dcfff; --iris: #7aa2f7; --highlight-low: #e1e2e7; --highlight-med: #cdd1e3; --highlight-high: #767c9d; } code[class*="language-"], pre[class*="language-"] { background: var(--base); color: var(--text); font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection, pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::selection, code[class*="language-"] ::selection, pre[class*="language-"]::selection, pre[class*="language-"] ::selection { background: var(--highlight-med); } pre[class*="language-"] { padding: 1em; margin: 0.5em 0; overflow: auto; border-radius: unset; } :not(pre) > code[class*="language-"] { padding: 0.1em; border-radius: unset; white-space: normal; } .token.comment, .token.prolog, .token.cdata, .token.doctype { color: var(--muted); } .token.punctuation { color: var(--subtle); } .token.entity { color: var(--pine); } .token.boolean { color: var(--rose); } .token.attr-name { color: var(--foam); } .token.class-name { color: var(--text); } .token.constant { color: var(--love); font-style: italic; } .token.number { color: var(--foam); } .token.atrule { color: var(--love); } .token.keyword { color: var(--pine); } .token.property { color: var(--foam); } .token.tag { color: var(--foam); } .token.symbol { color: unset; } .token.deleted { color: var(--love); } .token.important { color: var(--love); } .token.selector { color: var(--rose); } .token.string { color: var(--gold); } .token.char { color: var(--gold); } .token.builtin { color: var(--love); } .token.inserted { color: var(--foam); } .token.regex { color: var(--gold); } .token.attr-value { color: var(--gold); } .token.variable { color: var(--text); } .token.operator { color: var(--subtle); } .token.function { color: var(--rose); font-style: italic; } .token.url { color: var(--iris); } .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } .token.namespace { opacity: 0.7; } \ No newline at end of file diff --git a/themes/tokyonight-light/v1/theme.json b/themes/tokyonight-light/v1/theme.json index 9c0a97c..186e85e 100644 --- a/themes/tokyonight-light/v1/theme.json +++ b/themes/tokyonight-light/v1/theme.json @@ -1,123 +1,150 @@ { - "$schema": "https://raw.githubusercontent.com/streetwriters/notesnook-themes/main/schemas/v1.schema.json", - "name": "Tokyonight Light", - "id": "tokyonight-light", - "version": 1.5, - "license": "GPL-3.0-or-later", - "description": "Tokyonight light theme for Notesnook app", - "colorScheme": "light", - "compatibilityVersion": 1, - "authors": [ - { - "name": "Andres M", - "email": "andresmessina@proton.me", - "url": "https://mastodon.social/@aureliuspublius" - } - ], - "scopes": { - "base": { - "primary": { - "accent": "#191a26", - "paragraph": "#191A26", - "background": "#D8DAE6", - "border": "#191A26", - "heading": "#191A26", - "icon": "#191A26", - "separator": "#191A26", - "placeholder": "#191A26", - "hover": "#c8cff1", - "shade": "#C0C8F4", - "backdrop": "#0000001a", - "textSelection": "#00883777" + "$schema": "https://raw.githubusercontent.com/streetwriters/notesnook-themes/main/schemas/v1.schema.json", + "name": "Tokyonight Day", + "id": "tokyonight-light", + "version": 2, + "license": "GPL-3.0-or-later", + "homepage": "https://notesnook.com", + "description": "Tokyonight Day theme", + "colorScheme": "light", + "compatibilityVersion": 1, + "authors": [ + { + "name": "riiku", + "url": "https://tech.lgbt/@riiku" }, - "secondary": { - "accent": "#191a26", - "paragraph": "#191A26", - "background": "#D8DAE6", - "border": "#191a26", - "heading": "#191a26", - "icon": "#191a26", - "separator": "#191a26", - "placeholder": "#191a26", - "hover": "#c8cff1", - "shade": "#C0C8F4", - "backdrop": "#0000001a", - "textSelection": "#00883777" + { + "name": "Andres M", + "email": "andresmessina@proton.me", + "url": "https://mastodon.social/@aureliuspublius" + } + ], + "scopes": { + "base": { + "primary": { + "accent": "#7aa2f7", + "paragraph": "#3760bf", + "background": "#f7f8fc", + "border": "#f7f8fc", + "heading": "#3760bf", + "icon": "#7aa2f7", + "separator": "#e1e2e7", + "placeholder": "#767c9d", + "hover": "#f0f1f5", + "accentForeground": "#f7f8fc", + "backdrop": "#f7f8fc99" + }, + "secondary": { + "accent": "#7aa2f7", + "paragraph": "#3760bf", + "background": "#e1e2e7", + "border": "#767c9d", + "heading": "#3760bf", + "icon": "#3760bf", + "separator": "#767c9d", + "placeholder": "#767c9d", + "hover": "#f0f1f5", + "accentForeground": "#f7f8fc", + "backdrop": "#f7f8fc99" + }, + "disabled": { + "accent": "#7aa2f7", + "paragraph": "#3760bf", + "background": "#767c9d", + "border": "#767c9d", + "heading": "#3760bf", + "icon": "#3760bf", + "separator": "#767c9d", + "placeholder": "#3760bf", + "hover": "#f0f1f5", + "accentForeground": "#f7f8fc", + "backdrop": "#f7f8fc99" + }, + "selected": { + "accent": "#7aa2f7", + "paragraph": "#3760bf", + "background": "#cdd1e3", + "border": "#7aa2f7", + "heading": "#3760bf", + "icon": "#7aa2f7", + "separator": "#767c9d", + "placeholder": "#767c9d", + "hover": "#f0f1f5", + "accentForeground": "#f7f8fc", + "backdrop": "#f7f8fc99" + }, + "error": { + "accent": "#f7768e", + "paragraph": "#f7768e", + "background": "#e1e2e7", + "border": "#767c9d", + "heading": "#f7768e", + "icon": "#f7768e", + "separator": "#767c9d", + "placeholder": "#767c9d", + "hover": "#f0f1f5", + "accentForeground": "#f7f8fc", + "backdrop": "#f7f8fc99" + }, + "success": { + "accent": "#9ece6a", + "paragraph": "#9ece6a", + "background": "#e1e2e7", + "border": "#767c9d", + "heading": "#9ece6a", + "icon": "#9ece6a", + "separator": "#767c9d", + "placeholder": "#767c9d", + "hover": "#f0f1f5", + "accentForeground": "#f7f8fc", + "backdrop": "#f7f8fc99" + } }, - "disabled": { - "accent": "#191a26", - "paragraph": "#191A26", - "background": "#D8DAE6", - "border": "#191a26", - "heading": "#191a26", - "icon": "#191a26", - "separator": "#191a26", - "placeholder": "#191a26", - "hover": "#c8cff1", - "shade": "#C0C8F4", - "backdrop": "#0000001a", - "textSelection": "#00883777" + "statusBar": { + "primary": { + "paragraph": "#3760bf", + "background": "#f0f1f5", + "separator": "#f0f1f5" + } }, - "selected": { - "accent": "#191a26", - "paragraph": "#191a26", - "background": "#C0C8F4", - "border": "#191a26", - "heading": "#212121", - "icon": "#9141ac", - "separator": "#E8E8E8", - "placeholder": "#191a26", - "hover": "#00000010", - "shade": "#00883712", - "backdrop": "#0000001a", - "textSelection": "#00883777" + "list": { + "primary": { + "paragraph": "#3760bf", + "background": "#e1e2e7", + "hover": "#f0f1f5" + }, + "secondary": { + "paragraph": "#3760bf" + } }, - "error": { - "accent": "#191a26", - "paragraph": "#f54b42", - "background": "#dfe0e5", - "border": "#E8E8E8", - "heading": "#f54b42", - "icon": "#ed333b", - "separator": "#E8E8E8", - "placeholder": "#191a26", - "hover": "#00000010", - "shade": "#00883712", - "backdrop": "#0000001a", - "textSelection": "#00883777" + "editor": { + "primary": { + "background": "#f0f1f5", + "border": "#767c9d" + }, + "secondary": { + "paragraph": "#767c9d", + "border": "#f7f8fc" + } }, - "success": { - "accent": "#191a26", - "paragraph": "#191a26", - "background": "#dfe0e5", - "border": "#191a26", - "heading": "#191a26", - "icon": "#191a26", - "separator": "#191a26", - "placeholder": "#191a26", - "hover": "#00000010", - "shade": "#4F8A1012", - "backdrop": "#0000001a", - "textSelection": "#00883777" - } - }, - "statusBar": { - "primary": { - "background": "#D8DAE6" + "editorToolbar": { + "primary": { + "background": "#e1e2e7", + "hover": "#767c9d33" + }, + "secondary": { + "background": "#767c9d33" + } }, - "secondary": { - "background": "#D8DAE6" - } - }, - "list": { - "selected": { - "background": "#c0c8f4" - } - }, - "navigationMenu": { - "primary": { - "background": "#D8DAE6" + "navigationMenu": { + "primary": { + "background": "#f7f8fc" + } + }, + "sheet": { + "selected": { + "paragraph": "#9ece6a" + } } } - } -} + } \ No newline at end of file