From f44bab29ef2228d41acee17eaf9dfab647ff6827 Mon Sep 17 00:00:00 2001 From: "Diego H." Date: Sun, 1 Feb 2026 02:04:03 +0100 Subject: [PATCH 1/3] TODO: Nav Pills --- inst/pkgdown/_pkgdown.yml | 36 +- inst/pkgdown/assets/BS5/rogtemplate.min.css | 657 ++++++++++---------- 2 files changed, 361 insertions(+), 332 deletions(-) diff --git a/inst/pkgdown/_pkgdown.yml b/inst/pkgdown/_pkgdown.yml index 39c0738..223ff5c 100644 --- a/inst/pkgdown/_pkgdown.yml +++ b/inst/pkgdown/_pkgdown.yml @@ -27,6 +27,7 @@ template: white: "#fff" gray: "#6c757d" gray-dark: "#343a40" + code: "#e83e8c" foreground: "#212529" background: white primary: blue @@ -42,11 +43,44 @@ template: - family: B612 Mono source: google weight: [400, 700] + link: + decoration: "none" defaults: bootstrap: defaults: navbar-light-bg: "#343a40" - navbar-light-color: "#ffffff" + navbar-light-color: rgba(255, 255, 255, .5) + navbar-light-toggler-border-color: rgba(255, 255, 255, .1) + navbar-light-toggler-icon-bg: > + url("data:image/svg+xml,") + navbar-light-brand-color: "#ffffff" + navbar-light-brand-hover-color: "#ffffff" + navbar-light-hover-color: rgba(255,255,255,.75) + navbar-light-active-color: "#ffffff" + navbar-dark-bg: "#343a40" + navbar-dark-color: rgba(255, 255, 255, .5) + navbar-dark-toggler-border-color: rgba(255, 255, 255, .1) + navbar-dark-toggler-icon-bg: > + url("data:image/svg+xml,") + navbar-dark-brand-color: "#ffffff" + navbar-dark-brand-hover-color: "#ffffff" + navbar-dark-hover-color: rgba(255,255,255,.75) + navbar-dark-active-color: "#ffffff" + link-decoration: none + pkgdown-footer-bg: "#343a40" + pkgdown-footer-color: rgba(255, 255, 255, 0.5) + dropdown-bg: "343a40" + dropdown-border-color: rgba(255, 255, 255, .1) + dropdown-divider-bg: rgba(255, 255, 255, .1) + dropdown-dark-bg: "343a40" + dropdown-dark-border-color: rgba(255, 255, 255, .1) + dropdown-dark-divider-bg: rgba(255, 255, 255, .1) footer: structure: diff --git a/inst/pkgdown/assets/BS5/rogtemplate.min.css b/inst/pkgdown/assets/BS5/rogtemplate.min.css index e972345..d8e9c53 100644 --- a/inst/pkgdown/assets/BS5/rogtemplate.min.css +++ b/inst/pkgdown/assets/BS5/rogtemplate.min.css @@ -1,441 +1,436 @@ /*! Compressed with sass R library https: //rstudio.github.io/sass/ */ -/*! Compressed with sass R library https: //rstudio.github.io/sass/*/ +[data-bs-theme="dark"] { + color-scheme: dark; + --bs-body-bg: hsla(210, 10%, 25%, 1); +} /* ---Images and captions figure spacing--- */ main img { - margin-left: auto; - margin-right: auto; + margin-left: auto; + margin-right: auto; } .caption, .figure { - color: var(--bs-gray-500); - margin-left: auto; - margin-right: auto; - margin-top: 0.5rem; - font-size: 85%; - width: 100%; + color: var(--bs-secondary); + margin-left: auto; + margin-right: auto; + margin-top: 0.5rem; + font-size: 85%; + width: 100%; } /* ---Navbar tweaks--- */ .navbar-brand { - font-family: "B612 Mono", monospace; - font-size: 1.5rem; - color: var(--bs-white); + font-family: "B612 Mono", monospace; + font-size: 1.5rem; + color: var(--bs-white); } .navbar .text-muted { - color: var(--bs-gray-500) !important; -} - -#navbar .nav-link { - color: rgba(255, 255, 255, 0.5); + color: var(--bs-gray-500) !important; } +/* Hovers */ #navbar .nav-link:hover, #navbar .nav-link:focus { - color: rgba(255, 255, 255, 0.75); + color: rgba(255, 255, 255, 0.75); + background-color: transparent; } -#navbar .dropdown-menu { - background: var(--brand-gray_dark) !important; +#navbar .dropdown-menu .dropdown-item.active:hover, +#navbar .dropdown-menu .dropdown-item.active:focus { + color: rgba(255, 255, 255, 0.75); } -#navbar .dropdown-menu .dropdown-item { - color: rgba(255, 255, 255, 0.5); - opacity: 1; +/* Actives */ +#navbar .nav-item.active .nav-link, +#navbar .dropdown-menu .dropdown-item.active { + color: var(--bs-white); + background: transparent; } #navbar .dropdown-menu .dropdown-item .fa { - color: inherit; - opacity: 1; - background-color: transparent; + opacity: 1; + color: inherit; } -#navbar .nav-item.active .nav-link, -#navbar .dropdown-menu .dropdown-item.active { - color: var(--brand-white); - opacity: 1; - background-color: transparent; -} - -#navbar .dropdown-menu .dropdown-item:hover, -#navbar .dropdown-menu .dropdown-item:focus, -#navbar .dropdown-menu .dropdown-item.active:hover, -#navbar .dropdown-menu .dropdown-item.active:focus { - color: rgba(255, 255, 255, 0.75); - opacity: 1; - background-color: transparent; +.navbar-toggler { + border: none; } +/* --- Search ---*/ .algolia-autocomplete .aa-dropdown-menu { - color: var(--brand-gray_dark); + color: var(--bs-body-color); + background-color: var(--bs-body-bg); } -[data-bs-theme="dark"] { - .algolia-autocomplete .aa-dropdown-menu { - color: rgba(255, 255, 255, 0.55); - } +mark, +.mark { + background: linear-gradient( + -100deg, + RGBA(var(--bs-warning-rgb), 0.2), + RGBA(var(--bs-warning-rgb), 0.7) 95%, + RGBA(var(--bs-warning-rgb), 0.1) + ); } /* ---Footer--- */ footer { - width: 100vw; - position: relative; - left: 50%; - right: 50%; - margin-left: -50vw; - margin-right: -50vw; - background-color: var(--brand-gray_dark) !important; - color: rgba(255, 255, 255, 0.5); - margin-bottom: 0; - border-top: 1px solid var(--brand-gray_dark); + width: 100vw; + position: relative; + left: 50%; + right: 50%; + margin-left: -50vw; + margin-right: -50vw; + margin-bottom: 0; } footer a { - color: var(--bs-light); + color: var(--bs-light); } footer a:hover, footer a:focus { - color: var(--bs-warning); + color: var(--bs-warning); } footer .pkgdown-footer-right { - margin-right: auto; - padding-right: 1.25rem; + margin-right: auto; + padding-right: 1.25rem; } footer .pkgdown-footer-left { - margin-left: auto; - padding-left: 1.25rem; + margin-left: auto; + padding-left: 1.25rem; } @media screen and (max-width: 576px) { - footer .pkgdown-footer-right, - footer .pkgdown-footer-left { - margin: 0 0.75rem; - padding: 0 12px; - } + footer .pkgdown-footer-right, + footer .pkgdown-footer-left { + margin: 0 0.75rem; + padding: 0 12px; + } } @media (max-width: 768px) and (min-width: 576px) { - footer .pkgdown-footer-right, - footer .pkgdown-footer-left { - max-width: 270px; - } + footer .pkgdown-footer-right, + footer .pkgdown-footer-left { + max-width: 270px; + } } @media (max-width: 992px) and (min-width: 768px) { - footer .pkgdown-footer-right, - footer .pkgdown-footer-left { - max-width: 360px; - } + footer .pkgdown-footer-right, + footer .pkgdown-footer-left { + max-width: 360px; + } } @media (max-width: 1200px) and (min-width: 992px) { - footer .pkgdown-footer-right, - footer .pkgdown-footer-left { - max-width: 480px; - } + footer .pkgdown-footer-right, + footer .pkgdown-footer-left { + max-width: 480px; + } } @media (max-width: 1400px) and (min-width: 1200px) { - footer .pkgdown-footer-right, - footer .pkgdown-footer-left { - max-width: 570px; - } + footer .pkgdown-footer-right, + footer .pkgdown-footer-left { + max-width: 570px; + } } @media (min-width: 1400px) { - footer .pkgdown-footer-right, - footer .pkgdown-footer-left { - max-width: 660px; - } + footer .pkgdown-footer-right, + footer .pkgdown-footer-left { + max-width: 660px; + } } /* ---Misc--- */ - -/* Hack to change root variables in dark mode */ - -[data-bs-theme="dark"] { - color-scheme: dark; - --bs-body-bg: hsla(210, 10%, 25%, 1); -} - /* Logos */ .rog-logo { - margin-bottom: 5px; + margin-bottom: 5px; } .mini_logo { - font-family: "B612 Mono", monospace; - text-decoration: none; - color: var(--bs-body-color); - display: inline-block; + font-family: "B612 Mono", monospace; + text-decoration: none; + color: var(--bs-body-color); + display: inline-block; } /* Hack to reduce light in dark mode */ [data-bs-theme="dark"] img.r-plt, [data-bs-theme="dark"] pre .r-plt.img img { - filter: grayscale(33%) !important; + filter: grayscale(40%) !important; } /* Clipboard button */ .btn-copy-ex { - color: white; - background-color: var(--bs-gray-dark); - border-color: var(--bs-gray-dark); + color: white; + background-color: var(--bs-gray-dark); + border-color: var(--bs-gray-dark); } .btn-copy-ex:hover, .btn-copy-ex:focus { - color: white; - background-color: var(--bs-warning); - border-color: var(--bs-warning); + color: white; + background-color: var(--bs-warning); + border-color: var(--bs-warning); } .pkg { - font-weight: bold; + font-weight: bold; } -/* --- Inherited args --- */ +/* ---Code--- */ +code a:any-link { + text-decoration: underline; + text-decoration-color: var(--brand-code); + background-color: transparent !important; +} + +a > code { + text-decoration: underline; + color: var(--brand-code); +} -.template-reference-topic dt code { - font-weight: 700; - font-family: var(--bs-body-font-family); - font-size: var(--bs-body-font-size); - color: var(--bs-body-color); - text-align: var(--bs-body-text-align); - background-color: var(--bs-body-bg); - padding: 0; - border-radius: 0; +code { + font-size: 87.5%; + color: var(--brand-code); + word-wrap: break-word; + background-color: var(--body-bg) !important; +} + +/* --- Inherited args --- */ +.template-reference-topic dt { + font-weight: 800; + font-family: "Inter Tight", Roboto; } /* Highlighter based in tango for dark theme */ pre { - border: none; + border: none; } [data-bs-theme="dark"] { - pre { - background-color: var(--brand-gray_dark); - color: #fff; - } - pre code span.al /* Alert */ { - color: var(--bs-danger-text-emphasis); - } - pre code span.an /* Annotation */ { - color: var(--bs-warning-text-emphasis); - font-weight: bold; - font-style: italic; - } - pre code span.at /* Attribute */ { - color: var(--bs-form-valid-color); - } - pre code span.bn /* BaseN */ { - color: var(--bs-primary-text-emphasis); - } - pre code span.cf /* ControlFlow */ { - color: var(--bs-link-hover-color); - font-weight: bold; - } - pre code span.ch /* Char */ { - color: var(--bs-success-text-emphasis); - } - pre code span.cn /* Constant */ { - color: #fff; - } - pre code span.co /* Comment */ { - color: var(--bs-warning-text-emphasis); - font-style: italic; - } - pre code span.cv /* CommentVar */ { - color: var(--bs-warning-text-emphasis); - font-weight: bold; - font-style: italic; - } - pre code span.do /* Documentation */ { - color: var(--bs-warning-text-emphasis); - font-weight: bold; - font-style: italic; - } - pre code span.dt /* DataType */ { - color: var(--bs-link-hover-color); - } - pre code span.dv /* DecVal */ { - color: var(--bs-primary-text-emphasis); - } - pre code span.er /* Error */ { - color: var(--bs-danger-text-emphasis); - font-weight: bold; - } - - pre code span.fl /* Float */ { - color: var(--bs-primary-text-emphasis); - } - pre code span.fu /* Function */ { - color: #fff; - } - - pre code span.in /* Information */ { - color: var(--bs-warning-text-emphasis); - font-weight: bold; - font-style: italic; - } - pre code span.kw /* Keyword */ { - color: var(--bs-link-hover-color); - font-weight: bold; - } - pre code span.op /* Operator */ { - color: var(--bs-warning-text-emphasis); - font-weight: bold; - } - pre code span.ot /* Other */ { - color: var(--bs-warning-text-emphasis); - } - pre code span.pp /* Preprocessor */ { - color: var(--bs-warning-text-emphasis); - font-style: italic; - } - pre code span.sc /* SpecialChar */ { - color: #fff; - } - pre code span.ss /* SpecialString */ { - color: var(--bs-success-text-emphasis); - } - pre code span.st /* String */ { - color: var(--bs-success-text-emphasis); - } - pre code span.va /* Variable */ { - color: #fff; - } - pre code span.vs /* VerbatimString */ { - color: var(--bs-success-text-emphasis); - } - pre code span.wa /* Warning */ { - color: var(--bs-warning-text-emphasis); - font-weight: bold; - font-style: italic; - } + pre { + background-color: var(--brand-gray_dark); + color: #fff; + } + pre code span.al /* Alert */ { + color: var(--bs-danger-text-emphasis); + } + pre code span.an /* Annotation */ { + color: var(--bs-warning-text-emphasis); + font-weight: bold; + font-style: italic; + } + pre code span.at /* Attribute */ { + color: var(--bs-form-valid-color); + } + pre code span.bn /* BaseN */ { + color: var(--bs-primary-text-emphasis); + } + pre code span.cf /* ControlFlow */ { + color: var(--bs-link-hover-color); + font-weight: bold; + } + pre code span.ch /* Char */ { + color: var(--bs-success-text-emphasis); + } + pre code span.cn /* Constant */ { + color: #fff; + } + pre code span.co /* Comment */ { + color: var(--bs-warning-text-emphasis); + font-style: italic; + } + pre code span.cv /* CommentVar */ { + color: var(--bs-warning-text-emphasis); + font-weight: bold; + font-style: italic; + } + pre code span.do /* Documentation */ { + color: var(--bs-warning-text-emphasis); + font-weight: bold; + font-style: italic; + } + pre code span.dt /* DataType */ { + color: var(--bs-link-hover-color); + } + pre code span.dv /* DecVal */ { + color: var(--bs-primary-text-emphasis); + } + pre code span.er /* Error */ { + color: var(--bs-danger-text-emphasis); + font-weight: bold; + } + + pre code span.fl /* Float */ { + color: var(--bs-primary-text-emphasis); + } + pre code span.fu /* Function */ { + color: #fff; + } + + pre code span.in /* Information */ { + color: var(--bs-warning-text-emphasis); + font-weight: bold; + font-style: italic; + } + pre code span.kw /* Keyword */ { + color: var(--bs-link-hover-color); + font-weight: bold; + } + pre code span.op /* Operator */ { + color: var(--bs-warning-text-emphasis); + font-weight: bold; + } + pre code span.ot /* Other */ { + color: var(--bs-warning-text-emphasis); + } + pre code span.pp /* Preprocessor */ { + color: var(--bs-warning-text-emphasis); + font-style: italic; + } + pre code span.sc /* SpecialChar */ { + color: #fff; + } + pre code span.ss /* SpecialString */ { + color: var(--bs-success-text-emphasis); + } + pre code span.st /* String */ { + color: var(--bs-success-text-emphasis); + } + pre code span.va /* Variable */ { + color: #fff; + } + pre code span.vs /* VerbatimString */ { + color: var(--bs-success-text-emphasis); + } + pre code span.wa /* Warning */ { + color: var(--bs-warning-text-emphasis); + font-weight: bold; + font-style: italic; + } } /* Dark reactable */ [data-bs-theme="dark"] { - .reactable.html-widget { - filter: none !important; - } - - .Reactable { - background-color: var(--bs-body-bg); - color: var(--bs-light); - } - - .rt-sticky, - .rt-tbody, - .rt-tr, - .rt-tr-group { - background-color: inherit; - } - - .rt-table { - border-color: var(--brand-gray_dark); - } - - .rt-th { - border-bottom: 2px solid var(--brand-gray_dark); - border-left-color: var(--brand-gray_dark); - } - - .rt-td { - border-left-color: var(--brand-gray_dark); - border-top: 1px solid var(--brand-gray_dark); - } - - .rt-th-group:after { - background-color: var(--brand-gray_dark); - } - - .rt-tr-striped { - background-color: rgba(0, 0, 0, 0.03); - } - - .rt-tr-striped-sticky { - background-color: var(--brand-gray_dark); - } - - .rt-tr-highlight:hover { - background-color: rgba(0, 0, 0, 0.05); - } - - .rt-tr-highlight-sticky:hover { - background-color: var(--bs-gray); - } - .rt-td-filter { - border-bottom: 1px solid var(--brand-gray_dark); - } - - .rt-filter { - background-color: var(--brand-gray_dark); - border: 1px solid var(--brand-gray_dark); - color: inherit; - } - - .rt-filter:focus { - border: 1px solid var(--brand-gray_dark); - } - - .rt-expander:after { - border-top: 7px solid var(--brand-gray_dark); - } - - .rt-pagination { - border-top: 1px solid var(--brand-gray_dark); - } - - .rt-page-jump, - .rt-page-size-select { - background-color: var(--bs-body-bg); - border: 1px solid var(--brand-gray_dark); - } - - .rt-page-button:hover { - background-color: rgba(0, 0, 0, 0.04); - } - - .rt-page-button:active { - background-color: rgba(0, 0, 0, 0.08); - } - - .rt-keyboard-active .rt-page-button:focus { - background-color: rgba(0, 0, 0, 0.04); - } - - .rt-page-button:disabled:focus, - .rt-page-button:disabled:hover { - background-color: transparent; - } - - .rt-tbody-no-data .rt-td { - border-color: transparent; - } - - .rt-search { - background-color: var(--brand-gray_dark); - border: 1px solid var(--brand-gray_dark); - color: var(--bs-light); - } - - .rt-search:active, - .rt-search:focus { - border: 1px solid var(--brand-gray_dark); - } - - .rt-borderless .rt-td, - .rt-tr-group:first-child > .rt-tr:first-child .rt-td { - border-top-color: var(--brand-gray_dark); - } + .reactable.html-widget { + filter: none !important; + } + + .Reactable { + background-color: var(--bs-body-bg); + color: var(--bs-body-color); + } + + .rt-sticky, + .rt-tbody, + .rt-tr, + .rt-tr-group { + background-color: inherit; + } + + .rt-table { + border-color: var(--brand-gray_dark); + } + + .rt-th { + border-bottom: 2px solid var(--brand-gray_dark); + border-left-color: var(--brand-gray_dark); + } + + .rt-td { + border-left-color: var(--brand-gray_dark); + border-top: 1px solid var(--brand-gray_dark); + } + + .rt-th-group:after { + background-color: var(--brand-gray_dark); + } + + .rt-tr-striped { + background-color: rgba(0, 0, 0, 0.03); + } + + .rt-tr-striped-sticky { + background-color: var(--brand-gray_dark); + } + + .rt-tr-highlight:hover, + .rt-tr-highlight-sticky:hover { + background-color: var(--bs-gray-800); + } + .rt-td-filter { + border-bottom: 1px solid var(--brand-gray_dark); + } + + .rt-filter { + background-color: var(--brand-gray_dark); + border: 1px solid var(--brand-gray_dark); + color: inherit; + } + + .rt-filter:focus { + border: 1px solid var(--brand-gray_dark); + } + + .rt-expander:after { + border-top: 7px solid var(--brand-gray_dark); + } + + .rt-pagination { + border-top: 1px solid var(--brand-gray_dark); + } + + .rt-page-jump, + .rt-page-size-select { + background-color: var(--bs-body-bg); + border: 1px solid var(--brand-gray_dark); + } + + .rt-page-button:hover { + background-color: var(--bs-gray-800); + } + + .rt-page-button:active { + background-color: rgba(0, 0, 0, 0.08); + } + + .rt-keyboard-active .rt-page-button:focus { + background-color: rgba(0, 0, 0, 0.04); + } + + .rt-page-button:disabled:focus, + .rt-page-button:disabled:hover { + background-color: transparent; + } + + .rt-tbody-no-data .rt-td { + border-color: transparent; + } + + .rt-search { + background-color: var(--brand-gray_dark); + border: 1px solid var(--brand-gray_dark); + color: var(--bs-body-color); + } + + .rt-search:active, + .rt-search:focus { + border: 1px solid var(--brand-gray_dark); + } + + .rt-borderless .rt-td, + .rt-tr-group:first-child > .rt-tr:first-child .rt-td { + border-top-color: var(--brand-gray_dark); + } } From 3a7b7181d9be7b2c9000f548caece71da254ddc5 Mon Sep 17 00:00:00 2001 From: "Diego H." Date: Sun, 1 Feb 2026 02:26:45 +0100 Subject: [PATCH 2/3] Try some fixes --- inst/pkgdown/_pkgdown.yml | 4 ++-- inst/pkgdown/assets/BS5/rogtemplate.min.css | 13 +++++++++---- 2 files changed, 11 insertions(+), 6 deletions(-) diff --git a/inst/pkgdown/_pkgdown.yml b/inst/pkgdown/_pkgdown.yml index 223ff5c..854d815 100644 --- a/inst/pkgdown/_pkgdown.yml +++ b/inst/pkgdown/_pkgdown.yml @@ -75,10 +75,10 @@ template: link-decoration: none pkgdown-footer-bg: "#343a40" pkgdown-footer-color: rgba(255, 255, 255, 0.5) - dropdown-bg: "343a40" + dropdown-bg: "#343a40" dropdown-border-color: rgba(255, 255, 255, .1) dropdown-divider-bg: rgba(255, 255, 255, .1) - dropdown-dark-bg: "343a40" + dropdown-dark-bg: "#343a40" dropdown-dark-border-color: rgba(255, 255, 255, .1) dropdown-dark-divider-bg: rgba(255, 255, 255, .1) diff --git a/inst/pkgdown/assets/BS5/rogtemplate.min.css b/inst/pkgdown/assets/BS5/rogtemplate.min.css index d8e9c53..459c979 100644 --- a/inst/pkgdown/assets/BS5/rogtemplate.min.css +++ b/inst/pkgdown/assets/BS5/rogtemplate.min.css @@ -5,6 +5,15 @@ --bs-body-bg: hsla(210, 10%, 25%, 1); } +.dropdown-menu { + --bs-dropdown-bg: var(--brand-gray_dark); + --bs-dropdown-link-active-bg: var(--bs-dropdown-bg); + --bs-dropdown-link-color: var(--bs-navbar-color); + --bs-dropdown-link-hover-color: rgba(255, 255, 255, 0.75); + --bs-dropdown-link-hover-bg: var(--bs-dropdown-bg); + --bs-dropdown-header-color: var(--bs-dropdown-link-hover-color); +} + /* ---Images and captions figure spacing--- */ main img { margin-left: auto; @@ -56,10 +65,6 @@ main img { color: inherit; } -.navbar-toggler { - border: none; -} - /* --- Search ---*/ .algolia-autocomplete .aa-dropdown-menu { color: var(--bs-body-color); From c456e8587bc4ec174ea172ef5b62fb4263953569 Mon Sep 17 00:00:00 2001 From: "Diego H." Date: Sun, 1 Feb 2026 02:46:37 +0100 Subject: [PATCH 3/3] Blockquotes and links --- inst/pkgdown/_pkgdown.yml | 1 + inst/pkgdown/assets/BS5/rogtemplate.min.css | 8 +++++--- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/inst/pkgdown/_pkgdown.yml b/inst/pkgdown/_pkgdown.yml index 854d815..df0463a 100644 --- a/inst/pkgdown/_pkgdown.yml +++ b/inst/pkgdown/_pkgdown.yml @@ -81,6 +81,7 @@ template: dropdown-dark-bg: "#343a40" dropdown-dark-border-color: rgba(255, 255, 255, .1) dropdown-dark-divider-bg: rgba(255, 255, 255, .1) + blockquote-border-color: transparent footer: structure: diff --git a/inst/pkgdown/assets/BS5/rogtemplate.min.css b/inst/pkgdown/assets/BS5/rogtemplate.min.css index 459c979..eadc66e 100644 --- a/inst/pkgdown/assets/BS5/rogtemplate.min.css +++ b/inst/pkgdown/assets/BS5/rogtemplate.min.css @@ -195,13 +195,10 @@ footer .pkgdown-footer-left { /* ---Code--- */ code a:any-link { - text-decoration: underline; - text-decoration-color: var(--brand-code); background-color: transparent !important; } a > code { - text-decoration: underline; color: var(--brand-code); } @@ -219,6 +216,11 @@ code { } /* Highlighter based in tango for dark theme */ +pre code a { + text-decoration: underline; + text-decoration-color: var(--brand-code); +} + pre { border: none; }