cupcakearmy/marp-template
1
0
Fork 0
mirror of https://github.com/cupcakearmy/marp-template.git synced 2025-01-02 13:46:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

themes

Browse Source
This commit is contained in:
Niccolo Borgioli 2023-11-16 16:20:53 +01:00
parent 42acf4da6e
commit 1a6410939d
No known key found for this signature in database
GPG Key ID: D93C615F75EE4F0B
9 changed files with 433 additions and 167 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.marprc.yml
View File

@ -1,3 +1,6 @@
engine: ./engine.mjs engine: ./engine.mjs
output: index.html output: index.html
theme: ./theme.css themeSet:
- themes/rose-pine-dawn.css
- themes/rose-pine-moon.css
- themes/rose-pine.css

7
.vscode/settings.json vendored
View File

@ -1,9 +1,4 @@
{ {
"cSpell.words": ["marp", "marpit", "Marpit"], "cSpell.words": ["marp", "marpit", "Marpit"],
"markdown.marp.themes": [ "markdown.marp.themes": ["./themes/rose-pine.css", "./themes/rose-pine-dawn.css", "./themes/rose-pine-moon.css"]
"https://raw.githubusercontent.com/rnd195/my-marp-themes/live/gradient.css",
"https://raw.githubusercontent.com/rainbowflesh/Rose-Pine-For-Marp/master/css/rose-pine-dawn.css",
"https://raw.githubusercontent.com/rainbowflesh/Rose-Pine-For-Marp/master/css/rose-pine-moon.css",
"https://raw.githubusercontent.com/rainbowflesh/Rose-Pine-For-Marp/master/css/rose-pine.css"
]
} }

0
images/keynote.jpg → assets/keynote.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 712 KiB

After

Width:  |  Height:  |  Size: 712 KiB

38
index.html
View File

File diff suppressed because one or more lines are too long

4
presentation.md
View File

@ -1,6 +1,6 @@
--- ---
marp: true marp: true
theme: rose-pine-moon theme: rose-pine
author: cupcakearmy author: cupcakearmy
footer: Some footer footer: Some footer
paginate: true paginate: true
@ -35,7 +35,7 @@ _paginate: false
_footer: '' _footer: ''
--> -->
## ![bg](./images/keynote.jpg) ## ![bg](./assets/keynote.jpg)
--- ---

138
theme.css
View File

@ -1,138 +0,0 @@
/* @theme rose-pine-moon */
/*
Rosé Pine theme create by RAINBOWFLESH
> www.rosepinetheme.com
palette in :root
*/
@import "default";
@import "schema";
@import "structure";
:root {
--base: #232136;
--surface: #2a273f;
--overlay: #393552;
--muted: #6e6a86;
--subtle: #908caa;
--text: #e0def4;
--love: #eb6f92;
--gold: #f6c177;
--rose: #ea9a97;
--pine: #3e8fb0;
--foam: #9ccfd8;
--iris: #c4a7e7;
--highlight-low: #2a283e;
--highlight-muted: #44415a;
--highlight-high: #56526e;
font-family: Pier Sans, ui-sans-serif, system-ui, -apple-system,
BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans,
sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol,
"Noto Color Emoji";
font-weight: initial;
background-color: var(--base);
}
/* Common style */
h1 {
color: var(--rose);
padding-bottom: 2mm;
margin-bottom: 12mm;
}
h2 {
color: var(--rose);
}
h3 {
color: var(--rose);
}
h4 {
color: var(--rose);
}
h5 {
color: var(--rose);
}
h6 {
color: var(--rose);
}
a {
color: var(--iris);
}
p {
font-size: 20pt;
font-weight: 600;
color: var(--text);
}
code {
color: var(--text);
background-color: var(--highlight-muted);
}
text {
color: var(--text);
}
ul {
color: var(--subtle);
}
li {
color: var(--subtle);
}
img {
background-color: var(--highlight-low);
}
strong {
color: var(--text);
font-weight: inherit;
font-weight: 800;
}
mjx-container {
color: var(--text);
}
marp-pre {
background-color: var(--overlay);
border-color: var(--highlight-high);
}
/* Code blok */
.hljs-comment {
color: var(--muted);
}
.hljs-attr {
color: var(--foam);
}
.hljs-punctuation {
color: var(--subtle);
}
.hljs-string {
color: var(--gold);
}
.hljs-title {
color: var(--foam);
}
.hljs-keyword {
color: var(--pine);
}
.hljs-variable {
color: var(--text);
}
.hljs-literal {
color: var(--rose);
}
.hljs-type {
color: var(--love);
}
.hljs-number {
color: var(--gold);
}
.hljs-built_in {
color: var(--love);
}
.hljs-params {
color: var(--iris);
}
.hljs-symbol {
color: var(--foam);
}
.hljs-meta {
color: var(--subtle);
}

