diff --git a/theme.css b/theme.css index 6dc82f4..63e8a21 100644 --- a/theme.css +++ b/theme.css @@ -60,6 +60,14 @@ body { --progress-color-4: #b0c07e; --progress-color-5: #768399; + --strong-gradient-color-1: #87c2fd; + --strong-gradient-color-2: #dcb9fc; + --strong-gradient-aurora: linear-gradient(62deg, #87c2fd, #dcb9fc); + --strong-gradient-fleet: linear-gradient(62deg, #6E90F1, #9ECFEF); + --strong-gradient-snippetslab: linear-gradient(62deg, #29aee9, #28dac9); + --strong-gradient-custom: linear-gradient(62deg, var(--strong-gradient-color-1), var(--strong-gradient-color-2)); + --strong-gradient: var(--strong-gradient-aurora); + /* Font families */ --font-text-theme: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Inter, Ubuntu, sans-serif; @@ -328,6 +336,16 @@ body:not(.default-font-color) span:not(.cm-highlight).cm-strong { color: var(--strong-color); } +/* Fancy bold font */ +body.fancy-bold:not(.default-font-color) strong, +body.fancy-bold:not(.default-font-color) span:not(.cm-highlight).cm-strong { + padding-right: 0.1em; + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-image: var(--strong-gradient); +} + /* Italics */ body:not(.default-font-color) em, body:not(.default-font-color) span:not(.cm-highlight).cm-em { @@ -438,7 +456,7 @@ body.fancy-code } body.fancy-code - .HyperMD-codeblock.cm-line:not( + .HyperMD-codeblock.HyperMD-codeblock-bg.cm-line:not( .HyperMD-codeblock-begin, .HyperMD-codeblock-end ) { @@ -1265,6 +1283,44 @@ settings: type: class-toggle default: false - + id: fancy-bold + title: Fancy bold font + description: Enable fancy gradient bold font + type: class-toggle + - + title: Fancy bold font theme + description: Change gradient bold font theme + id: strong-gradient + type: variable-select + default: var(--strong-gradient-aurora) + options: + - + label: Aurora + value: var(--strong-gradient-aurora) + - + label: Fleet + value: var(--strong-gradient-fleet) + - + label: SnippetsLab + value: var(--strong-gradient-snippetslab) + - + label: Custom + value: var(--strong-gradient-custom) + - + id: strong-gradient-color-1 + title: Blod font graident color 1 + type: variable-color + opacity: false + format: hex + default: '#87c2fd' + - + id: strong-gradient-color-2 + title: Blod font graident color 2 + type: variable-color + opacity: false + format: hex + default: '#dcb9fc' + - title: Disable Kanban board styles description: Remove minimalist styling to the Kanban plugin id: no-kanban-styles