mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-04 12:49:03 +00:00
feat: --theme--bg-overlay variable, style menu modal w/ variables
This commit is contained in:
parent
c1480c3840
commit
53362a4cee
GPG Key ID:
7998D08F7D7BD7A8
@ -333,7 +333,8 @@ const generateBackgroundStyles = () => {
|
||||
...(darkMode
|
||||
? ["rgba(255, 255, 255, 0.0", "rgb(47, 47, 47)"]
|
||||
: ["rgb(253, 253, 253)", "rgb(15, 15, 15)"]),
|
||||
]);
|
||||
]),
|
||||
bgOverlay = darkMode ? "rgba(15, 15, 15, 0.8)" : "rgba(15, 15, 15, 0.6)";
|
||||
for (const el of document.querySelectorAll(
|
||||
'[style*="background:"], [style*="background-color:"]'
|
||||
)) {
|
||||
@ -350,6 +351,7 @@ const generateBackgroundStyles = () => {
|
||||
cssRoot += `
|
||||
--theme--bg-primary: ${defaultPrimary};
|
||||
--theme--bg-secondary: ${defaultSecondary};
|
||||
--theme--overlay-shadow: ${bgOverlay};
|
||||
`;
|
||||
const mapBgToSelectors = (colorVal) =>
|
||||
`.notion-body${modeSelector} [style*="background:${colorVal}"],
|
||||
@ -360,7 +362,8 @@ const generateBackgroundStyles = () => {
|
||||
${[...bgPrimary].map(mapBgToSelectors).join(", ")} {
|
||||
background: var(--theme--bg-primary, ${defaultPrimary}) !important;
|
||||
}
|
||||
.notion-body${modeSelector} .notion-focusable-within [style*="background"],
|
||||
.notion-body${modeSelector} .notion-focusable-within
|
||||
[style*="background"]:not([style*="background: none"]),
|
||||
${[...bgSecondary].map(mapBgToSelectors).join(", ")} {
|
||||
background: var(--theme--bg-secondary, ${defaultSecondary}) !important;
|
||||
}
|
||||
@ -376,6 +379,10 @@ const generateBackgroundStyles = () => {
|
||||
background-image: linear-gradient(to right,
|
||||
var(--theme--bg-primary, ${defaultPrimary}) 20%, transparent 100%) !important;
|
||||
}
|
||||
.notion-body${modeSelector} .notion-overlay-container
|
||||
[data-overlay] > div > [style*="position: absolute"]:first-child {
|
||||
background: var(--theme--overlay-shadow, ${bgOverlay}) !important;
|
||||
}
|
||||
`;
|
||||
|
||||
// hovered elements, inputs and unchecked toggle backgrounds
|
||||
@ -662,7 +669,8 @@ const generateScrollbarStyles = () => {
|
||||
--theme--scrollbar-thumb: ${scrollbarThumb};
|
||||
--theme--scrollbar-thumb_hover: ${scrollbarThumbHover};`;
|
||||
cssBody += `
|
||||
.notion-body${modeSelector} ::-webkit-scrollbar-track {
|
||||
.notion-body${modeSelector} ::-webkit-scrollbar-track,
|
||||
.notion-body${modeSelector} ::-webkit-scrollbar-corner {
|
||||
background: var(--theme--scrollbar-track, ${scrollbarTrack}) !important;
|
||||
}
|
||||
.notion-body${modeSelector} ::-webkit-scrollbar-thumb {
|
||||
|
||||
@ -4,6 +4,7 @@
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
@import url("./variables.css");
|
||||
@import url("./theme.css");
|
||||
|
||||
.notion-enhancer--menu-button {
|
||||
@ -17,7 +18,7 @@
|
||||
padding: 2px 10px;
|
||||
}
|
||||
.notion-enhancer--menu-button:hover {
|
||||
background: rgba(255, 255, 255, 0.055);
|
||||
background: var(--theme--bg-hover);
|
||||
}
|
||||
.notion-enhancer--menu-button > :nth-child(1) {
|
||||
display: flex;
|
||||
@ -37,6 +38,8 @@
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: opacity 100ms ease-in;
|
||||
/* style="display:none" is set to prevent pop-in fouc */
|
||||
display: auto !important;
|
||||
}
|
||||
.notion-enhancer--menu-modal[data-open="true"] {
|
||||
pointer-events: auto;
|
||||
@ -45,7 +48,7 @@
|
||||
.notion-enhancer--menu-modal > :nth-child(1) {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: rgba(15, 15, 15, 0.8);
|
||||
background: var(--theme--bg-overlay);
|
||||
}
|
||||
.notion-enhancer--menu-modal > :nth-child(2) {
|
||||
position: fixed;
|
||||
@ -58,7 +61,7 @@
|
||||
pointer-events: none;
|
||||
}
|
||||
.notion-enhancer--menu-modal > :nth-child(2) > iframe {
|
||||
background: rgb(32, 32, 32);
|
||||
background: var(--theme--bg-secondary);
|
||||
box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px,
|
||||
rgba(15, 15, 15, 0.2) 0px 5px 10px, rgba(15, 15, 15, 0.4) 0px 15px 40px;
|
||||
border-radius: 5px;
|
||||
|
||||
@ -15,8 +15,11 @@ export default async () => {
|
||||
menuButtonIconStyle === "monochrome" ? "?mask" : " text-[16px]"
|
||||
}`;
|
||||
|
||||
const modalBackground = html`<div class="notion-enhancer--menu-modal">
|
||||
<div onclick=${() => modalBackground.removeAttribute("data-open")}></div>
|
||||
const menuModal = html`<div
|
||||
class="notion-enhancer--menu-modal"
|
||||
style="display:none"
|
||||
>
|
||||
<div onclick=${() => menuModal.removeAttribute("data-open")}></div>
|
||||
<div>
|
||||
<iframe
|
||||
title="notion-enhancer menu"
|
||||
@ -24,16 +27,14 @@ export default async () => {
|
||||
></iframe>
|
||||
</div>
|
||||
</div>`;
|
||||
document.body.append(modalBackground);
|
||||
document.body.append(menuModal);
|
||||
|
||||
const notionSidebar = `.notion-sidebar-container .notion-sidebar > :nth-child(3) > div > :nth-child(2)`,
|
||||
menuButton = html`<div
|
||||
tabindex="0"
|
||||
role="button"
|
||||
class="notion-enhancer--menu-button"
|
||||
onclick=${() => {
|
||||
modalBackground.dataset.open = true;
|
||||
}}
|
||||
onclick=${() => menuModal.setAttribute("data-open", true)}
|
||||
>
|
||||
<div><i class=${icon}></i></div>
|
||||
<div>notion-enhancer</div>
|
||||
|
||||
1997
src/core/theme.css
1997
src/core/theme.css
File diff suppressed because one or more lines are too long
@ -1,253 +0,0 @@
|
||||
/**
|
||||
* notion-enhancer: theming
|
||||
* (c) 2021 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* (https://notion-enhancer.github.io/) under the MIT license
|
||||
*/
|
||||
|
||||
/** layout **/
|
||||
|
||||
.notion-frame
|
||||
> .notion-scroller.vertical.horizontal
|
||||
> .pseudoSelection
|
||||
> div
|
||||
> div:nth-child(3)[style*='width: 900px'],
|
||||
.notion-frame
|
||||
> .notion-scroller.vertical.horizontal
|
||||
> .pseudoSelection
|
||||
+ div
|
||||
> :nth-child(1)[style*='width: 900px'],
|
||||
.notion-frame
|
||||
> .notion-scroller.vertical.horizontal
|
||||
> :nth-child(2)
|
||||
> :nth-child(2)[style*='display: flex; width: 100%; justify-content: center;']
|
||||
> :nth-child(1)[style*='width: 900px'] {
|
||||
width: var(--theme--page-width) !important;
|
||||
}
|
||||
.notion-frame
|
||||
> .notion-scroller.vertical.horizontal
|
||||
> .pseudoSelection
|
||||
> div
|
||||
> div:nth-child(3):not([style*='width: 900px']),
|
||||
.notion-frame
|
||||
> .notion-scroller.vertical.horizontal
|
||||
> .pseudoSelection
|
||||
+ div
|
||||
> :nth-child(1):not([style*='width: 900px']),
|
||||
.notion-frame
|
||||
> .notion-scroller.vertical.horizontal
|
||||
> :nth-child(2)
|
||||
> :nth-child(2)[style*='display: flex; width: 100%; justify-content: center;']
|
||||
> :nth-child(1):not([style*='width: 900px']) {
|
||||
width: var(--theme--page-width_full) !important;
|
||||
}
|
||||
.notion-page-content [style*='width: 100%; max-width:'][style*='align-self: center;'] {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
.notion-frame [style*='padding-right: calc(96px + env(safe-area-inset-right));'] {
|
||||
padding-right: var(--theme--page-padding) !important;
|
||||
}
|
||||
.notion-frame [style*='padding-left: calc(96px + env(safe-area-inset-left));'] {
|
||||
padding-left: var(--theme--page-padding) !important;
|
||||
}
|
||||
[style^='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 30vh;'],
|
||||
[style^='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 30vh;']
|
||||
img {
|
||||
height: var(--theme--page_banner-height) !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.notion-peek-renderer > :nth-child(2) {
|
||||
max-width: var(--theme--page_preview-width) !important;
|
||||
}
|
||||
.notion-peek-renderer
|
||||
.notion-scroller.vertical
|
||||
[style*='padding-left: calc(126px + env(safe-area-inset-left));'] {
|
||||
padding-left: var(--theme--page_preview-padding) !important;
|
||||
}
|
||||
.notion-peek-renderer
|
||||
.notion-scroller.vertical
|
||||
[style*='padding-right: calc(126px + env(safe-area-inset-right));'] {
|
||||
padding-right: var(--theme--page_preview-padding) !important;
|
||||
}
|
||||
.notion-peek-renderer
|
||||
.notion-scroller.vertical
|
||||
[style*='margin-left: calc(126px + env(safe-area-inset-left));'] {
|
||||
margin-left: var(--theme--page_preview-padding) !important;
|
||||
}
|
||||
.notion-peek-renderer
|
||||
.notion-scroller.vertical
|
||||
[style*='margin-right: calc(126px + env(safe-area-inset-right));'] {
|
||||
margin-right: var(--theme--page_preview-padding) !important;
|
||||
}
|
||||
.notion-peek-renderer .notion-page-content {
|
||||
padding-left: var(--theme--page_preview-padding) !important;
|
||||
padding-right: var(--theme--page_preview-padding) !important;
|
||||
width: 100%;
|
||||
}
|
||||
.notion-peek-renderer
|
||||
.notion-scroller.vertical
|
||||
[style*='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 20vh;'],
|
||||
.notion-peek-renderer
|
||||
.notion-scroller.vertical
|
||||
[style*='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 20vh;']
|
||||
img {
|
||||
height: var(--theme--page_preview_banner-height) !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.notion-topbar-action-buttons {
|
||||
width: auto !important;
|
||||
}
|
||||
.notion-cursor-listener > [style*='z-index: 102'] {
|
||||
z-index: 99 !important;
|
||||
}
|
||||
|
||||
/* typography */
|
||||
|
||||
[style*='Segoe UI'] {
|
||||
font-family: var(--theme--font_sans) !important;
|
||||
}
|
||||
[style*='Georgia'] {
|
||||
font-family: var(--theme--font_serif) !important;
|
||||
}
|
||||
[style*='iawriter-mono'] {
|
||||
font-family: var(--theme--font_mono) !important;
|
||||
}
|
||||
[style*='SFMono-Regular'] {
|
||||
font-family: var(--theme--font_code) !important;
|
||||
}
|
||||
|
||||
/** remove white pixels in iframe corners **/
|
||||
|
||||
.notion-page-content iframe {
|
||||
border-radius: 0px !important;
|
||||
}
|
||||
|
||||
/** scrollbars **/
|
||||
|
||||
::-webkit-scrollbar-track,
|
||||
::-webkit-scrollbar-corner {
|
||||
background: var(--theme--scrollbar_track) !important;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: var(--theme--scrollbar_thumb) !important;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: var(--theme--scrollbar_thumb-hover) !important;
|
||||
}
|
||||
|
||||
/** consistent corner button styling **/
|
||||
|
||||
.notion-overlay-container
|
||||
[style*='border-radius: 3px;'][style*='position: relative; max-width: calc(100vw - 24px); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; overflow: hidden;'][style*='padding: 4px 8px; font-size: 12px; line-height: 1.4; font-weight: 500;'] {
|
||||
background: var(--theme--ui_tooltip) !important;
|
||||
box-shadow: var(--theme--ui_shadow) 0px 1px 4px !important;
|
||||
color: var(--theme--ui_tooltip-title) !important;
|
||||
}
|
||||
.notion-overlay-container
|
||||
[style*='border-radius: 3px;'][style*='position: relative; max-width: calc(100vw - 24px); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; overflow: hidden;'][style*='padding: 4px 8px; font-size: 12px; line-height: 1.4; font-weight: 500;']
|
||||
[style*='color: '] {
|
||||
color: var(--theme--ui_tooltip-description) !important;
|
||||
}
|
||||
.onboarding-checklist-button > .graduationCap + .notion-focusable {
|
||||
background: var(--theme--ui_tooltip) !important;
|
||||
}
|
||||
.onboarding-checklist-button .closeSmall {
|
||||
fill: var(--theme--ui_tooltip-title) !important;
|
||||
}
|
||||
.graduationCap {
|
||||
fill: var(--theme--icon) !important;
|
||||
}
|
||||
.notion-help-button,
|
||||
.onboarding-checklist-button {
|
||||
opacity: 1 !important;
|
||||
color: var(--theme--icon);
|
||||
fill: var(--theme--icon);
|
||||
background: var(--theme--ui_corner_action) !important;
|
||||
box-shadow: var(--theme--ui_shadow, rgba(15, 15, 15, 0.15)) 0px 0px 0px 1px,
|
||||
var(--theme--ui_shadow, rgba(15, 15, 15, 0.15)) 0px 2px 4px !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
.notion-help-button:hover,
|
||||
.onboarding-checklist-button:hover {
|
||||
background: var(--theme--ui_corner_action-hover) !important;
|
||||
}
|
||||
.notion-help-button:active,
|
||||
.onboarding-checklist-button:active {
|
||||
background: var(--theme--ui_corner_action-active) !important;
|
||||
}
|
||||
|
||||
/* backgrounds */
|
||||
|
||||
[style*='height: calc(100% + 17px); background:'][style*='width: 20px; margin-left: -20px; margin-top: -17px;'],
|
||||
.notion-board-view .notion-focusable[role='button'][style*='height: 33px; width: 35px'],
|
||||
.notion-board-view
|
||||
> :first-child
|
||||
> :first-child
|
||||
> :last-child[style*='background'][style*='margin-left: 20px'],
|
||||
.notion-discussion-input > div > div[style*='background'],
|
||||
.notion-body.dark
|
||||
.notion-default-overlay-container
|
||||
[style*='grid-template-columns: [boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end];']
|
||||
[style*='grid-column: property-start / value-end; background: rgba(255, 255, 255, 0.02);'],
|
||||
.notion-body:not(.dark)
|
||||
.notion-default-overlay-container
|
||||
[style*='grid-template-columns: [boolean-start] 60px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end];']
|
||||
[style*='grid-column: property-start / value-end; background: rgba(0, 0, 0, 0.02);'],
|
||||
.notion-board-view [style*='width: 20px; margin-left: -20px; margin-top: -8px;'],
|
||||
.notion-page-block > div > div > div[style*='background-color: white;'],
|
||||
.line-numbers.notion-code-block + div .notion-focusable:not(:hover),
|
||||
.notion-overlay-container
|
||||
[style*='position: relative; max-width: calc(100vw - 24px); box-shadow:']
|
||||
> [style*='display: flex; align-items: center; padding: 8px 10px; width: 100%; background:'],
|
||||
.notion-default-overlay-container
|
||||
> div:nth-child(3)
|
||||
> div
|
||||
> div:nth-child(2)
|
||||
> div:nth-child(2)
|
||||
> div
|
||||
> div
|
||||
> div
|
||||
> div
|
||||
> div
|
||||
> div:nth-child(2)[style*='position: absolute; display: inline-flex; min-width: 100%; height: 32px; z-index: 1; background:'],
|
||||
.notion-default-overlay-container
|
||||
> div:nth-child(2)
|
||||
> div
|
||||
> div:nth-child(2)
|
||||
> div:nth-child(2)
|
||||
> div
|
||||
> div
|
||||
> div
|
||||
> div
|
||||
> div
|
||||
> div:nth-child(2)[style*='position: absolute; display: inline-flex; min-width: 100%; height: 32px; z-index: 1; background:'],
|
||||
.notion-frame .notion-scroller[style*='background:'],
|
||||
.notion-page-template-modal .notion-scroller[style*='background:'],
|
||||
.notion-peek-renderer .notion-scroller[style*='background:'],
|
||||
.notion-frame > div > div > div[style*='max-width: 100%'][style*='background-color'],
|
||||
.notion-peek-renderer
|
||||
> div
|
||||
> .notion-scroller
|
||||
> div
|
||||
> div[style*='max-width: 100%'][style*='background-color'],
|
||||
.notion-page-template-modal
|
||||
> div
|
||||
> .notion-scroller
|
||||
> div
|
||||
> div[style*='max-width: 100%'][style*='background-color'],
|
||||
.notion-selectable.notion-collection_view-block
|
||||
.notion-board-view
|
||||
> .notion-selectable.notion-collection_view-block
|
||||
> :first-child
|
||||
> [style*='width: 20px'],
|
||||
.notion-body.dark
|
||||
[style*='background: linear-gradient(rgba(47, 52, 55, 0) 0px, rgb(47, 52, 55) 10px, rgb(47, 52, 55) 100%);'],
|
||||
.notion-body:not(.dark)
|
||||
[style*='background: linear-gradient(rgba(255, 255, 255, 0) 0px, white 10px, white 100%);'],
|
||||
.notion-body.dark .notion-collection_view_page-block [style*='background: rgb(47, 52, 55);'],
|
||||
.notion-body:not(.dark)
|
||||
.notion-collection_view_page-block
|
||||
[style*='background: white;']:not([style*='box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px;']) {
|
||||
background: transparent !important;
|
||||
}
|
||||
@ -14,6 +14,7 @@ body.dark {
|
||||
--theme--font-mono: iawriter-mono, Nitti, Menlo, Courier, monospace;
|
||||
--theme--font-code: SFMono-Regular, Consolas, "Liberation Mono", Menlo,
|
||||
Courier, monospace;
|
||||
|
||||
--theme--fg-primary: rgba(255, 255, 255, 0.81);
|
||||
--theme--fg-secondary: rgb(155, 155, 155);
|
||||
--theme--fg-border: rgb(47, 47, 47);
|
||||
@ -26,8 +27,10 @@ body.dark {
|
||||
--theme--fg-purple: rgb(157, 104, 211);
|
||||
--theme--fg-pink: rgb(209, 87, 150);
|
||||
--theme--fg-red: rgb(223, 84, 82);
|
||||
|
||||
--theme--bg-primary: rgb(25, 25, 25);
|
||||
--theme--bg-secondary: rgb(32, 32, 32);
|
||||
--theme--bg-overlay: rgba(15, 15, 15, 0.6);
|
||||
--theme--bg-hover: rgba(255, 255, 255, 0.055);
|
||||
--theme--bg-light_gray: rgb(55, 55, 55);
|
||||
--theme--bg-gray: rgb(90, 90, 90);
|
||||
@ -49,6 +52,7 @@ body.dark {
|
||||
--theme--bg_dim-purple: rgb(31, 29, 33);
|
||||
--theme--bg_dim-pink: rgb(35, 28, 31);
|
||||
--theme--bg_dim-red: rgb(36, 30, 29);
|
||||
|
||||
--theme--accent-primary: rgb(35, 131, 226);
|
||||
--theme--accent-primary_hover: rgb(0, 117, 211);
|
||||
--theme--accent-primary_contrast: rgb(255, 255, 255);
|
||||
@ -56,9 +60,11 @@ body.dark {
|
||||
--theme--accent-secondary: rgb(235, 87, 87);
|
||||
--theme--accent-secondary_contrast: rgb(255, 255, 255);
|
||||
--theme--accent-secondary_transparent: rgba(235, 87, 87, 0.1);
|
||||
|
||||
--theme--scrollbar-track: rgba(202, 204, 206, 0.04);
|
||||
--theme--scrollbar-thumb: #474c50;
|
||||
--theme--scrollbar-thumb_hover: rgba(202, 204, 206, 0.3);
|
||||
|
||||
--theme--code-inline_fg: #eb5757;
|
||||
--theme--code-inline_bg: rgba(135, 131, 120, 0.15);
|
||||
--theme--code-block_fg: rgba(255, 255, 255, 0.81);
|
||||
@ -105,6 +111,7 @@ body:not(.dark) {
|
||||
--theme--font-mono: iawriter-mono, Nitti, Menlo, Courier, monospace;
|
||||
--theme--font-code: SFMono-Regular, Consolas, "Liberation Mono", Menlo,
|
||||
Courier, monospace;
|
||||
|
||||
--theme--fg-primary: rgb(55, 53, 47);
|
||||
--theme--fg-secondary: rgba(25, 23, 17, 0.6);
|
||||
--theme--fg-border: rgb(233, 233, 231);
|
||||
@ -117,8 +124,10 @@ body:not(.dark) {
|
||||
--theme--fg-purple: rgb(144, 101, 176);
|
||||
--theme--fg-pink: rgb(193, 76, 138);
|
||||
--theme--fg-red: rgb(212, 76, 71);
|
||||
|
||||
--theme--bg-primary: rgb(255, 255, 255);
|
||||
--theme--bg-secondary: rgb(251, 251, 250);
|
||||
--theme--bg-overlay: rgba(15, 15, 15, 0.6);
|
||||
--theme--bg-hover: rgba(55, 53, 47, 0.08);
|
||||
--theme--bg-light_gray: rgba(227, 226, 224, 0.5);
|
||||
--theme--bg-gray: rgb(227, 226, 224);
|
||||
@ -140,6 +149,7 @@ body:not(.dark) {
|
||||
--theme--bg_dim-purple: rgba(249, 246, 252, 0.7);
|
||||
--theme--bg_dim-pink: rgba(251, 245, 251, 0.7);
|
||||
--theme--bg_dim-red: rgba(253, 245, 243, 0.7);
|
||||
|
||||
--theme--accent-primary: rgb(35, 131, 226);
|
||||
--theme--accent-primary_hover: rgb(0, 117, 211);
|
||||
--theme--accent-primary_contrast: rgb(255, 255, 255);
|
||||
@ -147,9 +157,11 @@ body:not(.dark) {
|
||||
--theme--accent-secondary: rgb(235, 87, 87);
|
||||
--theme--accent-secondary_contrast: rgb(255, 255, 255);
|
||||
--theme--accent-secondary_transparent: rgba(235, 87, 87, 0.1);
|
||||
|
||||
--theme--scrollbar-track: #edece9;
|
||||
--theme--scrollbar-thumb: #d3d1cb;
|
||||
--theme--scrollbar-thumb_hover: #aeaca6;
|
||||
|
||||
--theme--code-inline_fg: #eb5757;
|
||||
--theme--code-inline_bg: rgba(135, 131, 120, 0.15);
|
||||
--theme--code-block_fg: rgb(55, 53, 47);
|
||||
|
||||
Loading…
Reference in New Issue
Block a user