136
themes/rose-pine-dawn.css Normal file
View File

@ -0,0 +1,136 @@
/* @theme rose-pine-dawn */
/*
Rosé Pine theme create by RAINBOWFLESH
> www.rosepinetheme.com
palette in :root
*/
@import 'default';
@import 'schema';
@import 'structure';
:root {
--base: #faf4ed;
--surface: #fffaf3;
--overlay: #f2e9e1;
--muted: #9893a5;
--subtle: #797593;
--text: #575279;
--love: #b4637a;
--gold: #ea9d34;
--rose: #d7827e;
--pine: #286983;
--foam: #56949f;
--iris: #907aa9;
--highlight-low: #f4ede8;
--highlight-muted: #dfdad9;
--highlight-high: #cecacd;
font-family: Pier Sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue,
Arial, Noto Sans, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', Segoe UI Symbol, 'Noto Color Emoji';
font-weight: initial;
background-color: var(--base);
}
/* Common style */
h1 {
color: var(--rose);
padding-bottom: 2mm;
margin-bottom: 12mm;
}
h2 {
color: var(--rose);
}
h3 {
color: var(--rose);
}
h4 {
color: var(--rose);
}
h5 {
color: var(--rose);
}
h6 {
color: var(--rose);
}
a {
color: var(--iris);
}
p {
font-size: 20pt;
font-weight: 600;
color: var(--text);
}
code {
color: var(--text);
background-color: var(--highlight-muted);
}
text {
color: var(--text);
}
ul {
color: var(--subtle);
}
li {
color: var(--subtle);
}
img {
background-color: var(--highlight-low);
}
strong {
color: var(--text);
font-weight: inherit;
font-weight: 800;
}
mjx-container {
color: var(--text);
}
marp-pre {
background-color: var(--overlay);
border-color: var(--highlight-high);
}
/* Code blok */
.hljs-comment {
color: var(--muted);
}
.hljs-attr {
color: var(--foam);
}
.hljs-punctuation {
color: var(--subtle);
}
.hljs-string {
color: var(--gold);
}
.hljs-title {
color: var(--foam);
}
.hljs-keyword {
color: var(--pine);
}
.hljs-variable {
color: var(--text);
}
.hljs-literal {
color: var(--rose);
}
.hljs-type {
color: var(--love);
}
.hljs-number {
color: var(--gold);
}
.hljs-built_in {
color: var(--love);
}
.hljs-params {
color: var(--iris);
}
.hljs-symbol {
color: var(--foam);
}
.hljs-meta {
color: var(--subtle);
}

136
themes/rose-pine-moon.css Normal file
View File

