d0zingcat/nextjs-notion-starter-kit
1
0
Fork 0
mirror of https://github.com/d0zingcat/nextjs-notion-starter-kit.git synced 2026-06-07 15:11:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: revert dark mode to @fisch0920/use-dark-mode

Browse Source
This commit is contained in:
Travis Fischer
2022-04-26 18:21:03 -04:00
parent 4ebda1a789
commit 9afdbe32bf
10 changed files with 98 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
styles/notion.css
View File

@@ -327,15 +327,15 @@
}
/* disable highlighting in dark mode */
[data-theme='dark'] .notion-red_background,
[data-theme='dark'] .notion-pink_background,
[data-theme='dark'] .notion-blue_background,
[data-theme='dark'] .notion-purple_background,
[data-theme='dark'] .notion-teal_background,
[data-theme='dark'] .notion-yellow_background,
[data-theme='dark'] .notion-orange_background,
[data-theme='dark'] .notion-brown_background,
[data-theme='dark'] .notion-gray_background {
.dark-mode .notion-red_background,
.dark-mode .notion-pink_background,
.dark-mode .notion-blue_background,
.dark-mode .notion-purple_background,
.dark-mode .notion-teal_background,
.dark-mode .notion-yellow_background,
.dark-mode .notion-orange_background,
.dark-mode .notion-brown_background,
.dark-mode .notion-gray_background {
padding: 0;
margin: 0;
border-radius: 0;
@@ -357,7 +357,7 @@
backdrop-filter: saturate(180%) blur(16px);
}
[data-theme='dark'] .notion-header {
.dark-mode .notion-header {
background: transparent;
box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
backdrop-filter: saturate(180%) blur(8px);
@@ -365,7 +365,7 @@
/* Workaround for Firefox not supporting backdrop-filter yet */
@-moz-document url-prefix() {
[data-theme='dark'] .notion-header {
.dark-mode .notion-header {
background: hsla(203, 8%, 20%, 0.8);
}
}