From dec77487b1889e146b687d333d32b248fd70a621 Mon Sep 17 00:00:00 2001 From: Ricardo Rodrigues Date: Fri, 9 Aug 2024 09:10:23 -0300 Subject: [PATCH] Add Tokyonight Moon and Day themes --- themes/tokyonight-day/v1/code-block.css | 1 + themes/tokyonight-day/v1/theme.json | 145 +++++++++++++++++++++++ themes/tokyonight-moon/v1/code-block.css | 1 + themes/tokyonight-moon/v1/theme.json | 145 +++++++++++++++++++++++ 4 files changed, 292 insertions(+) create mode 100644 themes/tokyonight-day/v1/code-block.css create mode 100644 themes/tokyonight-day/v1/theme.json create mode 100644 themes/tokyonight-moon/v1/code-block.css create mode 100644 themes/tokyonight-moon/v1/theme.json diff --git a/themes/tokyonight-day/v1/code-block.css b/themes/tokyonight-day/v1/code-block.css new file mode 100644 index 0000000..de9cb5b --- /dev/null +++ b/themes/tokyonight-day/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-day/v1/theme.json b/themes/tokyonight-day/v1/theme.json new file mode 100644 index 0000000..e37339d --- /dev/null +++ b/themes/tokyonight-day/v1/theme.json @@ -0,0 +1,145 @@ +{ + "$schema": "https://raw.githubusercontent.com/streetwriters/notesnook-themes/main/schemas/v1.schema.json", + "name": "Tokyonight Day", + "id": "tokyonight-day", + "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" + } + ], + "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" + } + }, + "statusBar": { + "primary": { + "paragraph": "#3760bf", + "background": "#f0f1f5", + "separator": "#f0f1f5" + } + }, + "list": { + "primary": { + "paragraph": "#3760bf", + "background": "#e1e2e7", + "hover": "#f0f1f5" + }, + "secondary": { + "paragraph": "#3760bf" + } + }, + "editor": { + "primary": { + "background": "#f0f1f5", + "border": "#767c9d" + }, + "secondary": { + "paragraph": "#767c9d", + "border": "#f7f8fc" + } + }, + "editorToolbar": { + "primary": { + "background": "#e1e2e7", + "hover": "#767c9d33" + }, + "secondary": { + "background": "#767c9d33" + } + }, + "navigationMenu": { + "primary": { + "background": "#f7f8fc" + } + }, + "sheet": { + "selected": { + "paragraph": "#9ece6a" + } + } + } + } diff --git a/themes/tokyonight-moon/v1/code-block.css b/themes/tokyonight-moon/v1/code-block.css new file mode 100644 index 0000000..7d18868 --- /dev/null +++ b/themes/tokyonight-moon/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-moon/v1/theme.json b/themes/tokyonight-moon/v1/theme.json new file mode 100644 index 0000000..1a053fc --- /dev/null +++ b/themes/tokyonight-moon/v1/theme.json @@ -0,0 +1,145 @@ +{ + "$schema": "https://raw.githubusercontent.com/streetwriters/notesnook-themes/main/schemas/v1.schema.json", + "name": "Tokyonight Moon", + "id": "tokyonight-moon", + "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" + } + ], + "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" + } + } + } + }