From f662b8286779129839266769949926ddfa601914 Mon Sep 17 00:00:00 2001 From: Nick Date: Fri, 6 Sep 2024 13:16:43 -0500 Subject: [PATCH 1/4] Add catppuccin mocha peach accent --- .../Catppuccin Mocha Peach Code Block.css | 241 ++++++++++++++++++ .../Catppuccin Mocha Peach.json | 146 +++++++++++ 2 files changed, 387 insertions(+) create mode 100644 themes/catppuccin-mocha-peach/Catppuccin Mocha Peach Code Block.css create mode 100644 themes/catppuccin-mocha-peach/Catppuccin Mocha Peach.json diff --git a/themes/catppuccin-mocha-peach/Catppuccin Mocha Peach Code Block.css b/themes/catppuccin-mocha-peach/Catppuccin Mocha Peach Code Block.css new file mode 100644 index 0000000..4ce425c --- /dev/null +++ b/themes/catppuccin-mocha-peach/Catppuccin Mocha Peach Code Block.css @@ -0,0 +1,241 @@ +/** + * Catppuccin Mocha + * If this is an adaptation of an existing theme, credit the creator and/or leave a link to it! + * By @revsuine + * Licenced under the GPL v3 + */ + +/** + * How to use this template: + * + * This file contains all the boilerplate necessary for a Prism theme along with template rules for you to fill in. + * + * All properties with the value `unset` are for you to change. + * You should fill in all `color` and `background` properties. + * If you don't need an `unset` property (e.g. `border-radius`), then feel free to remove it. + * You are also free to add more properties that aren't stated, such as `text-shadow`. + * If you wish to style the plugins, you may grab their selectors from their respective .css files in the template folder. + * + * Your finished theme should have all `unset` properties either filled in or removed. + */ + +/* COLOURS: */ +/* @thecodrr on discord suggested css vars should work under this selector instead of :root */ +pre[class*="language-"] { + --rosewater: #f5e0dc; + --flamingo: #f2cdcd; + --pink: #f5c2e7; + --mauve: #cba6f7; + --red: #f38ba8; + --redrgba: 243, 139, 168; + --maroon: #eba0ac; + --peach: #fab387; + --yellow: #f9e2af; + --green: #a6e3a1; + --greenrgba: 166, 227, 161; + --teal: #94e2d5; + --sky: #89dceb; + --sapphire: #74c7ec; + --blue: #89b4fa; + --lavender: #b4befe; + --text: #cdd6f4; + --subtext1: #bac2de; + --subtext0: #a6adc8; + --overlay2: #9399b2; + --overlay1: #7f849c; + --overlay0: #6c7086; + --surface2: #585b70; + --surface2rgba: 88, 91, 112; + --surface1: #45475a; + --surface0: #313244; + --base: #313244; + --mantle: #181825; + --crust: #11111b; +} + +/* Set the main properties of the code, code blocks, and inline code */ +code[class*="language-"], +pre[class*="language-"] { + background: var(--crust); + color: var(--text); + font-family: "MonaspiceNe Nerd Font", "MonaspiceNe Nerd Font Mono", "JetBrainsMono Nerd Font", monospace; /* this is the default */ + /* The following properties are standard, please leave them as they are */ + font-size: 1em; + direction: ltr; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + line-height: 1.5; + /* The default is 4, but you could change it if you really, really want to */ + -moz-tab-size: 2; + -o-tab-size: 2; + tab-size: 2; + /* The following properties are also standard */ + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +/* Optional: What the code looks like when highlighted */ +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: rgba(var(--surface2rgba), 0.6); +} + +/* Properties specific to code blocks */ +pre[class*="language-"] { + padding: 1em; /* this is standard */ + margin: 0.5em 0; /* this is the default */ + overflow: auto; /* this is standard */ + border-radius: unset; +} + +/* Properties specific to inline code */ +:not(pre) > code[class*="language-"] { + padding: 0.1em; /* this is the default */ + border-radius: unset; + white-space: normal; /* this is standard */ +} + +/** + * These are the minimum tokens you must style, you can rearrange them and/or style more tokens as you want + * The concepts behind these standard tokens, as well as some examples, can be found here: https://prismjs.com/tokens.html + */ +.token.comment { + color: var(--overlay0); +} + +.token.prolog { + color: var(--overlay0); +} + +.token.cdata { + color: var(--overlay0); +} + +.token.doctype { + color: var(--overlay0); +} + +.token.punctuation { + color: var(--overlay2); +} + +.token.entity { + color: unset; +} + +.token.attr-name { + color: var(--maroon); +} + +.token.class-name { + color: var(--yellow); +} + +.token.boolean { + color: var(--mauve); +} + +.token.constant, +.token.number { + color: var(--peach); +} + +.token.atrule { + color: var(--yellow); +} + +.token.keyword, +.token.tag { + color: var(--mauve); +} + +.token.property { + color: var(--maroon); +} + +.token.symbol { + color: var(--pink); +} + +.token.deleted { + background: rgba(var(--redrgba), 0.2); +} + +.token.important { + color: var(--yellow); +} + +.token.selector { + color: var(--blue); +} + +.token.string, +.token.char { + color: var(--green); +} + +.token.builtin { + color: var(--red); +} + +.token.inserted { + background: rgba(var(--greenrgba), 0.2); +} + +.token.regex { + color: var(--pink); +} + +.token.attr-value { + color: var(--green); +} + +.token.variable { + color: var(--pink); +} + +.token.operator { + color: var(--sky); +} + +.token.function { + color: var(--blue); + font-style: italic; +} + +.token.url { + color: var(--blue); +} + +/* The following rules are pretty similar across themes, but feel free to adjust them */ +.token.bold { + font-weight: bold; +} + +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} + +.token.namespace { + opacity: 0.7; +} + +/* LANGUAGE-SPECIFIC OVERRIDES */ +/* If you'd like your theme to have overrides for specific languages, here's an example, you can remove it and/or add more overrides */ +/* .language-css .token.important { + color: unset; +} */ diff --git a/themes/catppuccin-mocha-peach/Catppuccin Mocha Peach.json b/themes/catppuccin-mocha-peach/Catppuccin Mocha Peach.json new file mode 100644 index 0000000..a265bea --- /dev/null +++ b/themes/catppuccin-mocha-peach/Catppuccin Mocha Peach.json @@ -0,0 +1,146 @@ +{ + "$schema": "https://raw.githubusercontent.com/streetwriters/notesnook-themes/main/schemas/v1.schema.json", + "name": "Catppuccin Mocha Peach", + "id": "catppuccin-mocha-peach", + "version": 1, + "license": "GPL-3.0-or-later", + "homepage": "https://notesnook.com", + "description": "Catppuccin Mocha with a peach accent", + "colorScheme": "dark", + "compatibilityVersion": 1, + "authors": [ + { + "name": "Streetwriters", + "email": "support@streetwriters.co", + "url": "https://streetwriters.co" + } + ], + "scopes": { + "base": { + "primary": { + "accent": "#fab387", + "paragraph": "#cdd6f4", + "background": "#1e1e2e", + "border": "#313244", + "heading": "#cdd6f4", + "icon": "#bac2de", + "separator": "#181825", + "placeholder": "#7f849c", + "hover": "#45475a", + "accentForeground": "#11111b", + "backdrop": "#11111b99" + }, + "secondary": { + "accent": "#fab387", + "paragraph": "#cdd6f4", + "background": "#11111b", + "border": "#6c7086", + "heading": "#cdd6f4", + "icon": "#cdd6f4", + "separator": "#6c7086", + "placeholder": "#7f849c", + "hover": "#45475a", + "accentForeground": "#11111b", + "backdrop": "#11111b99" + }, + "disabled": { + "accent": "#fab387", + "paragraph": "#cdd6f4", + "background": "#7f849c", + "border": "#6c7086", + "heading": "#cdd6f4", + "icon": "#cdd6f4", + "separator": "#6c7086", + "placeholder": "#cdd6f4", + "hover": "#45475a", + "accentForeground": "#11111b", + "backdrop": "#11111b99" + }, + "selected": { + "accent": "#fab387", + "paragraph": "#cdd6f4", + "background": "#45475a", + "border": "#fab387", + "heading": "#cdd6f4", + "icon": "#fab387", + "separator": "#6c7086", + "placeholder": "#7f849c", + "hover": "#313244", + "accentForeground": "#11111b", + "backdrop": "#11111b99" + }, + "error": { + "accent": "#f38ba8", + "paragraph": "#f38ba8", + "background": "#1e1e2e", + "border": "#6c7086", + "heading": "#f38ba8", + "icon": "#f38ba8", + "separator": "#6c7086", + "placeholder": "#f38ba8", + "hover": "#45475a", + "accentForeground": "#11111b", + "backdrop": "#11111b99" + }, + "success": { + "accent": "#a6e3a1", + "paragraph": "#a6e3a1", + "background": "#1e1e2e", + "border": "#6c7086", + "heading": "#a6e3a1", + "icon": "#a6e3a1", + "separator": "#6c7086", + "placeholder": "#7f849c", + "hover": "#45475a", + "accentForeground": "#11111b", + "backdrop": "#11111b99" + } + }, + "statusBar": { + "primary": { + "paragraph": "#bac2de", + "background": "#1e1e2e", + "separator": "#1e1e2e" + } + }, + "list": { + "primary": { + "paragraph": "#a6adc8", + "background": "#181825", + "hover": "#313244" + }, + "secondary": { + "paragraph": "#bac2de" + } + }, + "editor": { + "primary": { + "background": "#1e1e2e", + "border": "#313244" + }, + "secondary": { + "paragraph": "#a6adc8", + "border": "#11111b" + } + }, + "editorToolbar": { + "primary": { + "background": "#181825", + "hover": "#45475a" + }, + "secondary": { + "background": "#313244" + } + }, + "navigationMenu": { + "primary": { + "background": "#11111b" + } + }, + "sheet": { + "selected": { + "paragraph": "#008837" + } + } + } +} \ No newline at end of file From 83ec10c5bed757867bf139f608b44e637c18a230 Mon Sep 17 00:00:00 2001 From: Nick Date: Fri, 6 Sep 2024 13:24:07 -0500 Subject: [PATCH 2/4] Fixed name and dir structure --- .../{ => v1}/Catppuccin Mocha Peach Code Block.css | 0 .../{Catppuccin Mocha Peach.json => v1/theme.json} | 0 2 files changed, 0 insertions(+), 0 deletions(-) rename themes/catppuccin-mocha-peach/{ => v1}/Catppuccin Mocha Peach Code Block.css (100%) rename themes/catppuccin-mocha-peach/{Catppuccin Mocha Peach.json => v1/theme.json} (100%) diff --git a/themes/catppuccin-mocha-peach/Catppuccin Mocha Peach Code Block.css b/themes/catppuccin-mocha-peach/v1/Catppuccin Mocha Peach Code Block.css similarity index 100% rename from themes/catppuccin-mocha-peach/Catppuccin Mocha Peach Code Block.css rename to themes/catppuccin-mocha-peach/v1/Catppuccin Mocha Peach Code Block.css diff --git a/themes/catppuccin-mocha-peach/Catppuccin Mocha Peach.json b/themes/catppuccin-mocha-peach/v1/theme.json similarity index 100% rename from themes/catppuccin-mocha-peach/Catppuccin Mocha Peach.json rename to themes/catppuccin-mocha-peach/v1/theme.json From 8c05b992662299d95ef149c5993164e015369555 Mon Sep 17 00:00:00 2001 From: Nick Date: Fri, 6 Sep 2024 13:45:12 -0500 Subject: [PATCH 3/4] changed name of css file --- .../v1/{Catppuccin Mocha Peach Code Block.css => code-block.css} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename themes/catppuccin-mocha-peach/v1/{Catppuccin Mocha Peach Code Block.css => code-block.css} (100%) diff --git a/themes/catppuccin-mocha-peach/v1/Catppuccin Mocha Peach Code Block.css b/themes/catppuccin-mocha-peach/v1/code-block.css similarity index 100% rename from themes/catppuccin-mocha-peach/v1/Catppuccin Mocha Peach Code Block.css rename to themes/catppuccin-mocha-peach/v1/code-block.css From 1a9d7af7edb84764d5cb3cf8de7d6e06f6028760 Mon Sep 17 00:00:00 2001 From: Nick Date: Thu, 12 Sep 2024 11:17:52 -0500 Subject: [PATCH 4/4] Updated authors in theme.json --- themes/catppuccin-mocha-peach/v1/theme.json | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/themes/catppuccin-mocha-peach/v1/theme.json b/themes/catppuccin-mocha-peach/v1/theme.json index a265bea..697f2db 100644 --- a/themes/catppuccin-mocha-peach/v1/theme.json +++ b/themes/catppuccin-mocha-peach/v1/theme.json @@ -10,9 +10,9 @@ "compatibilityVersion": 1, "authors": [ { - "name": "Streetwriters", - "email": "support@streetwriters.co", - "url": "https://streetwriters.co" + "name": "Nick J", + "email": "nljackson@pm.me", + "url": "https://github.com/nljackson2020" } ], "scopes": { @@ -143,4 +143,4 @@ } } } -} \ No newline at end of file +}