mirror of
https://github.com/cupcakearmy/marp-template.git
synced 2024-12-30 12:16:27 +00:00
themes
This commit is contained in:
parent
42acf4da6e
commit
1a6410939d
@ -1,3 +1,6 @@
|
||||
engine: ./engine.mjs
|
||||
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
7
.vscode/settings.json
vendored
@ -1,9 +1,4 @@
|
||||
{
|
||||
"cSpell.words": ["marp", "marpit", "Marpit"],
|
||||
"markdown.marp.themes": [
|
||||
"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"
|
||||
]
|
||||
"markdown.marp.themes": ["./themes/rose-pine.css", "./themes/rose-pine-dawn.css", "./themes/rose-pine-moon.css"]
|
||||
}
|
||||
|
||||
|
Before Width: | Height: | Size: 712 KiB After Width: | Height: | Size: 712 KiB |
38
index.html
38
index.html
File diff suppressed because one or more lines are too long
@ -1,6 +1,6 @@
|
||||
---
|
||||
marp: true
|
||||
theme: rose-pine-moon
|
||||
theme: rose-pine
|
||||
author: cupcakearmy
|
||||
footer: Some footer
|
||||
paginate: true
|
||||
@ -35,7 +35,7 @@ _paginate: false
|
||||
_footer: ''
|
||||
-->
|
||||
|
||||
## 
|
||||
## 
|
||||
|
||||
---
|
||||
|
||||
|
||||
138
theme.css
138
theme.css
@ -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
136
themes/rose-pine-dawn.css
Normal 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
136
themes/rose-pine-moon.css
Normal 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
136
themes/rose-pine.css
Normal 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);
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user