dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-06 21:49:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

update menu colour var mapping

Browse Source
This commit is contained in:
dragonwocky 2021-11-06 11:07:45 +11:00
parent f1705d97fb
commit b91ce6f56c
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
repo/menu/notifications.mjs
View File

@ -105,8 +105,10 @@ export const $changelogModal = web.render(
</p> </p>
<p class="mt-1"> <p class="mt-1">
p.s. maintaining and updating the enhancer takes a lot of time and work. p.s. maintaining and updating the enhancer takes a lot of time and work.
if you would like to support future development of the enhancer, please consider if you would like to support future development of the enhancer,
<a href="https://buy.stripe.com/00gdR93R6csIgDKeUV" class="link" target="_blank">making a donation</a>. <a href="https://buy.stripe.com/00gdR93R6csIgDKeUV" class="important-link" target="_blank">
please consider making a donation
</a></span>.
</p> </p>
<h3 class="modal-content-heading">license</h3> <h3 class="modal-content-heading">license</h3>
<p> <p>

13
repo/menu/styles.mjs
View File

@ -16,12 +16,14 @@ const mapColorVariables = (color) => ({
'text': `var(--theme--text_${color})`, 'text': `var(--theme--text_${color})`,
'highlight': `var(--theme--highlight_${color})`, 'highlight': `var(--theme--highlight_${color})`,
'highlight-text': `var(--theme--highlight_${color}-text)`, 'highlight-text': `var(--theme--highlight_${color}-text)`,
'paragraph': `var(--theme--paragraph_${color})`, 'callout': `var(--theme--callout_${color})`,
'paragraph-text': `var(--theme--paragraph_${color}-text)`, 'callout-text': `var(--theme--callout_${color}-text)`,
'tag': `var(--theme--tag_${color})`, 'tag': `var(--theme--tag_${color})`,
'tag-text': `var(--theme--tag_${color}-text)`, 'tag-text': `var(--theme--tag_${color}-text)`,
'block': `var(--theme--block_${color})`, 'board': `var(--theme--board_${color})`,
'block-text': `var(--theme--block_${color}-text)`, 'board-text': `var(--theme--board_${color}-text)`,
'board-card': `var(--theme--board_${color}-card)`,
'board-card_text': `var(--theme--board_${color}-card_text)`,
}); });
const customClasses = { const customClasses = {
@ -91,7 +93,8 @@ const customClasses = {
'file-latest': apply`block w-full text-left text-foreground-secondary text-xs mt-2 hover:line-through cursor-pointer`, 'file-latest': apply`block w-full text-left text-foreground-secondary text-xs mt-2 hover:line-through cursor-pointer`,
'search-container': apply`block mx-2.5 my-2.5 relative`, 'search-container': apply`block mx-2.5 my-2.5 relative`,
'search': apply`input pr-12`, 'search': apply`input pr-12`,
'danger': apply`bg-red-paragraph text-red-paragraph-text`, 'important-link': apply`text-accent-red border-b border-accent-red opacity-80 hover:opacity-100`,
'danger': apply`text-red-text`,
'link': apply`no-underline border-b border-foreground-secondary opacity-70 hover:opacity-90`, 'link': apply`no-underline border-b border-foreground-secondary opacity-70 hover:opacity-90`,
'modal': apply`fixed z-10 inset-0 overflow-y-auto min-h-screen text-center 'modal': apply`fixed z-10 inset-0 overflow-y-auto min-h-screen text-center
ease-out duration-300 transition-opacity opacity-0 pointer-events-none`, ease-out duration-300 transition-opacity opacity-0 pointer-events-none`,