@ -0,0 +1,136 @@
/* @theme rose-pine-moon */
/*
Rosé Pine theme create by RAINBOWFLESH
> www.rosepinetheme.com
palette in :root
*/
@import 'default';
@import 'schema';
@import 'structure';
:root {
--base: #232136;
--surface: #2a273f;
--overlay: #393552;
--muted: #6e6a86;
--subtle: #908caa;
--text: #e0def4;
--love: #eb6f92;
--gold: #f6c177;
--rose: #ea9a97;
--pine: #3e8fb0;
--foam: #9ccfd8;
--iris: #c4a7e7;
--highlight-low: #2a283e;
--highlight-muted: #44415a;
--highlight-high: #56526e;
font-family: Pier Sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue,
Arial, Noto Sans, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', Segoe UI Symbol, 'Noto Color Emoji';
font-weight: initial;
background-color: var(--base);
}
/* Common style */
h1 {
color: var(--rose);
padding-bottom: 2mm;
margin-bottom: 12mm;
}
h2 {
color: var(--rose);
}
h3 {
color: var(--rose);
}
h4 {
color: var(--rose);
}
h5 {
color: var(--rose);
}
h6 {
color: var(--rose);
}
a {
color: var(--iris);
}
p {
font-size: 20pt;
font-weight: 600;
color: var(--text);
}
code {
color: var(--text);
background-color: var(--highlight-muted);
}
text {
color: var(--text);
}
ul {
color: var(--subtle);
}
li {
color: var(--subtle);
}
img {
background-color: var(--highlight-low);
}
strong {
color: var(--text);
font-weight: inherit;
font-weight: 800;
}
mjx-container {
color: var(--text);
}
marp-pre {
background-color: var(--overlay);
border-color: var(--highlight-high);
}
/* Code blok */
.hljs-comment {
color: var(--muted);
}
.hljs-attr {
color: var(--foam);
}
.hljs-punctuation {
color: var(--subtle);
}
.hljs-string {
color: var(--gold);
}
.hljs-title {
color: var(--foam);
}
.hljs-keyword {
color: var(--pine);
}
.hljs-variable {
color: var(--text);
}
.hljs-literal {
color: var(--rose);
}
.hljs-type {
color: var(--love);
}
.hljs-number {
color: var(--gold);
}
.hljs-built_in {
color: var(--love);
}
.hljs-params {
color: var(--iris);
}
.hljs-symbol {
color: var(--foam);
}
.hljs-meta {
color: var(--subtle);
}

136
themes/rose-pine.css Normal file
View File

@ -0,0 +1,136 @@
/* @theme rose-pine */
/*
Rosé Pine theme create by RAINBOWFLESH
> www.rosepinetheme.com
palette in :root
*/
@import 'default';
@import 'schema';
@import 'structure';
:root {
--base: #191724;
--surface: #1f1d2e;
--overlay: #26233a;
--muted: #6e6a86;
--subtle: #908caa;
--text: #e0def4;
--love: #eb6f92;
--gold: #f6c177;
--rose: #ebbcba;
--pine: #31748f;
--foam: #9ccfd8;
--iris: #c4a7e7;
--highlight-low: #21202e;
--highlight-muted: #403d52;
--highlight-high: #524f67;
font-family: Pier Sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue,
Arial, Noto Sans, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', Segoe UI Symbol, 'Noto Color Emoji';
font-weight: initial;
background-color: var(--base);
}
/* Common style */
h1 {
color: var(--rose);
padding-bottom: 2mm;
margin-bottom: 12mm;
}
h2 {
color: var(--rose);
}
h3 {
color: var(--rose);
}
h4 {
color: var(--rose);
}
h5 {
color: var(--rose);
}
h6 {
color: var(--rose);
}
a {
color: var(--iris);
}
p {
font-size: 20pt;
font-weight: 600;
color: var(--text);
}
code {
color: var(--text);
background-color: var(--highlight-muted);
}
text {
color: var(--text);
}
ul {
color: var(--subtle);
}
li {
color: var(--subtle);
}
img {
background-color: var(--highlight-low);
}
strong {
color: var(--text);
font-weight: inherit;
font-weight: 800;
}
mjx-container {
color: var(--text);
}
marp-pre {
background-color: var(--overlay);
border-color: var(--highlight-high);
}
/* Code blok */
.hljs-comment {
color: var(--muted);
}
.hljs-attr {
color: var(--foam);
}
.hljs-punctuation {
color: var(--subtle);
}
.hljs-string {
color: var(--gold);
}
.hljs-title {
color: var(--foam);
}
.hljs-keyword {
color: var(--pine);
}
.hljs-variable {
color: var(--text);
}
.hljs-literal {
color: var(--rose);
}
.hljs-type {
color: var(--love);
}
.hljs-number {
color: var(--gold);
}
.hljs-built_in {
color: var(--love);
}
.hljs-params {
color: var(--iris);
}
.hljs-symbol {
color: var(--foam);
}
.hljs-meta {
color: var(--subtle);
}