From c8ba6ec236ba0bf7f4579dd8d31f27d454d7d61c Mon Sep 17 00:00:00 2001 From: winston Date: Sat, 16 Sep 2023 19:36:24 +0200 Subject: [PATCH] feat: add mdbook-admonish support (#59) Co-authored-by: sgoudham --- example/book.toml | 8 +- example/src/SUMMARY.md | 3 +- example/src/admonish.md | 81 +++++ example/src/{first.md => landing.md} | 8 - example/src/secret.md | 4 +- example/theme/mdbook-admonish.css | 353 +++++++++++++++++++ palette/_admonish.scss | 71 ++++ palette/catppuccin.scss | 3 + src/bin/assets/catppuccin-highlight.css | 446 ++++++++++++------------ src/bin/assets/catppuccin.css | 360 +++++++++++++++++++ 10 files changed, 1107 insertions(+), 230 deletions(-) create mode 100644 example/src/admonish.md rename example/src/{first.md => landing.md} (94%) create mode 100644 example/theme/mdbook-admonish.css create mode 100644 palette/_admonish.scss diff --git a/example/book.toml b/example/book.toml index 66ce699..5139975 100644 --- a/example/book.toml +++ b/example/book.toml @@ -8,12 +8,16 @@ title = "Catppuccin's mdBook" [preprocessor] [preprocessor.catppuccin] -assets_version = "0.2.0" # DO NOT EDIT: Managed by `mdbook-catppuccin install` +assets_version = "0.2.1" # DO NOT EDIT: Managed by `mdbook-catppuccin install` + +[preprocessor.admonish] +command = "mdbook-admonish" +assets_version = "2.0.2" # do not edit: managed by `mdbook-admonish install` [output.html] default-theme = "mocha" preferred-dark-theme = "mocha" -additional-css = ["./theme/catppuccin.css", "./theme/catppuccin-highlight.css"] +additional-css = ["./theme/catppuccin.css", "./theme/catppuccin-highlight.css", "./theme/mdbook-admonish.css"] no-section-label = true git-repository-url = "https://github.com/catppuccin/mdBook" git-repository-icon = "fa-github" diff --git a/example/src/SUMMARY.md b/example/src/SUMMARY.md index 0378efa..2ec96db 100644 --- a/example/src/SUMMARY.md +++ b/example/src/SUMMARY.md @@ -1,4 +1,5 @@ # Summary -- [Landing](./first.md) +- [Landing](./landing.md) +- [Admonishments](./admonish.md) - [Super Secret](./secret.md) diff --git a/example/src/admonish.md b/example/src/admonish.md new file mode 100644 index 0000000..8d5b7ef --- /dev/null +++ b/example/src/admonish.md @@ -0,0 +1,81 @@ +# Reference + +The following admonishments are implemented by the +[`mdbook-admonish`](https://github.com/tommilligan/mdbook-admonish) plugin and +are automatically themed to match Catppuccin. + +## Directives + +All supported directives are listed below. + +`note` + +```admonish note +Rust is a multi-paradigm, general-purpose programming language designed for performance and safety, especially safe concurrency. +``` + +`abstract`, `summary`, `tldr` + +```admonish abstract +Rust is a multi-paradigm, general-purpose programming language designed for performance and safety, especially safe concurrency. +``` + +`info`, `todo` + +```admonish info +Rust is a multi-paradigm, general-purpose programming language designed for performance and safety, especially safe concurrency. +``` + +`tip`, `hint`, `important` + +```admonish tip +Rust is a multi-paradigm, general-purpose programming language designed for performance and safety, especially safe concurrency. +``` + +`success`, `check`, `done` + +```admonish success +Rust is a multi-paradigm, general-purpose programming language designed for performance and safety, especially safe concurrency. +``` + +`question`, `help`, `faq` + +```admonish question +Rust is a multi-paradigm, general-purpose programming language designed for performance and safety, especially safe concurrency. +``` + +`warning`, `caution`, `attention` + +```admonish warning +Rust is a multi-paradigm, general-purpose programming language designed for performance and safety, especially safe concurrency. +``` + +`failure`, `fail`, `missing` + +```admonish failure +Rust is a multi-paradigm, general-purpose programming language designed for performance and safety, especially safe concurrency. +``` + +`danger`, `error` + +```admonish danger +Rust is a multi-paradigm, general-purpose programming language designed for performance and safety, especially safe concurrency. +``` + +`bug` + +```admonish bug +Rust is a multi-paradigm, general-purpose programming language designed for performance and safety, especially safe concurrency. +``` + +`example` + +```admonish example +Rust is a multi-paradigm, general-purpose programming language designed for performance and safety, especially safe concurrency. +``` + +`quote`, `cite` + +```admonish quote +Rust is a multi-paradigm, general-purpose programming language designed for performance and safety, especially safe concurrency. +``` diff --git a/example/src/first.md b/example/src/landing.md similarity index 94% rename from example/src/first.md rename to example/src/landing.md index 4a6ecfa..97621db 100644 --- a/example/src/first.md +++ b/example/src/landing.md @@ -169,11 +169,3 @@ Tables: | Header 1 | Header 2 | | -------- | -------- | | Data 1 | Data 2 | - -## Admonishments (NOT SUPPORTED YET - [#2](https://github.com/catppuccin/mdBook/issues/2)) - -> **Note**: -> This is a note! - -> **Warning**: -> This is a warning! diff --git a/example/src/secret.md b/example/src/secret.md index b02e1d1..c06c8f1 100644 --- a/example/src/secret.md +++ b/example/src/secret.md @@ -1,5 +1,5 @@ # Super Secret -You thought you'd find something here didn't you? +You thought you'd find something here, didn't you? -Here, have a cookie for your efforts: 🍪 \ No newline at end of file +Here, have a cookie for your efforts: 🍪 diff --git a/example/theme/mdbook-admonish.css b/example/theme/mdbook-admonish.css new file mode 100644 index 0000000..c3e9869 --- /dev/null +++ b/example/theme/mdbook-admonish.css @@ -0,0 +1,353 @@ +@charset "UTF-8"; +:root { + --md-admonition-icon--note: + url("data:image/svg+xml;charset=utf-8,"); + --md-admonition-icon--abstract: + url("data:image/svg+xml;charset=utf-8,"); + --md-admonition-icon--info: + url("data:image/svg+xml;charset=utf-8,"); + --md-admonition-icon--tip: + url("data:image/svg+xml;charset=utf-8,"); + --md-admonition-icon--success: + url("data:image/svg+xml;charset=utf-8,"); + --md-admonition-icon--question: + url("data:image/svg+xml;charset=utf-8,"); + --md-admonition-icon--warning: + url("data:image/svg+xml;charset=utf-8,"); + --md-admonition-icon--failure: + url("data:image/svg+xml;charset=utf-8,"); + --md-admonition-icon--danger: + url("data:image/svg+xml;charset=utf-8,"); + --md-admonition-icon--bug: + url("data:image/svg+xml;charset=utf-8,"); + --md-admonition-icon--example: + url("data:image/svg+xml;charset=utf-8,"); + --md-admonition-icon--quote: + url("data:image/svg+xml;charset=utf-8,"); + --md-details-icon: + url("data:image/svg+xml;charset=utf-8,"); +} + +:is(.admonition) { + display: flow-root; + margin: 1.5625em 0; + padding: 0 1.2rem; + color: var(--fg); + page-break-inside: avoid; + background-color: var(--bg); + border: 0 solid black; + border-inline-start-width: 0.4rem; + border-radius: 0.2rem; + box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.05), 0 0 0.1rem rgba(0, 0, 0, 0.1); +} +@media print { + :is(.admonition) { + box-shadow: none; + } +} +:is(.admonition) > * { + box-sizing: border-box; +} +:is(.admonition) :is(.admonition) { + margin-top: 1em; + margin-bottom: 1em; +} +:is(.admonition) > .tabbed-set:only-child { + margin-top: 0; +} +html :is(.admonition) > :last-child { + margin-bottom: 1.2rem; +} + +a.admonition-anchor-link { + display: none; + position: absolute; + left: -1.2rem; + padding-right: 1rem; +} +a.admonition-anchor-link:link, a.admonition-anchor-link:visited { + color: var(--fg); +} +a.admonition-anchor-link:link:hover, a.admonition-anchor-link:visited:hover { + text-decoration: none; +} +a.admonition-anchor-link::before { + content: "§"; +} + +:is(.admonition-title, summary.admonition-title) { + position: relative; + min-height: 4rem; + margin-block: 0; + margin-inline: -1.6rem -1.2rem; + padding-block: 0.8rem; + padding-inline: 4.4rem 1.2rem; + font-weight: 700; + background-color: rgba(68, 138, 255, 0.1); + display: flex; +} +:is(.admonition-title, summary.admonition-title) p { + margin: 0; +} +html :is(.admonition-title, summary.admonition-title):last-child { + margin-bottom: 0; +} +:is(.admonition-title, summary.admonition-title)::before { + position: absolute; + top: 0.625em; + inset-inline-start: 1.6rem; + width: 2rem; + height: 2rem; + background-color: #448aff; + mask-image: url('data:image/svg+xml;charset=utf-8,'); + -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); + mask-repeat: no-repeat; + -webkit-mask-repeat: no-repeat; + mask-size: contain; + -webkit-mask-size: contain; + content: ""; +} +:is(.admonition-title, summary.admonition-title):hover a.admonition-anchor-link { + display: initial; +} + +details.admonition > summary.admonition-title::after { + position: absolute; + top: 0.625em; + inset-inline-end: 1.6rem; + height: 2rem; + width: 2rem; + background-color: currentcolor; + mask-image: var(--md-details-icon); + -webkit-mask-image: var(--md-details-icon); + mask-repeat: no-repeat; + -webkit-mask-repeat: no-repeat; + mask-size: contain; + -webkit-mask-size: contain; + content: ""; + transform: rotate(0deg); + transition: transform 0.25s; +} +details[open].admonition > summary.admonition-title::after { + transform: rotate(90deg); +} + +:is(.admonition):is(.note) { + border-color: #448aff; +} + +:is(.note) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(68, 138, 255, 0.1); +} +:is(.note) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #448aff; + mask-image: var(--md-admonition-icon--note); + -webkit-mask-image: var(--md-admonition-icon--note); + mask-repeat: no-repeat; + -webkit-mask-repeat: no-repeat; + mask-size: contain; + -webkit-mask-repeat: no-repeat; +} + +:is(.admonition):is(.abstract, .summary, .tldr) { + border-color: #00b0ff; +} + +:is(.abstract, .summary, .tldr) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(0, 176, 255, 0.1); +} +:is(.abstract, .summary, .tldr) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #00b0ff; + mask-image: var(--md-admonition-icon--abstract); + -webkit-mask-image: var(--md-admonition-icon--abstract); + mask-repeat: no-repeat; + -webkit-mask-repeat: no-repeat; + mask-size: contain; + -webkit-mask-repeat: no-repeat; +} + +:is(.admonition):is(.info, .todo) { + border-color: #00b8d4; +} + +:is(.info, .todo) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(0, 184, 212, 0.1); +} +:is(.info, .todo) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #00b8d4; + mask-image: var(--md-admonition-icon--info); + -webkit-mask-image: var(--md-admonition-icon--info); + mask-repeat: no-repeat; + -webkit-mask-repeat: no-repeat; + mask-size: contain; + -webkit-mask-repeat: no-repeat; +} + +:is(.admonition):is(.tip, .hint, .important) { + border-color: #00bfa5; +} + +:is(.tip, .hint, .important) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(0, 191, 165, 0.1); +} +:is(.tip, .hint, .important) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #00bfa5; + mask-image: var(--md-admonition-icon--tip); + -webkit-mask-image: var(--md-admonition-icon--tip); + mask-repeat: no-repeat; + -webkit-mask-repeat: no-repeat; + mask-size: contain; + -webkit-mask-repeat: no-repeat; +} + +:is(.admonition):is(.success, .check, .done) { + border-color: #00c853; +} + +:is(.success, .check, .done) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(0, 200, 83, 0.1); +} +:is(.success, .check, .done) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #00c853; + mask-image: var(--md-admonition-icon--success); + -webkit-mask-image: var(--md-admonition-icon--success); + mask-repeat: no-repeat; + -webkit-mask-repeat: no-repeat; + mask-size: contain; + -webkit-mask-repeat: no-repeat; +} + +:is(.admonition):is(.question, .help, .faq) { + border-color: #64dd17; +} + +:is(.question, .help, .faq) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(100, 221, 23, 0.1); +} +:is(.question, .help, .faq) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #64dd17; + mask-image: var(--md-admonition-icon--question); + -webkit-mask-image: var(--md-admonition-icon--question); + mask-repeat: no-repeat; + -webkit-mask-repeat: no-repeat; + mask-size: contain; + -webkit-mask-repeat: no-repeat; +} + +:is(.admonition):is(.warning, .caution, .attention) { + border-color: #ff9100; +} + +:is(.warning, .caution, .attention) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(255, 145, 0, 0.1); +} +:is(.warning, .caution, .attention) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #ff9100; + mask-image: var(--md-admonition-icon--warning); + -webkit-mask-image: var(--md-admonition-icon--warning); + mask-repeat: no-repeat; + -webkit-mask-repeat: no-repeat; + mask-size: contain; + -webkit-mask-repeat: no-repeat; +} + +:is(.admonition):is(.failure, .fail, .missing) { + border-color: #ff5252; +} + +:is(.failure, .fail, .missing) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(255, 82, 82, 0.1); +} +:is(.failure, .fail, .missing) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #ff5252; + mask-image: var(--md-admonition-icon--failure); + -webkit-mask-image: var(--md-admonition-icon--failure); + mask-repeat: no-repeat; + -webkit-mask-repeat: no-repeat; + mask-size: contain; + -webkit-mask-repeat: no-repeat; +} + +:is(.admonition):is(.danger, .error) { + border-color: #ff1744; +} + +:is(.danger, .error) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(255, 23, 68, 0.1); +} +:is(.danger, .error) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #ff1744; + mask-image: var(--md-admonition-icon--danger); + -webkit-mask-image: var(--md-admonition-icon--danger); + mask-repeat: no-repeat; + -webkit-mask-repeat: no-repeat; + mask-size: contain; + -webkit-mask-repeat: no-repeat; +} + +:is(.admonition):is(.bug) { + border-color: #f50057; +} + +:is(.bug) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(245, 0, 87, 0.1); +} +:is(.bug) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #f50057; + mask-image: var(--md-admonition-icon--bug); + -webkit-mask-image: var(--md-admonition-icon--bug); + mask-repeat: no-repeat; + -webkit-mask-repeat: no-repeat; + mask-size: contain; + -webkit-mask-repeat: no-repeat; +} + +:is(.admonition):is(.example) { + border-color: #7c4dff; +} + +:is(.example) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(124, 77, 255, 0.1); +} +:is(.example) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #7c4dff; + mask-image: var(--md-admonition-icon--example); + -webkit-mask-image: var(--md-admonition-icon--example); + mask-repeat: no-repeat; + -webkit-mask-repeat: no-repeat; + mask-size: contain; + -webkit-mask-repeat: no-repeat; +} + +:is(.admonition):is(.quote, .cite) { + border-color: #9e9e9e; +} + +:is(.quote, .cite) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(158, 158, 158, 0.1); +} +:is(.quote, .cite) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #9e9e9e; + mask-image: var(--md-admonition-icon--quote); + -webkit-mask-image: var(--md-admonition-icon--quote); + mask-repeat: no-repeat; + -webkit-mask-repeat: no-repeat; + mask-size: contain; + -webkit-mask-repeat: no-repeat; +} + +.navy :is(.admonition) { + background-color: var(--sidebar-bg); +} + +.ayu :is(.admonition), .coal :is(.admonition) { + background-color: var(--theme-hover); +} + +.rust :is(.admonition) { + background-color: var(--sidebar-bg); + color: var(--sidebar-fg); +} +.rust .admonition-anchor-link:link, .rust .admonition-anchor-link:visited { + color: var(--sidebar-fg); +} diff --git a/palette/_admonish.scss b/palette/_admonish.scss new file mode 100644 index 0000000..5093fbd --- /dev/null +++ b/palette/_admonish.scss @@ -0,0 +1,71 @@ +@use "sass:color"; +@use "sass:list"; +@use "@catppuccin/palette/scss/catppuccin" as catppuccin; + +@mixin level($palette, $classes, $color) { + :is(.admonition):is(#{$classes}) { + border-color: #{map-get($palette, $color)}; + } + :is(#{$classes}) > :is(.admonition-title, summary.admonition-title) { + background-color: #{color.change(map-get($palette, $color), $alpha: 0.2)}; + } + :is(#{$classes}) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #{map-get($palette, $color)}; + } +} + +$mappings: ( + "yellow": ( + ".hint", + ".important", + ".tip", + ), + "flamingo": ( + ".abstract", + ".summary", + ".tldr", + ), + "mauve": ( + ".example", + ), + "sky": ( + ".info", + ".todo", + ), + "green": ( + ".check", + ".done", + ".success", + ), + "blue": ( + ".note", + ), + "peach": ( + ".attention", + ".caution", + ".warning", + ), + "teal": ( + ".faq", + ".help", + ".question", + ), + "red": ( + ".bug", + ".danger", + ".error", + ".fail", + ".failure", + ".missing", + ), + "pink": ( + ".cite", + ".quote", + ), +); + +@mixin main($palette) { + @each $color, $classes in $mappings { + @include level($palette, $classes, $color); + } +} diff --git a/palette/catppuccin.scss b/palette/catppuccin.scss index 8d171ba..c41b5d7 100644 --- a/palette/catppuccin.scss +++ b/palette/catppuccin.scss @@ -1,4 +1,5 @@ @use "@catppuccin/palette/scss/catppuccin" as catppuccin; +@use "admonish"; @each $flavour, $color in catppuccin.$palette { .#{$flavour} { @@ -30,5 +31,7 @@ --searchresults-border-color: #{map-get($color, "crust")}; --searchresults-li-bg: #{map-get($color, "base")}; --search-mark-bg: #{map-get($color, "peach")}; + + @include admonish.main($color); } } diff --git a/src/bin/assets/catppuccin-highlight.css b/src/bin/assets/catppuccin-highlight.css index 6658dc0..6d2f949 100644 --- a/src/bin/assets/catppuccin-highlight.css +++ b/src/bin/assets/catppuccin-highlight.css @@ -1,600 +1,612 @@ -.mocha code .hljs-keyword { +.mocha.hljs { + color: #cdd6f4; + background: #1e1e2e; +} +.mocha .hljs-keyword { color: #cba6f7; } -.mocha code .hljs-built_in { +.mocha .hljs-built_in { color: #f38ba8; } -.mocha code .hljs-type { +.mocha .hljs-type { color: #f9e2af; } -.mocha code .hljs-literal { +.mocha .hljs-literal { color: #fab387; } -.mocha code .hljs-number { +.mocha .hljs-number { color: #fab387; } -.mocha code .hljs-operator { +.mocha .hljs-operator { color: #94e2d5; } -.mocha code .hljs-punctuation { +.mocha .hljs-punctuation { color: #bac2de; } -.mocha code .hljs-property { +.mocha .hljs-property { color: #94e2d5; } -.mocha code .hljs-regexp { +.mocha .hljs-regexp { color: #f5c2e7; } -.mocha code .hljs-string { +.mocha .hljs-string { color: #a6e3a1; } -.mocha code .hljs-char.escape_ { +.mocha .hljs-char.escape_ { color: #a6e3a1; } -.mocha code .hljs-subst { +.mocha .hljs-subst { color: #a6adc8; } -.mocha code .hljs-symbol { +.mocha .hljs-symbol { color: #f2cdcd; } -.mocha code .hljs-variable { +.mocha .hljs-variable { color: #cba6f7; } -.mocha code .hljs-variable.language_ { +.mocha .hljs-variable.language_ { color: #cba6f7; } -.mocha code .hljs-variable.constant_ { +.mocha .hljs-variable.constant_ { color: #fab387; } -.mocha code .hljs-title { +.mocha .hljs-title { color: #89b4fa; } -.mocha code .hljs-title.class_ { +.mocha .hljs-title.class_ { color: #f9e2af; } -.mocha code .hljs-title.function_ { +.mocha .hljs-title.function_ { color: #89b4fa; } -.mocha code .hljs-params { +.mocha .hljs-params { color: #cdd6f4; } -.mocha code .hljs-comment { +.mocha .hljs-comment { color: #585b70; } -.mocha code .hljs-doctag { +.mocha .hljs-doctag { color: #f38ba8; } -.mocha code .hljs-meta { +.mocha .hljs-meta { color: #fab387; } -.mocha code .hljs-section { +.mocha .hljs-section { color: #89b4fa; } -.mocha code .hljs-tag { +.mocha .hljs-tag { color: #a6adc8; } -.mocha code .hljs-name { +.mocha .hljs-name { color: #cba6f7; } -.mocha code .hljs-attr { +.mocha .hljs-attr { color: #89b4fa; } -.mocha code .hljs-attribute { +.mocha .hljs-attribute { color: #a6e3a1; } -.mocha code .hljs-bullet { +.mocha .hljs-bullet { color: #94e2d5; } -.mocha code .hljs-code { +.mocha .hljs-code { color: #a6e3a1; } -.mocha code .hljs-emphasis { +.mocha .hljs-emphasis { color: #f38ba8; font-style: italic; } -.mocha code .hljs-strong { +.mocha .hljs-strong { color: #f38ba8; font-weight: bold; } -.mocha code .hljs-formula { +.mocha .hljs-formula { color: #94e2d5; } -.mocha code .hljs-link { +.mocha .hljs-link { color: #74c7ec; font-style: italic; } -.mocha code .hljs-quote { +.mocha .hljs-quote { color: #a6e3a1; font-style: italic; } -.mocha code .hljs-selector-tag { +.mocha .hljs-selector-tag { color: #f9e2af; } -.mocha code .hljs-selector-id { +.mocha .hljs-selector-id { color: #89b4fa; } -.mocha code .hljs-selector-class { +.mocha .hljs-selector-class { color: #94e2d5; } -.mocha code .hljs-selector-attr { +.mocha .hljs-selector-attr { color: #cba6f7; } -.mocha code .hljs-selector-pseudo { +.mocha .hljs-selector-pseudo { color: #94e2d5; } -.mocha code .hljs-template-tag { +.mocha .hljs-template-tag { color: #f2cdcd; } -.mocha code .hljs-template-variable { +.mocha .hljs-template-variable { color: #f2cdcd; } -.mocha code .hljs-diff-addition { +.mocha .hljs-diff-addition { color: #a6e3a1; background: rgba(166, 227, 161, 0.15); } -.mocha code .hljs-diff-deletion { +.mocha .hljs-diff-deletion { color: #f38ba8; background: rgba(243, 139, 168, 0.15); } +.mocha code { + color: #cdd6f4; + background: #181825; +} +.mocha .ace_gutter { + color: #7f849c; + background: #181825; +} +.mocha .ace_gutter-active-line.ace_gutter-cell { + color: #f5c2e7; + background: #181825; +} -.macchiato code .hljs-keyword { +.macchiato.hljs { + color: #cad3f5; + background: #24273a; +} +.macchiato .hljs-keyword { color: #c6a0f6; } -.macchiato code .hljs-built_in { +.macchiato .hljs-built_in { color: #ed8796; } -.macchiato code .hljs-type { +.macchiato .hljs-type { color: #eed49f; } -.macchiato code .hljs-literal { +.macchiato .hljs-literal { color: #f5a97f; } -.macchiato code .hljs-number { +.macchiato .hljs-number { color: #f5a97f; } -.macchiato code .hljs-operator { +.macchiato .hljs-operator { color: #8bd5ca; } -.macchiato code .hljs-punctuation { +.macchiato .hljs-punctuation { color: #b8c0e0; } -.macchiato code .hljs-property { +.macchiato .hljs-property { color: #8bd5ca; } -.macchiato code .hljs-regexp { +.macchiato .hljs-regexp { color: #f5bde6; } -.macchiato code .hljs-string { +.macchiato .hljs-string { color: #a6da95; } -.macchiato code .hljs-char.escape_ { +.macchiato .hljs-char.escape_ { color: #a6da95; } -.macchiato code .hljs-subst { +.macchiato .hljs-subst { color: #a5adcb; } -.macchiato code .hljs-symbol { +.macchiato .hljs-symbol { color: #f0c6c6; } -.macchiato code .hljs-variable { +.macchiato .hljs-variable { color: #c6a0f6; } -.macchiato code .hljs-variable.language_ { +.macchiato .hljs-variable.language_ { color: #c6a0f6; } -.macchiato code .hljs-variable.constant_ { +.macchiato .hljs-variable.constant_ { color: #f5a97f; } -.macchiato code .hljs-title { +.macchiato .hljs-title { color: #8aadf4; } -.macchiato code .hljs-title.class_ { +.macchiato .hljs-title.class_ { color: #eed49f; } -.macchiato code .hljs-title.function_ { +.macchiato .hljs-title.function_ { color: #8aadf4; } -.macchiato code .hljs-params { +.macchiato .hljs-params { color: #cad3f5; } -.macchiato code .hljs-comment { +.macchiato .hljs-comment { color: #5b6078; } -.macchiato code .hljs-doctag { +.macchiato .hljs-doctag { color: #ed8796; } -.macchiato code .hljs-meta { +.macchiato .hljs-meta { color: #f5a97f; } -.macchiato code .hljs-section { +.macchiato .hljs-section { color: #8aadf4; } -.macchiato code .hljs-tag { +.macchiato .hljs-tag { color: #a5adcb; } -.macchiato code .hljs-name { +.macchiato .hljs-name { color: #c6a0f6; } -.macchiato code .hljs-attr { +.macchiato .hljs-attr { color: #8aadf4; } -.macchiato code .hljs-attribute { +.macchiato .hljs-attribute { color: #a6da95; } -.macchiato code .hljs-bullet { +.macchiato .hljs-bullet { color: #8bd5ca; } -.macchiato code .hljs-code { +.macchiato .hljs-code { color: #a6da95; } -.macchiato code .hljs-emphasis { +.macchiato .hljs-emphasis { color: #ed8796; font-style: italic; } -.macchiato code .hljs-strong { +.macchiato .hljs-strong { color: #ed8796; font-weight: bold; } -.macchiato code .hljs-formula { +.macchiato .hljs-formula { color: #8bd5ca; } -.macchiato code .hljs-link { +.macchiato .hljs-link { color: #7dc4e4; font-style: italic; } -.macchiato code .hljs-quote { +.macchiato .hljs-quote { color: #a6da95; font-style: italic; } -.macchiato code .hljs-selector-tag { +.macchiato .hljs-selector-tag { color: #eed49f; } -.macchiato code .hljs-selector-id { +.macchiato .hljs-selector-id { color: #8aadf4; } -.macchiato code .hljs-selector-class { +.macchiato .hljs-selector-class { color: #8bd5ca; } -.macchiato code .hljs-selector-attr { +.macchiato .hljs-selector-attr { color: #c6a0f6; } -.macchiato code .hljs-selector-pseudo { +.macchiato .hljs-selector-pseudo { color: #8bd5ca; } -.macchiato code .hljs-template-tag { +.macchiato .hljs-template-tag { color: #f0c6c6; } -.macchiato code .hljs-template-variable { +.macchiato .hljs-template-variable { color: #f0c6c6; } -.macchiato code .hljs-diff-addition { +.macchiato .hljs-diff-addition { color: #a6da95; background: rgba(166, 218, 149, 0.15); } -.macchiato code .hljs-diff-deletion { +.macchiato .hljs-diff-deletion { color: #ed8796; background: rgba(237, 135, 150, 0.15); } +.macchiato code { + color: #cad3f5; + background: #1e2030; +} +.macchiato .ace_gutter { + color: #8087a2; + background: #1e2030; +} +.macchiato .ace_gutter-active-line.ace_gutter-cell { + color: #f5bde6; + background: #1e2030; +} -.frappe code .hljs-keyword { +.frappe.hljs { + color: #c6d0f5; + background: #303446; +} +.frappe .hljs-keyword { color: #ca9ee6; } -.frappe code .hljs-built_in { +.frappe .hljs-built_in { color: #e78284; } -.frappe code .hljs-type { +.frappe .hljs-type { color: #e5c890; } -.frappe code .hljs-literal { +.frappe .hljs-literal { color: #ef9f76; } -.frappe code .hljs-number { +.frappe .hljs-number { color: #ef9f76; } -.frappe code .hljs-operator { +.frappe .hljs-operator { color: #81c8be; } -.frappe code .hljs-punctuation { +.frappe .hljs-punctuation { color: #b5bfe2; } -.frappe code .hljs-property { +.frappe .hljs-property { color: #81c8be; } -.frappe code .hljs-regexp { +.frappe .hljs-regexp { color: #f4b8e4; } -.frappe code .hljs-string { +.frappe .hljs-string { color: #a6d189; } -.frappe code .hljs-char.escape_ { +.frappe .hljs-char.escape_ { color: #a6d189; } -.frappe code .hljs-subst { +.frappe .hljs-subst { color: #a5adce; } -.frappe code .hljs-symbol { +.frappe .hljs-symbol { color: #eebebe; } -.frappe code .hljs-variable { +.frappe .hljs-variable { color: #ca9ee6; } -.frappe code .hljs-variable.language_ { +.frappe .hljs-variable.language_ { color: #ca9ee6; } -.frappe code .hljs-variable.constant_ { +.frappe .hljs-variable.constant_ { color: #ef9f76; } -.frappe code .hljs-title { +.frappe .hljs-title { color: #8caaee; } -.frappe code .hljs-title.class_ { +.frappe .hljs-title.class_ { color: #e5c890; } -.frappe code .hljs-title.function_ { +.frappe .hljs-title.function_ { color: #8caaee; } -.frappe code .hljs-params { +.frappe .hljs-params { color: #c6d0f5; } -.frappe code .hljs-comment { +.frappe .hljs-comment { color: #626880; } -.frappe code .hljs-doctag { +.frappe .hljs-doctag { color: #e78284; } -.frappe code .hljs-meta { +.frappe .hljs-meta { color: #ef9f76; } -.frappe code .hljs-section { +.frappe .hljs-section { color: #8caaee; } -.frappe code .hljs-tag { +.frappe .hljs-tag { color: #a5adce; } -.frappe code .hljs-name { +.frappe .hljs-name { color: #ca9ee6; } -.frappe code .hljs-attr { +.frappe .hljs-attr { color: #8caaee; } -.frappe code .hljs-attribute { +.frappe .hljs-attribute { color: #a6d189; } -.frappe code .hljs-bullet { +.frappe .hljs-bullet { color: #81c8be; } -.frappe code .hljs-code { +.frappe .hljs-code { color: #a6d189; } -.frappe code .hljs-emphasis { +.frappe .hljs-emphasis { color: #e78284; font-style: italic; } -.frappe code .hljs-strong { +.frappe .hljs-strong { color: #e78284; font-weight: bold; } -.frappe code .hljs-formula { +.frappe .hljs-formula { color: #81c8be; } -.frappe code .hljs-link { +.frappe .hljs-link { color: #85c1dc; font-style: italic; } -.frappe code .hljs-quote { +.frappe .hljs-quote { color: #a6d189; font-style: italic; } -.frappe code .hljs-selector-tag { +.frappe .hljs-selector-tag { color: #e5c890; } -.frappe code .hljs-selector-id { +.frappe .hljs-selector-id { color: #8caaee; } -.frappe code .hljs-selector-class { +.frappe .hljs-selector-class { color: #81c8be; } -.frappe code .hljs-selector-attr { +.frappe .hljs-selector-attr { color: #ca9ee6; } -.frappe code .hljs-selector-pseudo { +.frappe .hljs-selector-pseudo { color: #81c8be; } -.frappe code .hljs-template-tag { +.frappe .hljs-template-tag { color: #eebebe; } -.frappe code .hljs-template-variable { +.frappe .hljs-template-variable { color: #eebebe; } -.frappe code .hljs-diff-addition { +.frappe .hljs-diff-addition { color: #a6d189; background: rgba(166, 209, 137, 0.15); } -.frappe code .hljs-diff-deletion { +.frappe .hljs-diff-deletion { color: #e78284; background: rgba(231, 130, 132, 0.15); } +.frappe code { + color: #c6d0f5; + background: #292c3c; +} +.frappe .ace_gutter { + color: #838ba7; + background: #292c3c; +} +.frappe .ace_gutter-active-line.ace_gutter-cell { + color: #f4b8e4; + background: #292c3c; +} -.latte code .hljs-keyword { +.latte.hljs { + color: #4c4f69; + background: #eff1f5; +} +.latte .hljs-keyword { color: #8839ef; } -.latte code .hljs-built_in { +.latte .hljs-built_in { color: #d20f39; } -.latte code .hljs-type { +.latte .hljs-type { color: #df8e1d; } -.latte code .hljs-literal { +.latte .hljs-literal { color: #fe640b; } -.latte code .hljs-number { +.latte .hljs-number { color: #fe640b; } -.latte code .hljs-operator { +.latte .hljs-operator { color: #179299; } -.latte code .hljs-punctuation { +.latte .hljs-punctuation { color: #5c5f77; } -.latte code .hljs-property { +.latte .hljs-property { color: #179299; } -.latte code .hljs-regexp { +.latte .hljs-regexp { color: #ea76cb; } -.latte code .hljs-string { +.latte .hljs-string { color: #40a02b; } -.latte code .hljs-char.escape_ { +.latte .hljs-char.escape_ { color: #40a02b; } -.latte code .hljs-subst { +.latte .hljs-subst { color: #6c6f85; } -.latte code .hljs-symbol { +.latte .hljs-symbol { color: #dd7878; } -.latte code .hljs-variable { +.latte .hljs-variable { color: #8839ef; } -.latte code .hljs-variable.language_ { +.latte .hljs-variable.language_ { color: #8839ef; } -.latte code .hljs-variable.constant_ { +.latte .hljs-variable.constant_ { color: #fe640b; } -.latte code .hljs-title { +.latte .hljs-title { color: #1e66f5; } -.latte code .hljs-title.class_ { +.latte .hljs-title.class_ { color: #df8e1d; } -.latte code .hljs-title.function_ { +.latte .hljs-title.function_ { color: #1e66f5; } -.latte code .hljs-params { +.latte .hljs-params { color: #4c4f69; } -.latte code .hljs-comment { +.latte .hljs-comment { color: #acb0be; } -.latte code .hljs-doctag { +.latte .hljs-doctag { color: #d20f39; } -.latte code .hljs-meta { +.latte .hljs-meta { color: #fe640b; } -.latte code .hljs-section { +.latte .hljs-section { color: #1e66f5; } -.latte code .hljs-tag { +.latte .hljs-tag { color: #6c6f85; } -.latte code .hljs-name { +.latte .hljs-name { color: #8839ef; } -.latte code .hljs-attr { +.latte .hljs-attr { color: #1e66f5; } -.latte code .hljs-attribute { +.latte .hljs-attribute { color: #40a02b; } -.latte code .hljs-bullet { +.latte .hljs-bullet { color: #179299; } -.latte code .hljs-code { +.latte .hljs-code { color: #40a02b; } -.latte code .hljs-emphasis { +.latte .hljs-emphasis { color: #d20f39; font-style: italic; } -.latte code .hljs-strong { +.latte .hljs-strong { color: #d20f39; font-weight: bold; } -.latte code .hljs-formula { +.latte .hljs-formula { color: #179299; } -.latte code .hljs-link { +.latte .hljs-link { color: #209fb5; font-style: italic; } -.latte code .hljs-quote { +.latte .hljs-quote { color: #40a02b; font-style: italic; } -.latte code .hljs-selector-tag { +.latte .hljs-selector-tag { color: #df8e1d; } -.latte code .hljs-selector-id { +.latte .hljs-selector-id { color: #1e66f5; } -.latte code .hljs-selector-class { +.latte .hljs-selector-class { color: #179299; } -.latte code .hljs-selector-attr { +.latte .hljs-selector-attr { color: #8839ef; } -.latte code .hljs-selector-pseudo { +.latte .hljs-selector-pseudo { color: #179299; } -.latte code .hljs-template-tag { +.latte .hljs-template-tag { color: #dd7878; } -.latte code .hljs-template-variable { +.latte .hljs-template-variable { color: #dd7878; } -.latte code .hljs-diff-addition { +.latte .hljs-diff-addition { color: #40a02b; background: rgba(64, 160, 43, 0.15); } -.latte code .hljs-diff-deletion { +.latte .hljs-diff-deletion { color: #d20f39; background: rgba(210, 15, 57, 0.15); } - -.mocha code { - color: #a6adc8; - background: #181825; -} -.mocha .ace_gutter { - color: #7f849c; - background: #181825; -} -.mocha .ace_gutter-active-line.ace_gutter-cell { - color: #f5c2e7; - background: #181825; -} - -.macchiato code { - color: #a5adcb; - background: #1e2030; -} -.macchiato .ace_gutter { - color: #8087a2; - background: #1e2030; -} -.macchiato .ace_gutter-active-line.ace_gutter-cell { - color: #f5bde6; - background: #1e2030; -} - -.frappe code { - color: #a5adce; - background: #292c3c; -} -.frappe .ace_gutter { - color: #838ba7; - background: #292c3c; -} -.frappe .ace_gutter-active-line.ace_gutter-cell { - color: #f4b8e4; - background: #292c3c; -} - .latte code { - color: #6c6f85; + color: #4c4f69; background: #e6e9ef; } .latte .ace_gutter { diff --git a/src/bin/assets/catppuccin.css b/src/bin/assets/catppuccin.css index ddf953c..5a6133e 100644 --- a/src/bin/assets/catppuccin.css +++ b/src/bin/assets/catppuccin.css @@ -28,6 +28,96 @@ --searchresults-li-bg: #1e1e2e; --search-mark-bg: #fab387; } +.mocha :is(.admonition):is(.hint, .important, .tip) { + border-color: #f9e2af; +} +.mocha :is(.hint, .important, .tip) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(249, 226, 175, 0.2); +} +.mocha :is(.hint, .important, .tip) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #f9e2af; +} +.mocha :is(.admonition):is(.abstract, .summary, .tldr) { + border-color: #f2cdcd; +} +.mocha :is(.abstract, .summary, .tldr) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(242, 205, 205, 0.2); +} +.mocha :is(.abstract, .summary, .tldr) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #f2cdcd; +} +.mocha :is(.admonition):is(.example) { + border-color: #cba6f7; +} +.mocha :is(.example) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(203, 166, 247, 0.2); +} +.mocha :is(.example) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #cba6f7; +} +.mocha :is(.admonition):is(.info, .todo) { + border-color: #89dceb; +} +.mocha :is(.info, .todo) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(137, 220, 235, 0.2); +} +.mocha :is(.info, .todo) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #89dceb; +} +.mocha :is(.admonition):is(.check, .done, .success) { + border-color: #a6e3a1; +} +.mocha :is(.check, .done, .success) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(166, 227, 161, 0.2); +} +.mocha :is(.check, .done, .success) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #a6e3a1; +} +.mocha :is(.admonition):is(.note) { + border-color: #89b4fa; +} +.mocha :is(.note) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(137, 180, 250, 0.2); +} +.mocha :is(.note) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #89b4fa; +} +.mocha :is(.admonition):is(.attention, .caution, .warning) { + border-color: #fab387; +} +.mocha :is(.attention, .caution, .warning) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(250, 179, 135, 0.2); +} +.mocha :is(.attention, .caution, .warning) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #fab387; +} +.mocha :is(.admonition):is(.faq, .help, .question) { + border-color: #94e2d5; +} +.mocha :is(.faq, .help, .question) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(148, 226, 213, 0.2); +} +.mocha :is(.faq, .help, .question) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #94e2d5; +} +.mocha :is(.admonition):is(.bug, .danger, .error, .fail, .failure, .missing) { + border-color: #f38ba8; +} +.mocha :is(.bug, .danger, .error, .fail, .failure, .missing) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(243, 139, 168, 0.2); +} +.mocha :is(.bug, .danger, .error, .fail, .failure, .missing) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #f38ba8; +} +.mocha :is(.admonition):is(.cite, .quote) { + border-color: #f5c2e7; +} +.mocha :is(.cite, .quote) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(245, 194, 231, 0.2); +} +.mocha :is(.cite, .quote) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #f5c2e7; +} .macchiato { --bg: #24273a; @@ -59,6 +149,96 @@ --searchresults-li-bg: #24273a; --search-mark-bg: #f5a97f; } +.macchiato :is(.admonition):is(.hint, .important, .tip) { + border-color: #eed49f; +} +.macchiato :is(.hint, .important, .tip) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(238, 212, 159, 0.2); +} +.macchiato :is(.hint, .important, .tip) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #eed49f; +} +.macchiato :is(.admonition):is(.abstract, .summary, .tldr) { + border-color: #f0c6c6; +} +.macchiato :is(.abstract, .summary, .tldr) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(240, 198, 198, 0.2); +} +.macchiato :is(.abstract, .summary, .tldr) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #f0c6c6; +} +.macchiato :is(.admonition):is(.example) { + border-color: #c6a0f6; +} +.macchiato :is(.example) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(198, 160, 246, 0.2); +} +.macchiato :is(.example) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #c6a0f6; +} +.macchiato :is(.admonition):is(.info, .todo) { + border-color: #91d7e3; +} +.macchiato :is(.info, .todo) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(145, 215, 227, 0.2); +} +.macchiato :is(.info, .todo) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #91d7e3; +} +.macchiato :is(.admonition):is(.check, .done, .success) { + border-color: #a6da95; +} +.macchiato :is(.check, .done, .success) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(166, 218, 149, 0.2); +} +.macchiato :is(.check, .done, .success) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #a6da95; +} +.macchiato :is(.admonition):is(.note) { + border-color: #8aadf4; +} +.macchiato :is(.note) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(138, 173, 244, 0.2); +} +.macchiato :is(.note) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #8aadf4; +} +.macchiato :is(.admonition):is(.attention, .caution, .warning) { + border-color: #f5a97f; +} +.macchiato :is(.attention, .caution, .warning) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(245, 169, 127, 0.2); +} +.macchiato :is(.attention, .caution, .warning) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #f5a97f; +} +.macchiato :is(.admonition):is(.faq, .help, .question) { + border-color: #8bd5ca; +} +.macchiato :is(.faq, .help, .question) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(139, 213, 202, 0.2); +} +.macchiato :is(.faq, .help, .question) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #8bd5ca; +} +.macchiato :is(.admonition):is(.bug, .danger, .error, .fail, .failure, .missing) { + border-color: #ed8796; +} +.macchiato :is(.bug, .danger, .error, .fail, .failure, .missing) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(237, 135, 150, 0.2); +} +.macchiato :is(.bug, .danger, .error, .fail, .failure, .missing) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #ed8796; +} +.macchiato :is(.admonition):is(.cite, .quote) { + border-color: #f5bde6; +} +.macchiato :is(.cite, .quote) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(245, 189, 230, 0.2); +} +.macchiato :is(.cite, .quote) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #f5bde6; +} .frappe { --bg: #303446; @@ -90,6 +270,96 @@ --searchresults-li-bg: #303446; --search-mark-bg: #ef9f76; } +.frappe :is(.admonition):is(.hint, .important, .tip) { + border-color: #e5c890; +} +.frappe :is(.hint, .important, .tip) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(229, 200, 144, 0.2); +} +.frappe :is(.hint, .important, .tip) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #e5c890; +} +.frappe :is(.admonition):is(.abstract, .summary, .tldr) { + border-color: #eebebe; +} +.frappe :is(.abstract, .summary, .tldr) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(238, 190, 190, 0.2); +} +.frappe :is(.abstract, .summary, .tldr) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #eebebe; +} +.frappe :is(.admonition):is(.example) { + border-color: #ca9ee6; +} +.frappe :is(.example) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(202, 158, 230, 0.2); +} +.frappe :is(.example) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #ca9ee6; +} +.frappe :is(.admonition):is(.info, .todo) { + border-color: #99d1db; +} +.frappe :is(.info, .todo) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(153, 209, 219, 0.2); +} +.frappe :is(.info, .todo) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #99d1db; +} +.frappe :is(.admonition):is(.check, .done, .success) { + border-color: #a6d189; +} +.frappe :is(.check, .done, .success) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(166, 209, 137, 0.2); +} +.frappe :is(.check, .done, .success) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #a6d189; +} +.frappe :is(.admonition):is(.note) { + border-color: #8caaee; +} +.frappe :is(.note) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(140, 170, 238, 0.2); +} +.frappe :is(.note) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #8caaee; +} +.frappe :is(.admonition):is(.attention, .caution, .warning) { + border-color: #ef9f76; +} +.frappe :is(.attention, .caution, .warning) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(239, 159, 118, 0.2); +} +.frappe :is(.attention, .caution, .warning) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #ef9f76; +} +.frappe :is(.admonition):is(.faq, .help, .question) { + border-color: #81c8be; +} +.frappe :is(.faq, .help, .question) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(129, 200, 190, 0.2); +} +.frappe :is(.faq, .help, .question) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #81c8be; +} +.frappe :is(.admonition):is(.bug, .danger, .error, .fail, .failure, .missing) { + border-color: #e78284; +} +.frappe :is(.bug, .danger, .error, .fail, .failure, .missing) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(231, 130, 132, 0.2); +} +.frappe :is(.bug, .danger, .error, .fail, .failure, .missing) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #e78284; +} +.frappe :is(.admonition):is(.cite, .quote) { + border-color: #f4b8e4; +} +.frappe :is(.cite, .quote) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(244, 184, 228, 0.2); +} +.frappe :is(.cite, .quote) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #f4b8e4; +} .latte { --bg: #eff1f5; @@ -121,3 +391,93 @@ --searchresults-li-bg: #eff1f5; --search-mark-bg: #fe640b; } +.latte :is(.admonition):is(.hint, .important, .tip) { + border-color: #df8e1d; +} +.latte :is(.hint, .important, .tip) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(223, 142, 29, 0.2); +} +.latte :is(.hint, .important, .tip) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #df8e1d; +} +.latte :is(.admonition):is(.abstract, .summary, .tldr) { + border-color: #dd7878; +} +.latte :is(.abstract, .summary, .tldr) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(221, 120, 120, 0.2); +} +.latte :is(.abstract, .summary, .tldr) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #dd7878; +} +.latte :is(.admonition):is(.example) { + border-color: #8839ef; +} +.latte :is(.example) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(136, 57, 239, 0.2); +} +.latte :is(.example) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #8839ef; +} +.latte :is(.admonition):is(.info, .todo) { + border-color: #04a5e5; +} +.latte :is(.info, .todo) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(4, 165, 229, 0.2); +} +.latte :is(.info, .todo) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #04a5e5; +} +.latte :is(.admonition):is(.check, .done, .success) { + border-color: #40a02b; +} +.latte :is(.check, .done, .success) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(64, 160, 43, 0.2); +} +.latte :is(.check, .done, .success) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #40a02b; +} +.latte :is(.admonition):is(.note) { + border-color: #1e66f5; +} +.latte :is(.note) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(30, 102, 245, 0.2); +} +.latte :is(.note) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #1e66f5; +} +.latte :is(.admonition):is(.attention, .caution, .warning) { + border-color: #fe640b; +} +.latte :is(.attention, .caution, .warning) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(254, 100, 11, 0.2); +} +.latte :is(.attention, .caution, .warning) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #fe640b; +} +.latte :is(.admonition):is(.faq, .help, .question) { + border-color: #179299; +} +.latte :is(.faq, .help, .question) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(23, 146, 153, 0.2); +} +.latte :is(.faq, .help, .question) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #179299; +} +.latte :is(.admonition):is(.bug, .danger, .error, .fail, .failure, .missing) { + border-color: #d20f39; +} +.latte :is(.bug, .danger, .error, .fail, .failure, .missing) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(210, 15, 57, 0.2); +} +.latte :is(.bug, .danger, .error, .fail, .failure, .missing) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #d20f39; +} +.latte :is(.admonition):is(.cite, .quote) { + border-color: #ea76cb; +} +.latte :is(.cite, .quote) > :is(.admonition-title, summary.admonition-title) { + background-color: rgba(234, 118, 203, 0.2); +} +.latte :is(.cite, .quote) > :is(.admonition-title, summary.admonition-title)::before { + background-color: #ea76cb; +}