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

contributing guide, css transitions, bg of account picker

Browse Source
This commit is contained in:
dragonwocky 2020-08-20 10:08:29 +10:00
parent 4ad8a9446b
commit 48eba9b956
7 changed files with 87 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
repo/core/css/dark.css
View File

@ -41,7 +41,8 @@
/** databases **/
.dark [style*='background: rgb(63, 68, 71)'] {
.dark [style*='background: rgb(63, 68, 71)'],
.dark [style*='background-color: rgb(64, 68, 71);'] {
background: var(--theme--card) !important;
}
.dark
@ -85,7 +86,10 @@
.dark [style*='box-shadow: rgba(55, 53, 47, 0.09) 0px -1px 0px'] {
box-shadow: var(--theme--table-border) 0px -1px 0px !important;
}
.dark [style*='border-left: 1px solid rgba(255, 255, 255,'] {
.dark [style*='border-left: 1px solid rgba(255, 255, 255,'],
.dark
.notion-block-permission-settings-public-access
[role='button'][style*='border-left: none'] {
border-left: 1px solid var(--theme--table-border) !important;
}
.dark [style*='box-shadow: rgba(255, 255, 255, 0.14) 0px 1px 0px inset'] {
@ -134,10 +138,6 @@
.dark [style*='box-shadow: rgb(46, 170, 220) 0px 0px 0px 2px inset'] {
box-shadow: var(--theme--primary) 0px 0px 0px 2px inset !important;
}
.dark .notion-focusable:focus-within {
box-shadow: var(--theme--primary) 0px 0px 0px 1px inset,
var(--theme--primary_hover) 0px 0px 0px 2px !important;
}
.dark [style*='background: rgb(6, 156, 205)'] {
background: var(--theme--primary_hover) !important;
}

4
repo/core/css/light.css
View File

@ -152,10 +152,6 @@
[style*='box-shadow: rgb(46, 170, 220) 0px 0px 0px 2px inset'] {
box-shadow: var(--theme--primary) 0px 0px 0px 2px inset !important;
}
.notion-body:not(.dark) .notion-focusable:focus-within {
box-shadow: var(--theme--primary) 0px 0px 0px 1px inset,
var(--theme--primary_hover) 0px 0px 0px 2px !important;
}
.notion-body:not(.dark) [style*='background: rgb(6, 156, 205)'] {
background: var(--theme--primary_hover) !important;
}

8
repo/core/css/shared.css
View File

@ -9,7 +9,13 @@
@import './localised.css';
/* colour help button - one of the few specific classes it does give us */
/* inputs */
.notion-focusable:focus-within {
/* var(--theme--primary) 0px 0px 0px 1px inset, */
box-shadow: var(--theme--primary_hover) 0px 0px 0px 2px !important;
}
/* colour help button - one of the few specific classes notion does give us */
.notion-help-button {
background: var(--theme--interactive_hover) !important;
box-shadow: 0 0 0 0.5px var(--theme--interactive_hover-border) !important;

5
repo/gameish/styles.css
View File

@ -121,9 +121,10 @@
--theme_dark--code_attr-value: hsl(350, 40%, 70%); */
}
.notion-scroller.vertical.horizontal
.notion-dark-theme
.notion-scroller.vertical.horizontal
.notion-table-view
.notion-selectable.notion-collection_view-block
> :first-child {
background: var(--theme_dark--card) !important;
background: var(--theme--card) !important;
}

12
repo/neutral/styles.css
View File

@ -143,20 +143,24 @@
} */
/* increase page width */
.notion-frame .notion-scroller [style*='width: 900px;'] {
.notion-dark-theme .notion-frame .notion-scroller [style*='width: 900px;'] {
width: 1000px !important;
}
/* add space at the bottom of the main frame when sidebar is hidden
* -- matches space at top for titlebar */
.notion-frame {
.notion-dark-theme .notion-frame {
transition: height 300ms ease 0s;
}
.notion-sidebar-container[style*='width: 0px;'] + .notion-frame {
.notion-dark-theme
.notion-sidebar-container[style*='width: 0px;']
+ .notion-frame {
height: calc(100vh - 40px) !important;
}
/* hide sidebar "new page" button */
.notion-sidebar > [style*='flex: 0 0 auto; margin-top: auto;'] {
.notion-dark-theme
.notion-sidebar
> [style*='flex: 0 0 auto; margin-top: auto;'] {
display: none !important;
}

2
repo/pastel-dark/mod.js
View File

@ -11,7 +11,7 @@ module.exports = {
id: '033bff54-50ba-4cec-bdc0-b2ca7e307085',
tags: ['theme', 'dark'],
name: 'pastel dark',
desc: 'a true dark theme with a hint of pastel.',
desc: 'a smooth-transition true dark theme with a hint of pastel.',
version: '0.1.0',
author: {
name: 'zenith_illinois',

69
repo/pastel-dark/styles.css
View File

@ -120,19 +120,74 @@
--theme_dark--code_attr-value: var(--theme_dark--text_orange);
}
img[src*='/images/onboarding/use-case-note.png'],
img[src*='/images/onboarding/team-features-illustration.png'] {
.notion-dark-theme img[src*='/images/onboarding/use-case-note.png'],
.notion-dark-theme
img[src*='/images/onboarding/team-features-illustration.png'] {
filter: invert(1) !important;
}
img[src*='/images/onboarding/checked.svg'] {
.notion-dark-theme img[src*='/images/onboarding/checked.svg'] {
filter: hue-rotate(45deg) !important;
}
img[style*='display: block; object-fit: cover; border-radius: 100%; width: 90px; height: 90px;']:hover,
img[style*='display: block; object-fit: cover; border-radius: 3px; width: 56.832px; height: 56.832px; transition: opacity 100ms ease-out 0s;']:hover {
.notion-dark-theme
img[style*='display: block; object-fit: cover; border-radius: 100%; width: 90px; height: 90px;'],
.notion-dark-theme
img[style*='display: block; object-fit: cover; border-radius: 3px; width: 56.832px; height: 56.832px; transition: opacity 100ms ease-out 0s;'] {
transition: filter 0.4s ease !important;
}
.notion-dark-theme
img[style*='display: block; object-fit: cover; border-radius: 100%; width: 90px; height: 90px;']:hover,
.notion-dark-theme
img[style*='display: block; object-fit: cover; border-radius: 3px; width: 56.832px; height: 56.832px; transition: opacity 100ms ease-out 0s;']:hover {
filter: brightness(1.2);
}
[style*='font-family: iawriter-mono, Nitti, Menlo, Courier, monospace;'] {
.notion-dark-theme
[style*='font-family: iawriter-mono, Nitti, Menlo, Courier, monospace;'] {
filter: hue-rotate(170deg) !important;
}
.notion-dark-theme
.notion-token-remove-button[role*='button'][tabindex*='0']:hover,
.notion-dark-theme .notion-record-icon {
background: transparent !important;
}
.notion-dark-theme .notion-focusable:focus-within,
.notion-dark-theme .notion-to_do-block > div > div > div[style*='background:'],
.notion-dark-theme div[role='button'],
[style*='height: 4px;']
> .notion-selectable.notion-collection_view_page-block
> *,
.notion-dark-theme
.notion-calendar-view-day[style*='background: rgb(235, 87, 87);'],
.DayPicker-Day--today,
.notion-dark-theme
.DayPicker:not(.DayPicker--interactionDisabled)
.DayPicker-Day--outside:hover,
.notion-dark-theme
.DayPicker:not(.DayPicker--interactionDisabled)
.DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--value)
.DayPicker-Day.DayPicker-Day--start.DayPicker-Day--selected,
.notion-dark-theme .DayPicker-Day.DayPicker-Day--range.DayPicker-Day--start,
.notion-dark-theme .DayPicker-Day.DayPicker-Day--range.DayPicker-Day--end {
transition: color 0.4s ease, background 0.4s ease, box-shadow 0.4s ease !important;
}
.notion-dark-theme [style*='background: rgb(63, 68, 71);'],
.notion-dark-theme
[style*='background: rgb(80, 85, 88);'][style*='color: rgba(255, 255, 255, 0.7)'],
.notion-dark-theme
[style*='background: rgb(80, 85, 88);'][style*='width: 18px;'][style*='height: 18px;'],
.notion-dark-theme
[style*='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;'],
.notion-dark-theme [style*='background: rgba(151, 154, 155, 0.5);'],
.notion-dark-theme [style*='background: rgba(147, 114, 100, 0.5)'],
.notion-dark-theme [style*='background: rgba(255, 163, 68, 0.5)'],
.notion-dark-theme [style*='background: rgba(255, 220, 73, 0.5)'],
.notion-dark-theme [style*='background: rgba(77, 171, 154, 0.5)'],
.notion-dark-theme [style*='background: rgba(82, 156, 202, 0.5)'],
.notion-dark-theme [style*='background: rgba(154, 109, 215, 0.5)'],
.notion-dark-theme [style*='background: rgba(226, 85, 161, 0.5)'],
.notion-dark-theme [style*='background: rgba(255, 115, 105, 0.5)'] {
box-shadow: 0 2px 4px rgb(0 0 0 / 66%) !important;
}