Skip to content

Commit

Permalink
Merge pull request #114 from nljackson2020/main
Browse files Browse the repository at this point in the history
  • Loading branch information
@echoriiku
echoriiku authored Sep 12, 2024
2 parents 1cc61ea + 1a9d7af commit 5a9cd7d
Show file tree
Hide file tree
Showing 2 changed files with 387 additions and 0 deletions.
241 changes: 241 additions & 0 deletions themes/catppuccin-mocha-peach/v1/code-block.css
View file
Original file line number Diff line number Diff line change
@@ -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;
} */
146 changes: 146 additions & 0 deletions themes/catppuccin-mocha-peach/v1/theme.json
View file
Original file line number Diff line number Diff line change
@@ -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": "Nick J",
"email": "nljackson@pm.me",
"url": "https://github.com/nljackson2020"
}
],
"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"
}
}
}
}

0 comments on commit 5a9cd7d

Please sign in to comment.