mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-04 04:39:03 +00:00
callout theming + more text colour variables
This commit is contained in:
parent
53a1638549
commit
6dbef0e292
GPG Key ID:
C7A48B7846AA706D
@ -18,6 +18,8 @@ a feature and cleanup update.
|
||||
- improved: extensions menu search is now case insensitive and includes options, inputs and versions.
|
||||
the search box can also for focused with `CMD/CTRL+F`.
|
||||
- improved: extensions menu filters shown either a ✓ or × to help understand the current state.
|
||||
- improved: added individual text-colour rules for different background colours.
|
||||
- improved: added variables for callout colouring.
|
||||
- bugfix: enhancer settings should no longer reset on update (though this will not have
|
||||
effect until the release after this one).
|
||||
- bugfix: blue select tags are no longer purple.
|
||||
@ -34,11 +36,10 @@ a feature and cleanup update.
|
||||
- extension: "always on top" = add an arrow/button to show the notion window on top of other windows
|
||||
even if it's not focused.
|
||||
- extension: "calendar scroll" = add a button to scroll down to the current week for you.
|
||||
- extension: "hide help button" = hide the help button if you don't need it.
|
||||
|
||||
// todo
|
||||
|
||||
- improved: added individual text-colour rules for different background colours.
|
||||
- improved: added variables for callout colouring.
|
||||
- bugfix: switch to a different right-to-left extension because it wasn't working right
|
||||
with bullet points and stuff.
|
||||
|
||||
|
||||
@ -187,11 +187,11 @@ these include:
|
||||
|
||||
|
||||
|
||||
### hide help button
|
||||
### hide help
|
||||
|
||||
**tags:** #extension
|
||||
|
||||
**description:** hide the help button if you don't need it
|
||||
**description:** hide the help button if you don't need it.
|
||||
|
||||
**author**: [coryzibell](https://github.com/coryzibell/)
|
||||
|
||||
|
||||
@ -10,10 +10,8 @@
|
||||
/** app **/
|
||||
|
||||
.notion-body.dark [style*='background: rgb(55, 60, 63)'],
|
||||
.notion-body.dark [style*='background: rgba(69, 75, 78, 0.3)'],
|
||||
.notion-body.dark [style*='background: rgb(120, 123, 123)'],
|
||||
.notion-body:not(.dark) [style*='background: rgb(247, 246, 243)'],
|
||||
.notion-body:not(.dark) [style*='background: rgba(235, 236, 237, 0.3)'],
|
||||
.notion-body:not(.dark) [style*='background: rgb(223, 223, 222)'] {
|
||||
background: var(--theme--sidebar) !important;
|
||||
}
|
||||
@ -428,16 +426,22 @@
|
||||
.notion-body.dark [style*='background: rgba(151, 154, 155, 0.5)'],
|
||||
.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] {
|
||||
background: var(--theme--select_gray) !important;
|
||||
color: var(--theme--select_text) !important;
|
||||
color: var(--theme--select_gray-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background:rgb(69,75,78)'],
|
||||
.notion-body:not(.dark) [style*='background:rgb(235,236,237)'] {
|
||||
background: var(--theme--bg_gray) !important;
|
||||
color: var(--theme--bg_gray-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background: rgb(69, 75, 78)'],
|
||||
.notion-body:not(.dark) [style*='background: rgb(235, 236, 237)'] {
|
||||
color: var(--theme--line_text) !important;
|
||||
background: var(--theme--line_gray) !important;
|
||||
color: var(--theme--line_gray-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background: rgba(69, 75, 78, 0.3)'],
|
||||
.notion-body:not(.dark) [style*='background: rgba(235, 236, 237, 0.3)'] {
|
||||
background: var(--theme--callout_gray) !important;
|
||||
color: var(--theme--callout_gray-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='color:rgb(147,114,100)'],
|
||||
.notion-body.dark
|
||||
@ -445,22 +449,28 @@
|
||||
.notion-body:not(.dark) [style*='color:rgb(100,71,58)'],
|
||||
.notion-body:not(.dark)
|
||||
[style*='color: rgb(100, 71, 58); fill: rgb(100, 71, 58);'] {
|
||||
color: var(--theme--text_brown) !important;
|
||||
fill: var(--theme--text_brown) !important;
|
||||
color: var(--theme--text_brown-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background: rgba(147, 114, 100, 0.5)'],
|
||||
.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] {
|
||||
background: var(--theme--select_brown) !important;
|
||||
color: var(--theme--select_text) !important;
|
||||
color: var(--theme--select_brown-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background:rgb(67,64,64)'],
|
||||
.notion-body:not(.dark) [style*='background:rgb(233,229,227)'] {
|
||||
background: var(--theme--bg_brown) !important;
|
||||
color: var(--theme--bg_brown-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background: rgb(67, 64, 64)'],
|
||||
.notion-body:not(.dark) [style*='background: rgb(233, 229, 227)'] {
|
||||
color: var(--theme--line_text) !important;
|
||||
background: var(--theme--line_brown) !important;
|
||||
color: var(--theme--line_brown-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background: rgba(67, 64, 64, 0.3)'],
|
||||
.notion-body:not(.dark) [style*='background: rgba(233, 229, 227, 0.3)'] {
|
||||
background: var(--theme--callout_brown) !important;
|
||||
color: var(--theme--callout_brown-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='color:rgb(255,163,68)'],
|
||||
.notion-body.dark [style*='color: rgb(255, 163, 68); fill: rgb(255, 163, 68);'],
|
||||
@ -473,16 +483,22 @@
|
||||
.notion-body.dark [style*='background: rgba(255, 163, 68, 0.5)'],
|
||||
.notion-body:not(.dark) [style*='background: rgba(245, 93, 0, 0.2)'] {
|
||||
background: var(--theme--select_orange) !important;
|
||||
color: var(--theme--select_text) !important;
|
||||
color: var(--theme--select_orange-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background:rgb(89,74,58)'],
|
||||
.notion-body:not(.dark) [style*='background:rgb(250,235,221)'] {
|
||||
background: var(--theme--bg_orange) !important;
|
||||
color: var(--theme--bg_orange-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background: rgb(89, 74, 58)'],
|
||||
.notion-body:not(.dark) [style*='background: rgb(250, 235, 221)'] {
|
||||
color: var(--theme--line_text) !important;
|
||||
background: var(--theme--line_orange) !important;
|
||||
color: var(--theme--line_orange-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background: rgba(89, 74, 58, 0.3)'],
|
||||
.notion-body:not(.dark) [style*='background: rgba(250, 235, 221, 0.3)'] {
|
||||
background: var(--theme--callout_orange) !important;
|
||||
color: var(--theme--callout_orange-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='color:rgb(255,220,73)'],
|
||||
.notion-body.dark [style*='color: rgb(255, 220, 73); fill: rgb(255, 220, 73);'],
|
||||
@ -495,16 +511,22 @@
|
||||
.notion-body.dark [style*='background: rgba(255, 220, 73, 0.5)'],
|
||||
.notion-body:not(.dark) [style*='background: rgba(233, 168, 0, 0.2)'] {
|
||||
background: var(--theme--select_yellow) !important;
|
||||
color: var(--theme--select_text) !important;
|
||||
color: var(--theme--select_yellow-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background:rgb(89,86,59)'],
|
||||
.notion-body:not(.dark) [style*='background:rgb(251,243,219)'] {
|
||||
background: var(--theme--bg_yellow) !important;
|
||||
color: var(--theme--bg_yellow-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background: rgb(89, 86, 59)'],
|
||||
.notion-body:not(.dark) [style*='background: rgb(251, 243, 219)'] {
|
||||
color: var(--theme--line_text) !important;
|
||||
background: var(--theme--line_yellow) !important;
|
||||
color: var(--theme--line_yellow-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background: rgba(89, 86, 59, 0.3)'],
|
||||
.notion-body:not(.dark) [style*='background: rgba(251, 243, 219, 0.3)'] {
|
||||
background: var(--theme--callout_yellow) !important;
|
||||
color: var(--theme--callout_yellow-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='color:rgb(77,171,154)'],
|
||||
.notion-body.dark [style*='color: rgb(77, 171, 154); fill: rgb(77, 171, 154);'],
|
||||
@ -517,16 +539,22 @@
|
||||
.notion-body.dark [style*='background: rgba(77, 171, 154, 0.5)'],
|
||||
.notion-body:not(.dark) [style*='background: rgba(0, 135, 107, 0.2)'] {
|
||||
background: var(--theme--select_green) !important;
|
||||
color: var(--theme--select_text) !important;
|
||||
color: var(--theme--select_green-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background:rgb(53,76,75)'],
|
||||
.notion-body:not(.dark) [style*='background:rgb(221,237,234)'] {
|
||||
background: var(--theme--bg_green) !important;
|
||||
color: var(--theme--bg_green-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background: rgb(53, 76, 75)'],
|
||||
.notion-body:not(.dark) [style*='background: rgb(221, 237, 234)'] {
|
||||
color: var(--theme--line_text) !important;
|
||||
background: var(--theme--line_green) !important;
|
||||
color: var(--theme--line_green-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background: rgba(53, 76, 75, 0.3)'],
|
||||
.notion-body:not(.dark) [style*='background: rgba(221, 237, 234, 0.3)'] {
|
||||
background: var(--theme--callout_green) !important;
|
||||
color: var(--theme--callout_green-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='color:rgb(82,156,202)'],
|
||||
.notion-body.dark [style*='color: rgb(82, 156, 202); fill: rgb(82, 156, 202);'],
|
||||
@ -539,16 +567,22 @@
|
||||
.notion-body.dark [style*='background: rgba(82, 156, 202, 0.5)'],
|
||||
.notion-body:not(.dark) [style*='background: rgba(0, 120, 223, 0.2)'] {
|
||||
background: var(--theme--select_blue) !important;
|
||||
color: var(--theme--select_text) !important;
|
||||
color: var(--theme--select_blue-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background:rgb(54,73,84)'],
|
||||
.notion-body:not(.dark) [style*='background:rgb(221,235,241)'] {
|
||||
background: var(--theme--bg_blue) !important;
|
||||
color: var(--theme--bg_blue-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background: rgb(54, 73, 84)'],
|
||||
.notion-body:not(.dark) [style*='background: rgb(221, 235, 241)'] {
|
||||
color: var(--theme--line_text) !important;
|
||||
background: var(--theme--line_blue) !important;
|
||||
color: var(--theme--line_blue-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background: rgba(54, 73, 84, 0.3)'],
|
||||
.notion-body:not(.dark) [style*='background: rgba(221, 235, 241, 0.3)'] {
|
||||
background: var(--theme--callout_blue) !important;
|
||||
color: var(--theme--callout_blue-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='color:rgb(154,109,215)'],
|
||||
.notion-body.dark
|
||||
@ -562,16 +596,22 @@
|
||||
.notion-body.dark [style*='background: rgba(154, 109, 215, 0.5)'],
|
||||
.notion-body:not(.dark) [style*='background: rgba(103, 36, 222, 0.2)'] {
|
||||
background: var(--theme--select_purple) !important;
|
||||
color: var(--theme--select_text) !important;
|
||||
color: var(--theme--select_purple-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background:rgb(68,63,87)'],
|
||||
.notion-body:not(.dark) [style*='background:rgb(234,228,242)'] {
|
||||
background: var(--theme--bg_purple) !important;
|
||||
color: var(--theme--bg_purple-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background: rgb(68, 63, 87)'],
|
||||
.notion-body:not(.dark) [style*='background: rgb(234, 228, 242)'] {
|
||||
color: var(--theme--line_text) !important;
|
||||
background: var(--theme--line_purple) !important;
|
||||
color: var(--theme--line_purple-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background: rgba(68, 63, 87, 0.3)'],
|
||||
.notion-body:not(.dark) [style*='background: rgba(234, 228, 242, 0.3)'] {
|
||||
background: var(--theme--callout_purple) !important;
|
||||
color: var(--theme--callout_purple-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='color:rgb(226,85,161)'],
|
||||
.notion-body.dark [style*='color: rgb(226, 85, 161); fill: rgb(226, 85, 161);'],
|
||||
@ -584,16 +624,22 @@
|
||||
.notion-body.dark [style*='background: rgba(226, 85, 161, 0.5)'],
|
||||
.notion-body:not(.dark) [style*='background: rgba(221, 0, 129, 0.2)'] {
|
||||
background: var(--theme--select_pink) !important;
|
||||
color: var(--theme--select_text) !important;
|
||||
color: var(--theme--select_pink-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background:rgb(83,59,76)'],
|
||||
.notion-body:not(.dark) [style*='background:rgb(244,223,235)'] {
|
||||
background: var(--theme--bg_pink) !important;
|
||||
color: var(--theme--bg_pink-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background: rgb(83, 59, 76)'],
|
||||
.notion-body:not(.dark) [style*='background: rgb(244, 223, 235)'] {
|
||||
color: var(--theme--line_text) !important;
|
||||
background: var(--theme--line_pink) !important;
|
||||
color: var(--theme--line_pink-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background: rgba(83, 59, 76, 0.3)'],
|
||||
.notion-body:not(.dark) [style*='background: rgba(244, 223, 235, 0.3)'] {
|
||||
background: var(--theme--callout_pink) !important;
|
||||
color: var(--theme--callout_pink-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='color:rgb(255,115,105)'],
|
||||
.notion-body.dark
|
||||
@ -607,22 +653,27 @@
|
||||
.notion-body.dark [style*='background: rgba(255, 115, 105, 0.5);'],
|
||||
.notion-body:not(.dark) [style*='background: rgba(255, 0, 26, 0.2)'] {
|
||||
background: var(--theme--select_red) !important;
|
||||
color: var(--theme--select_text) !important;
|
||||
color: var(--theme--select_red-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background:rgb(89,65,65)'],
|
||||
.notion-body:not(.dark) [style*='background:rgb(251,228,228)'] {
|
||||
background: var(--theme--bg_red) !important;
|
||||
color: var(--theme--bg_red-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background: rgb(89, 65, 65)'],
|
||||
.notion-body:not(.dark) [style*='background: rgb(251, 228, 228)'] {
|
||||
color: var(--theme--line_text) !important;
|
||||
background: var(--theme--line_red) !important;
|
||||
color: var(--theme--line_red-text) !important;
|
||||
}
|
||||
.notion-body.dark [style*='background: rgba(89, 65, 65, 0.3)'],
|
||||
.notion-body:not(.dark) [style*='background: rgba(251, 228, 228, 0.3)'] {
|
||||
background: var(--theme--callout_red) !important;
|
||||
color: var(--theme--callout_red-text) !important;
|
||||
}
|
||||
|
||||
/* fix highlight padding: this isn't a typo */
|
||||
[style*='background:rgb('] {
|
||||
padding-bottom: 3px !important;
|
||||
color: var(--theme--bg_text) !important;
|
||||
}
|
||||
|
||||
/** code **/
|
||||
@ -636,7 +687,7 @@
|
||||
background: var(--theme--code-background) !important;
|
||||
}
|
||||
.notion-code-block > div {
|
||||
color: var(--theme--code_text) !important;
|
||||
color: var(--theme--code-text) !important;
|
||||
}
|
||||
.notion-code-block .token.function {
|
||||
color: var(--theme--code_function) !important;
|
||||
|
||||
@ -81,43 +81,90 @@
|
||||
--theme_dark--text_pink: rgb(226, 85, 161);
|
||||
--theme_dark--text_red: rgb(255, 115, 105);
|
||||
|
||||
--theme_dark--select_text: var(--theme_dark--text);
|
||||
--theme_dark--select-text: var(--theme_dark--text);
|
||||
--theme_dark--select_gray: rgba(151, 154, 155, 0.5);
|
||||
--theme_dark--select_gray-text: var(--theme_dark--select-text);
|
||||
--theme_dark--select_brown: rgba(147, 114, 100, 0.5);
|
||||
--theme_dark--select_brown-text: var(--theme_dark--select-text);
|
||||
--theme_dark--select_orange: rgba(255, 163, 68, 0.5);
|
||||
--theme_dark--select_orange-text: var(--theme_dark--select-text);
|
||||
--theme_dark--select_yellow: rgba(255, 220, 73, 0.5);
|
||||
--theme_dark--select_yellow-text: var(--theme_dark--select-text);
|
||||
--theme_dark--select_green: rgba(77, 171, 154, 0.5);
|
||||
--theme_dark--select_green-text: var(--theme_dark--select-text);
|
||||
--theme_dark--select_blue: rgba(82, 156, 202, 0.5);
|
||||
--theme_dark--select_blue-text: var(--theme_dark--select-text);
|
||||
--theme_dark--select_purple: rgba(154, 109, 215, 0.5);
|
||||
--theme_dark--select_purple-text: var(--theme_dark--select-text);
|
||||
--theme_dark--select_pink: rgba(226, 85, 161, 0.5);
|
||||
--theme_dark--select_pink-text: var(--theme_dark--select-text);
|
||||
--theme_dark--select_red: rgba(255, 115, 105, 0.5);
|
||||
--theme_dark--select_red-text: var(--theme_dark--select-text);
|
||||
|
||||
--theme_dark--bg_text: var(--theme_dark--text);
|
||||
--theme_dark--bg-text: var(--theme_dark--text);
|
||||
--theme_dark--bg_gray: rgb(69, 75, 78);
|
||||
--theme_dark--bg_gray-text: var(--theme_dark--bg-text);
|
||||
--theme_dark--bg_brown: rgb(67, 64, 64);
|
||||
--theme_dark--bg_brown-text: var(--theme_dark--bg-text);
|
||||
--theme_dark--bg_orange: rgb(89, 74, 58);
|
||||
--theme_dark--bg_orange-text: var(--theme_dark--bg-text);
|
||||
--theme_dark--bg_yellow: rgb(89, 86, 59);
|
||||
--theme_dark--bg_yellow-text: var(--theme_dark--bg-text);
|
||||
--theme_dark--bg_green: rgb(53, 76, 75);
|
||||
--theme_dark--bg_green-text: var(--theme_dark--bg-text);
|
||||
--theme_dark--bg_blue: rgb(54, 73, 84);
|
||||
--theme_dark--bg_blue-text: var(--theme_dark--bg-text);
|
||||
--theme_dark--bg_purple: rgb(68, 63, 87);
|
||||
--theme_dark--bg_purple-text: var(--theme_dark--bg-text);
|
||||
--theme_dark--bg_pink: rgb(83, 59, 76);
|
||||
--theme_dark--bg_pink-text: var(--theme_dark--bg-text);
|
||||
--theme_dark--bg_red: rgb(89, 65, 65);
|
||||
--theme_dark--bg_red-text: var(--theme_dark--bg-text);
|
||||
|
||||
--theme_dark--line_text: var(--theme_dark--text);
|
||||
--theme_dark--line-text: var(--theme_dark--text);
|
||||
--theme_dark--line_gray: rgb(69, 75, 78);
|
||||
--theme_dark--line_gray-text: var(--theme_dark--line-text);
|
||||
--theme_dark--line_brown: rgb(67, 64, 64);
|
||||
--theme_dark--line_brown-text: var(--theme_dark--line-text);
|
||||
--theme_dark--line_orange: rgb(89, 74, 58);
|
||||
--theme_dark--line_orange-text: var(--theme_dark--line-text);
|
||||
--theme_dark--line_yellow: rgb(89, 86, 59);
|
||||
--theme_dark--line_yellow-text: var(--theme_dark--line-text);
|
||||
--theme_dark--line_green: rgb(53, 76, 75);
|
||||
--theme_dark--line_green-text: var(--theme_dark--line-text);
|
||||
--theme_dark--line_blue: rgb(54, 73, 84);
|
||||
--theme_dark--line_blue-text: var(--theme_dark--line-text);
|
||||
--theme_dark--line_purple: rgb(68, 63, 87);
|
||||
--theme_dark--line_purple-text: var(--theme_dark--line-text);
|
||||
--theme_dark--line_pink: rgb(83, 59, 76);
|
||||
--theme_dark--line_pink-text: var(--theme_dark--line-text);
|
||||
--theme_dark--line_red: rgb(89, 65, 65);
|
||||
--theme_dark--line_red-text: var(--theme_dark--line-text);
|
||||
|
||||
--theme_dark--callout-text: var(--theme_dark--text);
|
||||
--theme_dark--callout_gray: rgba(69, 75, 78, 0.3);
|
||||
--theme_dark--callout_gray-text: var(--theme_dark--callout-text);
|
||||
--theme_dark--callout_brown: rgba(67, 64, 64, 0.3);
|
||||
--theme_dark--callout_brown-text: var(--theme_dark--callout-text);
|
||||
--theme_dark--callout_orange: rgba(89, 74, 58, 0.3);
|
||||
--theme_dark--callout_orange-text: var(--theme_dark--callout-text);
|
||||
--theme_dark--callout_yellow: rgba(89, 86, 59, 0.3);
|
||||
--theme_dark--callout_yellow-text: var(--theme_dark--callout-text);
|
||||
--theme_dark--callout_green: rgba(53, 76, 75, 0.3);
|
||||
--theme_dark--callout_green-text: var(--theme_dark--callout-text);
|
||||
--theme_dark--callout_blue: rgba(54, 73, 84, 0.3);
|
||||
--theme_dark--callout_blue-text: var(--theme_dark--callout-text);
|
||||
--theme_dark--callout_purple: rgba(68, 63, 87, 0.3);
|
||||
--theme_dark--callout_purple-text: var(--theme_dark--callout-text);
|
||||
--theme_dark--callout_pink: rgba(83, 59, 76, 0.3);
|
||||
--theme_dark--callout_pink-text: var(--theme_dark--callout-text);
|
||||
--theme_dark--callout_red: rgba(89, 65, 65, 0.3);
|
||||
--theme_dark--callout_red-text: var(--theme_dark--callout-text);
|
||||
|
||||
--theme_dark--code_inline-text: #eb5757;
|
||||
--theme_dark--code_inline-background: rgba(135, 131, 120, 0.15);
|
||||
--theme_dark--code_text: var(--theme_dark--text);
|
||||
--theme_dark--code-background: rgb(63, 68, 71);
|
||||
--theme_dark--code-text: var(--theme_dark--text);
|
||||
--theme_dark--code-background: var(--theme_dark--card);
|
||||
--theme_dark--code_function: rgba(255, 255, 255, 0.9);
|
||||
--theme_dark--code_keyword: hsl(350, 40%, 70%);
|
||||
--theme_dark--code_tag: hsl(350, 40%, 70%);
|
||||
@ -206,43 +253,90 @@
|
||||
--theme_light--text_pink: rgb(173, 26, 114);
|
||||
--theme_light--text_red: rgb(224, 62, 62);
|
||||
|
||||
--theme_light--select_text: var(--theme_light--text);
|
||||
--theme_light--select-text: var(--theme_light--text);
|
||||
--theme_light--select_gray: rgba(140, 46, 0, 0.2);
|
||||
--theme_light--select_gray-text: var(--theme_light--select-text);
|
||||
--theme_light--select_brown: rgba(140, 46, 0, 0.2);
|
||||
--theme_light--select_brown-text: var(--theme_light--select-text);
|
||||
--theme_light--select_orange: rgba(245, 93, 0, 0.2);
|
||||
--theme_light--select_orange-text: var(--theme_light--select-text);
|
||||
--theme_light--select_yellow: rgba(233, 168, 0, 0.2);
|
||||
--theme_light--select_yellow-text: var(--theme_light--select-text);
|
||||
--theme_light--select_green: rgba(0, 135, 107, 0.2);
|
||||
--theme_light--select_green-text: var(--theme_light--select-text);
|
||||
--theme_light--select_blue: rgba(0, 120, 223, 0.2);
|
||||
--theme_light--select_blue-text: var(--theme_light--select-text);
|
||||
--theme_light--select_purple: rgba(103, 36, 222, 0.2);
|
||||
--theme_light--select_purple-text: var(--theme_light--select-text);
|
||||
--theme_light--select_pink: rgba(221, 0, 129, 0.2);
|
||||
--theme_light--select_pink-text: var(--theme_light--select-text);
|
||||
--theme_light--select_red: rgba(255, 0, 26, 0.2);
|
||||
--theme_light--select_red-text: var(--theme_light--select-text);
|
||||
|
||||
--theme_light--bg_text: var(--theme_light--text);
|
||||
--theme_light--bg-text: var(--theme_light--text);
|
||||
--theme_light--bg_gray: rgb(235, 236, 237);
|
||||
--theme_light--bg_gray-text: var(--theme_light--bg-text);
|
||||
--theme_light--bg_brown: rgb(233, 229, 227);
|
||||
--theme_light--bg_brown-text: var(--theme_light--bg-text);
|
||||
--theme_light--bg_orange: rgb(250, 235, 221);
|
||||
--theme_light--bg_orange-text: var(--theme_light--bg-text);
|
||||
--theme_light--bg_yellow: rgb(251, 243, 219);
|
||||
--theme_light--bg_yellow-text: var(--theme_light--bg-text);
|
||||
--theme_light--bg_green: rgb(221, 237, 234);
|
||||
--theme_light--bg_green-text: var(--theme_light--bg-text);
|
||||
--theme_light--bg_blue: rgb(221, 235, 241);
|
||||
--theme_light--bg_blue-text: var(--theme_light--bg-text);
|
||||
--theme_light--bg_purple: rgb(234, 228, 242);
|
||||
--theme_light--bg_purple-text: var(--theme_light--bg-text);
|
||||
--theme_light--bg_pink: rgb(244, 223, 235);
|
||||
--theme_light--bg_pink-text: var(--theme_light--bg-text);
|
||||
--theme_light--bg_red: rgb(251, 228, 228);
|
||||
--theme_light--bg_red-text: var(--theme_light--bg-text);
|
||||
|
||||
--theme_light--line_text: var(--theme_light--text);
|
||||
--theme_light--line-text: var(--theme_light--text);
|
||||
--theme_light--line_gray: rgb(235, 236, 237);
|
||||
--theme_light--line_gray-text: var(--theme_light--line-text);
|
||||
--theme_light--line_brown: rgb(233, 229, 227);
|
||||
--theme_light--line_brown-text: var(--theme_light--line-text);
|
||||
--theme_light--line_orange: rgb(250, 235, 221);
|
||||
--theme_light--line_orange-text: var(--theme_light--line-text);
|
||||
--theme_light--line_yellow: rgb(251, 243, 219);
|
||||
--theme_light--line_yellow-text: var(--theme_light--line-text);
|
||||
--theme_light--line_green: rgb(221, 237, 234);
|
||||
--theme_light--line_green-text: var(--theme_light--line-text);
|
||||
--theme_light--line_blue: rgb(221, 235, 241);
|
||||
--theme_light--line_blue-text: var(--theme_light--line-text);
|
||||
--theme_light--line_purple: rgb(234, 228, 242);
|
||||
--theme_light--line_purple-text: var(--theme_light--line-text);
|
||||
--theme_light--line_pink: rgb(244, 223, 235);
|
||||
--theme_light--line_pink-text: var(--theme_light--line-text);
|
||||
--theme_light--line_red: rgb(251, 228, 228);
|
||||
--theme_light--line_red-text: var(--theme_light--line-text);
|
||||
|
||||
--theme_light--callout-text: var(--theme_light--text);
|
||||
--theme_light--callout_gray: rgba(235, 236, 237, 0.3);
|
||||
--theme_light--callout_gray-text: var(--theme_light--callout-text);
|
||||
--theme_light--callout_brown: rgba(233, 229, 227, 0.3);
|
||||
--theme_light--callout_brown-text: var(--theme_light--callout-text);
|
||||
--theme_light--callout_orange: rgba(250, 235, 221, 0.3);
|
||||
--theme_light--callout_orange-text: var(--theme_light--callout-text);
|
||||
--theme_light--callout_yellow: rgba(251, 243, 219, 0.3);
|
||||
--theme_light--callout_yellow-text: var(--theme_light--callout-text);
|
||||
--theme_light--callout_green: rgba(221, 237, 234, 0.3);
|
||||
--theme_light--callout_green-text: var(--theme_light--callout-text);
|
||||
--theme_light--callout_blue: rgba(221, 235, 241, 0.3);
|
||||
--theme_light--callout_blue-text: var(--theme_light--callout-text);
|
||||
--theme_light--callout_purple: rgba(234, 228, 242, 0.3);
|
||||
--theme_light--callout_purple-text: var(--theme_light--callout-text);
|
||||
--theme_light--callout_pink: rgba(244, 223, 235, 0.3);
|
||||
--theme_light--callout_pink-text: var(--theme_light--callout-text);
|
||||
--theme_light--callout_red: rgba(251, 228, 228, 0.3);
|
||||
--theme_light--callout_red-text: var(--theme_light--callout-text);
|
||||
|
||||
--theme_light--code_inline-text: #eb5757;
|
||||
--theme_light--code_inline-background: rgba(135, 131, 120, 0.15);
|
||||
--theme_light--code_text: var(--theme_light--text);
|
||||
--theme_light--code-background: rgb(247, 246, 243);
|
||||
--theme_light--code-text: var(--theme_light--text);
|
||||
--theme_light--code-background: var(--theme_light--card);
|
||||
--theme_light--code_function: #dd4a68;
|
||||
--theme_light--code_keyword: #07a;
|
||||
--theme_light--code_tag: #905;
|
||||
@ -320,39 +414,85 @@
|
||||
--theme--text_purple: var(--theme_dark--text_purple);
|
||||
--theme--text_pink: var(--theme_dark--text_pink);
|
||||
--theme--text_red: var(--theme_dark--text_red);
|
||||
--theme--select_text: var(--theme_dark--select_text);
|
||||
--theme--select-text: var(--theme_dark--select-text);
|
||||
--theme--select_gray: var(--theme_dark--select_gray);
|
||||
--theme--select_gray-text: var(--theme_dark--select_gray-text);
|
||||
--theme--select_brown: var(--theme_dark--select_brown);
|
||||
--theme--select_brown-text: var(--theme_dark--select_brown-text);
|
||||
--theme--select_orange: var(--theme_dark--select_orange);
|
||||
--theme--select_orange-text: var(--theme_dark--select_orange-text);
|
||||
--theme--select_yellow: var(--theme_dark--select_yellow);
|
||||
--theme--select_yellow-text: var(--theme_dark--select_yellow-text);
|
||||
--theme--select_green: var(--theme_dark--select_green);
|
||||
--theme--select_green-text: var(--theme_dark--select_green-text);
|
||||
--theme--select_blue: var(--theme_dark--select_blue);
|
||||
--theme--select_blue-text: var(--theme_dark--select_blue-text);
|
||||
--theme--select_purple: var(--theme_dark--select_purple);
|
||||
--theme--select_purple-text: var(--theme_dark--select_purple-text);
|
||||
--theme--select_pink: var(--theme_dark--select_pink);
|
||||
--theme--select_pink-text: var(--theme_dark--select_pink-text);
|
||||
--theme--select_red: var(--theme_dark--select_red);
|
||||
--theme--bg_text: var(--theme_dark--bg_text);
|
||||
--theme--select_red-text: var(--theme_dark--select_red-text);
|
||||
--theme--bg-text: var(--theme_dark--bg-text);
|
||||
--theme--bg_gray: var(--theme_dark--bg_gray);
|
||||
--theme--bg_gray-text: var(--theme_dark--bg_gray-text);
|
||||
--theme--bg_brown: var(--theme_dark--bg_brown);
|
||||
--theme--bg_brown-text: var(--theme_dark--bg_brown-text);
|
||||
--theme--bg_orange: var(--theme_dark--bg_orange);
|
||||
--theme--bg_orange-text: var(--theme_dark--bg_orange-text);
|
||||
--theme--bg_yellow: var(--theme_dark--bg_yellow);
|
||||
--theme--bg_yellow-text: var(--theme_dark--bg_yellow-text);
|
||||
--theme--bg_green: var(--theme_dark--bg_green);
|
||||
--theme--bg_green-text: var(--theme_dark--bg_green-text);
|
||||
--theme--bg_blue: var(--theme_dark--bg_blue);
|
||||
--theme--bg_blue-text: var(--theme_dark--bg_blue-text);
|
||||
--theme--bg_purple: var(--theme_dark--bg_purple);
|
||||
--theme--bg_purple-text: var(--theme_dark--bg_purple-text);
|
||||
--theme--bg_pink: var(--theme_dark--bg_pink);
|
||||
--theme--bg_pink-text: var(--theme_dark--bg_pink-text);
|
||||
--theme--bg_red: var(--theme_dark--bg_red);
|
||||
--theme--line_text: var(--theme_dark--line_text);
|
||||
--theme--bg_red-text: var(--theme_dark--bg_red-text);
|
||||
--theme--line-text: var(--theme_dark--line-text);
|
||||
--theme--line_gray: var(--theme_dark--line_gray);
|
||||
--theme--line_gray-text: var(--theme_dark--line_gray-text);
|
||||
--theme--line_brown: var(--theme_dark--line_brown);
|
||||
--theme--line_brown-text: var(--theme_dark--line_brown-text);
|
||||
--theme--line_orange: var(--theme_dark--line_orange);
|
||||
--theme--line_orange-text: var(--theme_dark--line_orange-text);
|
||||
--theme--line_yellow: var(--theme_dark--line_yellow);
|
||||
--theme--line_yellow-text: var(--theme_dark--line_yellow-text);
|
||||
--theme--line_green: var(--theme_dark--line_green);
|
||||
--theme--line_green-text: var(--theme_dark--line_green-text);
|
||||
--theme--line_blue: var(--theme_dark--line_blue);
|
||||
--theme--line_blue-text: var(--theme_dark--line_blue-text);
|
||||
--theme--line_purple: var(--theme_dark--line_purple);
|
||||
--theme--line_purple-text: var(--theme_dark--line_purple-text);
|
||||
--theme--line_pink: var(--theme_dark--line_pink);
|
||||
--theme--line_pink-text: var(--theme_dark--line_pink-text);
|
||||
--theme--line_red: var(--theme_dark--line_red);
|
||||
--theme--line_red-text: var(--theme_dark--line_red-text);
|
||||
--theme--callout-text: var(--theme_dark--callout-text);
|
||||
--theme--callout_gray: var(--theme_dark--callout_gray);
|
||||
--theme--callout_gray-text: var(--theme_dark--callout_gray-text);
|
||||
--theme--callout_brown: var(--theme_dark--callout_brown);
|
||||
--theme--callout_brown-text: var(--theme_dark--callout_brown-text);
|
||||
--theme--callout_orange: var(--theme_dark--callout_orange);
|
||||
--theme--callout_orange-text: var(--theme_dark--callout_orange-text);
|
||||
--theme--callout_yellow: var(--theme_dark--callout_yellow);
|
||||
--theme--callout_yellow-text: var(--theme_dark--callout_yellow-text);
|
||||
--theme--callout_green: var(--theme_dark--callout_green);
|
||||
--theme--callout_green-text: var(--theme_dark--callout_green-text);
|
||||
--theme--callout_blue: var(--theme_dark--callout_blue);
|
||||
--theme--callout_blue-text: var(--theme_dark--callout_blue-text);
|
||||
--theme--callout_purple: var(--theme_dark--callout_purple);
|
||||
--theme--callout_purple-text: var(--theme_dark--callout_purple-text);
|
||||
--theme--callout_pink: var(--theme_dark--callout_pink);
|
||||
--theme--callout_pink-text: var(--theme_dark--callout_pink-text);
|
||||
--theme--callout_red: var(--theme_dark--callout_red);
|
||||
--theme--callout_red-text: var(--theme_dark--callout_red-text);
|
||||
--theme--code_inline-text: var(--theme_dark--code_inline-text);
|
||||
--theme--code_inline-background: var(--theme_dark--code_inline-background);
|
||||
--theme--code_text: var(--theme_dark--code_text);
|
||||
--theme--code-text: var(--theme_dark--code-text);
|
||||
--theme--code-background: var(--theme_dark--code-background);
|
||||
--theme--code_function: var(--theme_dark--code_function);
|
||||
--theme--code_keyword: var(--theme_dark--code_keyword);
|
||||
@ -431,39 +571,85 @@
|
||||
--theme--text_purple: var(--theme_light--text_purple);
|
||||
--theme--text_pink: var(--theme_light--text_pink);
|
||||
--theme--text_red: var(--theme_light--text_red);
|
||||
--theme--select_text: var(--theme_light--select_text);
|
||||
--theme--select-text: var(--theme_light--select-text);
|
||||
--theme--select_gray: var(--theme_light--select_gray);
|
||||
--theme--select_gray-text: var(--theme_light--select_gray-text);
|
||||
--theme--select_brown: var(--theme_light--select_brown);
|
||||
--theme--select_brown-text: var(--theme_light--select_brown-text);
|
||||
--theme--select_orange: var(--theme_light--select_orange);
|
||||
--theme--select_orange-text: var(--theme_light--select_orange-text);
|
||||
--theme--select_yellow: var(--theme_light--select_yellow);
|
||||
--theme--select_yellow-text: var(--theme_light--select_yellow-text);
|
||||
--theme--select_green: var(--theme_light--select_green);
|
||||
--theme--select_green-text: var(--theme_light--select_green-text);
|
||||
--theme--select_blue: var(--theme_light--select_blue);
|
||||
--theme--select_blue-text: var(--theme_light--select_blue-text);
|
||||
--theme--select_purple: var(--theme_light--select_purple);
|
||||
--theme--select_purple-text: var(--theme_light--select_purple-text);
|
||||
--theme--select_pink: var(--theme_light--select_pink);
|
||||
--theme--select_pink-text: var(--theme_light--select_pink-text);
|
||||
--theme--select_red: var(--theme_light--select_red);
|
||||
--theme--bg_text: var(--theme_light--bg_text);
|
||||
--theme--select_red-text: var(--theme_light--select_red-text);
|
||||
--theme--bg-text: var(--theme_light--bg-text);
|
||||
--theme--bg_gray: var(--theme_light--bg_gray);
|
||||
--theme--bg_gray-text: var(--theme_light--bg_gray-text);
|
||||
--theme--bg_brown: var(--theme_light--bg_brown);
|
||||
--theme--bg_brown-text: var(--theme_light--bg_brown-text);
|
||||
--theme--bg_orange: var(--theme_light--bg_orange);
|
||||
--theme--bg_orange-text: var(--theme_light--bg_orange-text);
|
||||
--theme--bg_yellow: var(--theme_light--bg_yellow);
|
||||
--theme--bg_yellow-text: var(--theme_light--bg_yellow-text);
|
||||
--theme--bg_green: var(--theme_light--bg_green);
|
||||
--theme--bg_green-text: var(--theme_light--bg_green-text);
|
||||
--theme--bg_blue: var(--theme_light--bg_blue);
|
||||
--theme--bg_blue-text: var(--theme_light--bg_blue-text);
|
||||
--theme--bg_purple: var(--theme_light--bg_purple);
|
||||
--theme--bg_purple-text: var(--theme_light--bg_purple-text);
|
||||
--theme--bg_pink: var(--theme_light--bg_pink);
|
||||
--theme--bg_pink-text: var(--theme_light--bg_pink-text);
|
||||
--theme--bg_red: var(--theme_light--bg_red);
|
||||
--theme--line_text: var(--theme_light--line_text);
|
||||
--theme--bg_red-text: var(--theme_light--bg_red-text);
|
||||
--theme--line-text: var(--theme_light--line-text);
|
||||
--theme--line_gray: var(--theme_light--line_gray);
|
||||
--theme--line_gray-text: var(--theme_light--line_gray-text);
|
||||
--theme--line_brown: var(--theme_light--line_brown);
|
||||
--theme--line_brown-text: var(--theme_light--line_brown-text);
|
||||
--theme--line_orange: var(--theme_light--line_orange);
|
||||
--theme--line_orange-text: var(--theme_light--line_orange-text);
|
||||
--theme--line_yellow: var(--theme_light--line_yellow);
|
||||
--theme--line_yellow-text: var(--theme_light--line_yellow-text);
|
||||
--theme--line_green: var(--theme_light--line_green);
|
||||
--theme--line_green-text: var(--theme_light--line_green-text);
|
||||
--theme--line_blue: var(--theme_light--line_blue);
|
||||
--theme--line_blue-text: var(--theme_light--line_blue-text);
|
||||
--theme--line_purple: var(--theme_light--line_purple);
|
||||
--theme--line_purple-text: var(--theme_light--line_purple-text);
|
||||
--theme--line_pink: var(--theme_light--line_pink);
|
||||
--theme--line_pink-text: var(--theme_light--line_pink-text);
|
||||
--theme--line_red: var(--theme_light--line_red);
|
||||
--theme--line_red-text: var(--theme_light--line_red-text);
|
||||
--theme--callout-text: var(--theme_light--callout-text);
|
||||
--theme--callout_gray: var(--theme_light--callout_gray);
|
||||
--theme--callout_gray-text: var(--theme_light--callout_gray-text);
|
||||
--theme--callout_brown: var(--theme_light--callout_brown);
|
||||
--theme--callout_brown-text: var(--theme_light--callout_brown-text);
|
||||
--theme--callout_orange: var(--theme_light--callout_orange);
|
||||
--theme--callout_orange-text: var(--theme_light--callout_orange-text);
|
||||
--theme--callout_yellow: var(--theme_light--callout_yellow);
|
||||
--theme--callout_yellow-text: var(--theme_light--callout_yellow-text);
|
||||
--theme--callout_green: var(--theme_light--callout_green);
|
||||
--theme--callout_green-text: var(--theme_light--callout_green-text);
|
||||
--theme--callout_blue: var(--theme_light--callout_blue);
|
||||
--theme--callout_blue-text: var(--theme_light--callout_blue-text);
|
||||
--theme--callout_purple: var(--theme_light--callout_purple);
|
||||
--theme--callout_purple-text: var(--theme_light--callout_purple-text);
|
||||
--theme--callout_pink: var(--theme_light--callout_pink);
|
||||
--theme--callout_pink-text: var(--theme_light--callout_pink-text);
|
||||
--theme--callout_red: var(--theme_light--callout_red);
|
||||
--theme--callout_red-text: var(--theme_light--callout_red-text);
|
||||
--theme--code_inline-text: var(--theme_light--code_inline-text);
|
||||
--theme--code_inline-background: var(--theme_light--code_inline-background);
|
||||
--theme--code_text: var(--theme_light--code_text);
|
||||
--theme--code-text: var(--theme_light--code-text);
|
||||
--theme--code-background: var(--theme_light--code-background);
|
||||
--theme--code_function: var(--theme_light--code_function);
|
||||
--theme--code_keyword: var(--theme_light--code_keyword);
|
||||
|
||||
@ -11,7 +11,7 @@ module.exports = {
|
||||
tags: ['theme', 'dark'],
|
||||
name: 'dark+',
|
||||
desc: 'a vivid-colour near-black theme.',
|
||||
version: '0.1.4',
|
||||
version: '0.1.5',
|
||||
author: 'dragonwocky',
|
||||
options: [
|
||||
{
|
||||
|
||||
@ -64,6 +64,16 @@
|
||||
--theme_dark--line_pink: rgba(243, 61, 158, 0.301);
|
||||
--theme_dark--line_red: rgba(122, 20, 20, 0.623);
|
||||
|
||||
--theme_dark--callout_gray: rgba(126, 128, 129, 0.089);
|
||||
--theme_dark--callout_brown: #50331f59;
|
||||
--theme_dark--callout_orange: rgba(255, 153, 0, 0.164);
|
||||
--theme_dark--callout_yellow: rgba(183, 156, 0, 0.274);
|
||||
--theme_dark--callout_green: rgba(50, 129, 47, 0.191);
|
||||
--theme_dark--callout_blue: rgba(0, 90, 146, 0.294);
|
||||
--theme_dark--callout_purple: rgba(90, 49, 148, 0.219);
|
||||
--theme_dark--callout_pink: rgba(243, 61, 158, 0.191);
|
||||
--theme_dark--callout_red: rgba(122, 20, 20, 0.376);
|
||||
|
||||
--theme_dark--code_inline-text: #7dc582;
|
||||
--theme_dark--code_inline-background: rgb(8, 8, 8);
|
||||
--theme_dark--code-background: rgb(8, 8, 8);
|
||||
|
||||
@ -12,7 +12,7 @@ module.exports = {
|
||||
tags: ['theme', 'dark'],
|
||||
name: 'gameish',
|
||||
desc: 'a purple, "gamer-styled" theme with a blocky-font.',
|
||||
version: '0.1.3',
|
||||
version: '0.1.4',
|
||||
author: {
|
||||
name: 'LVL100ShrekCultist',
|
||||
link: 'https://www.reddit.com/user/LVL100ShrekCultist/',
|
||||
|
||||
@ -59,6 +59,11 @@
|
||||
--theme_dark--line_yellow: var(--theme_dark--bg_yellow);
|
||||
--theme_dark--line_red: var(--theme_dark--bg_red);
|
||||
|
||||
--theme_dark--callout_brown: var(--theme_dark--bg_brown);
|
||||
--theme_dark--callout_orange: var(--theme_dark--bg_orange);
|
||||
--theme_dark--callout_yellow: var(--theme_dark--bg_yellow);
|
||||
--theme_dark--callout_red: var(--theme_dark--bg_red);
|
||||
|
||||
--theme_dark--code_inline-text: #d9cbec;
|
||||
--theme_dark--code_inline-background: #24222c;
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
/*
|
||||
* notion-enhancer
|
||||
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
||||
* hide help button
|
||||
* (c) 2020 coryzibell
|
||||
* under the MIT license
|
||||
*/
|
||||
|
||||
@ -9,8 +9,8 @@
|
||||
module.exports = {
|
||||
id: 'd4ebe9f3-974a-4c01-a6a9-94bc4296851d',
|
||||
tags: ['extension'],
|
||||
name: 'hide help button',
|
||||
desc: 'hide help button if you don\'t need it.',
|
||||
name: 'hide help',
|
||||
desc: "hide the help button if you don't need it.",
|
||||
version: '1.0.0',
|
||||
author: 'coryzibell',
|
||||
};
|
||||
|
||||
@ -1,3 +1,9 @@
|
||||
/*
|
||||
* hide help button
|
||||
* (c) 2020 coryzibell
|
||||
* under the MIT license
|
||||
*/
|
||||
|
||||
.notion-help-button {
|
||||
display: none !important;
|
||||
}
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
@ -10,32 +10,18 @@
|
||||
--theme_dark--sidebar: #24222c;
|
||||
--theme_dark--dragarea: #19181f;
|
||||
|
||||
--theme_dark--font_sans: 'JetBrains Mono';
|
||||
--theme_dark--font_mono: 'JetBrains Mono', iawriter-mono, Nitti, Menlo,
|
||||
Courier, monospace;
|
||||
--theme_dark--font_code: 'JetBrains Mono', SFMono-Regular, Consolas,
|
||||
'Liberation Mono', Menlo, Courier, monospace;
|
||||
--theme_light--font_sans: 'JetBrains Mono';
|
||||
--theme_light--font_serif: 'JetBrains Mono';
|
||||
--theme_light--font_mono: 'JetBrains Mono';
|
||||
--theme_light--font_code: 'JetBrains Mono';
|
||||
|
||||
--theme_dark--scrollbar: #221f29;
|
||||
/* --theme_dark--scrollbar-border: transparent; */
|
||||
--theme_dark--scrollbar_hover: #312d3c;
|
||||
|
||||
--theme_dark--font_title-size: 40px;
|
||||
--theme_dark--font_heading1-size: 30px;
|
||||
--theme_dark--font_heading2-size: 24px;
|
||||
--theme_dark--font_heading3-size: 20px;
|
||||
--theme_dark--font_label-size: 14px;
|
||||
--theme_dark--font_body-size: 17px;
|
||||
--theme_dark--font_code-size: 16px;
|
||||
--theme_dark--font_sidebar-size: 14px;
|
||||
|
||||
/* --theme_dark--card: rgb(53, 51, 58); */
|
||||
--theme_dark--card: #24222c;
|
||||
--theme_dark--gallery: rgba(162, 162, 162, 0.01);
|
||||
--theme_dark--table-border: rgba(148, 148, 184, 0.5);
|
||||
--theme_dark--interactive_hover: #282632;
|
||||
/* --theme_dark--interactive_hover-border: transparent;
|
||||
--theme_dark--button_close: #e81123;
|
||||
--theme_dark--button_close-fill: white; */
|
||||
|
||||
--theme_dark--selected: #9500ff6b;
|
||||
--theme_dark--primary: rgb(106, 47, 200);
|
||||
@ -45,91 +31,26 @@
|
||||
|
||||
--theme_dark--option_hover-background: rgb(20, 0, 51);
|
||||
|
||||
--theme_dark--danger_text: rgb(235, 87, 87);
|
||||
--theme_dark--danger_border: rgba(235, 87, 87, 0.5);
|
||||
|
||||
--theme_dark--text: rgba(200, 200, 200, 0.8);
|
||||
--theme_dark--text_ui: rgba(255, 255, 255, 0.6);
|
||||
--theme_dark--text_ui_info: rgba(255, 255, 255, 0.4);
|
||||
|
||||
/* 文本颜色 */
|
||||
--theme_dark--text_gray: rgba(151, 154, 155, 0.95);
|
||||
--theme_dark--text_brown: rgb(177, 144, 131);
|
||||
--theme_dark--text_orange: rgb(255, 163, 68);
|
||||
--theme_dark--text_yellow: rgb(255, 220, 73);
|
||||
--theme_dark--text_green: rgb(66, 222, 137);
|
||||
--theme_dark--text_blue: rgb(0, 157, 255);
|
||||
--theme_dark--text_purple: rgb(162, 94, 255);
|
||||
--theme_dark--text_pink: rgb(226, 85, 161);
|
||||
--theme_dark--text_red: rgb(240, 52, 38);
|
||||
|
||||
/* 文本背景色 */
|
||||
--theme_dark--bg_gray: rgb(234, 234, 234);
|
||||
--theme_dark--bg_gray_text: rgb(17, 17, 17);
|
||||
|
||||
--theme_dark--bg_brown: rgb(130, 118, 111);
|
||||
--theme_dark--bg_brown_text: rgb(85, 35, 1);
|
||||
|
||||
--theme_dark--bg_orange: rgb(254, 214, 155);
|
||||
--theme_dark--bg_yellow_text: rgb(199, 110, 0);
|
||||
|
||||
--theme_dark--bg_yellow: rgb(235, 227, 178);
|
||||
--theme_dark--bg_yellow_text: rgb(138, 118, 2);
|
||||
|
||||
--theme_dark--bg_green: rgb(212, 237, 218);
|
||||
--theme_dark--bg_green_text: rgb(21, 87, 36);
|
||||
|
||||
--theme_dark--bg_blue: rgb(204, 229, 255);
|
||||
--theme_dark--bg_blue_text: rgb(0, 64, 133);
|
||||
|
||||
--theme_dark--bg_purple: rgb(199, 178, 230);
|
||||
--theme_dark--bg_purple_text: rgb(90, 49, 148);
|
||||
|
||||
--theme_dark--bg_pink: rgb(255, 206, 228);
|
||||
--theme_dark--bg_pink_text: rgb(255, 0, 127);
|
||||
|
||||
--theme_dark--bg_red: rgb(248, 215, 218);
|
||||
--theme_dark--bg_red_text: rgb(138, 0, 10);
|
||||
|
||||
--theme_dark--select_gray: var(--theme_dark--bg_gray);
|
||||
--theme_dark--select_brown: var(--theme_dark--bg_brown);
|
||||
--theme_dark--select_orange: var(--theme_dark--bg_orange);
|
||||
--theme_dark--select_yellow: var(--theme_dark--bg_yellow);
|
||||
--theme_dark--select_green: var(--theme_dark--bg_green);
|
||||
--theme_dark--select_blue: var(--theme_dark--bg_blue);
|
||||
--theme_dark--select_purple: var(--theme_dark--bg_purple);
|
||||
--theme_dark--select_pink: var(--theme_dark--bg_pink);
|
||||
--theme_dark--select_red: var(--theme_dark--bg_red);
|
||||
|
||||
--theme_dark--line_gray: rgb(69, 75, 78);
|
||||
--theme_dark--line_brown: rgb(78, 57, 48);
|
||||
--theme_dark--line_orange: rgb(136, 80, 48);
|
||||
--theme_dark--line_yellow: #fbe2287c;
|
||||
--theme_dark--line_red: rgb(151, 62, 62);
|
||||
|
||||
--theme_dark--code_inline-text: #d9cbec;
|
||||
--theme_dark--code_inline-background: rgba(135, 131, 120, 0.15);
|
||||
--theme_dark--code_text: var(--theme_dark--text);
|
||||
--theme_dark--code-background: rgb(63, 68, 71);
|
||||
--theme_dark--code_function: rgb(179, 146, 240);
|
||||
--theme_dark--code_keyword: hsl(350, 100%, 69%);
|
||||
--theme_dark--code_tag: hsl(350, 40%, 70%);
|
||||
--theme_dark--code_operator: hsl(40, 90%, 60%);
|
||||
--theme_dark--code_important: #e90;
|
||||
--theme_dark--code_property: hsl(350, 40%, 70%);
|
||||
--theme_dark--code_builtin: hsl(75, 70%, 60%);
|
||||
--theme_dark--code_attr-name: hsl(75, 70%, 60%);
|
||||
--theme_dark--code_comment: hsl(30, 20%, 50%);
|
||||
--theme_dark--code_punctuation: rgba(255, 255, 255, 0.9);
|
||||
--theme_dark--code_doctype: hsl(30, 20%, 50%);
|
||||
--theme_dark--code_number: hsl(159, 69%, 39%);
|
||||
--theme_dark--code_string: hsl(75, 95%, 48%);
|
||||
--theme_dark--code_attr-value: hsl(350, 40%, 70%);
|
||||
|
||||
/* 标题色 */
|
||||
--theme_dark--h1_text: #c264fe;
|
||||
--theme_dark--h2_text: #e2bafe;
|
||||
--theme_dark--h3_text: #7b08fa;
|
||||
--littlepig_dark--h1_text: #c264fe;
|
||||
--littlepig_dark--h2_text: #e2bafe;
|
||||
--littlepig_dark--h3_text: #7b08fa;
|
||||
|
||||
/* todo */
|
||||
--theme_dark--option_active-color: #7b08fa;
|
||||
@ -138,423 +59,91 @@
|
||||
/* inline code */
|
||||
--theme_dark--code_inline-text: #e0dfe2;
|
||||
--theme_dark--code_inline-background: rgb(179, 39, 39);
|
||||
--theme_dark--code_function: rgb(179, 146, 240);
|
||||
--theme_dark--code_number: hsl(159, 69%, 39%);
|
||||
|
||||
/* 标签颜色 + 文本背景色 */
|
||||
--theme_dark--bg_gray: rgb(234, 234, 234);
|
||||
--theme_dark--bg_gray_text: rgb(17, 17, 17);
|
||||
|
||||
--theme_dark--bg_gray-text: rgb(17, 17, 17);
|
||||
--theme_dark--bg_brown: rgb(206, 206, 206);
|
||||
--theme_dark--bg_brown_text: rgb(85, 35, 1);
|
||||
|
||||
--theme_dark--bg_brown-text: rgb(85, 35, 1);
|
||||
--theme_dark--bg_orange: rgb(254, 214, 155);
|
||||
--theme_dark--bg_orange_text: rgb(199, 110, 0);
|
||||
|
||||
--theme_dark--bg_orange-text: rgb(199, 110, 0);
|
||||
--theme_dark--bg_yellow: #fcffd8;
|
||||
--theme_dark--bg_yellow_text: #ff8c22;
|
||||
|
||||
--theme_dark--bg_yellow-text: #ff8c22;
|
||||
--theme_dark--bg_green: #d5fded;
|
||||
--theme_dark--bg_green_text: #006a00;
|
||||
|
||||
--theme_dark--bg_green-text: #006a00;
|
||||
--theme_dark--bg_blue: #e2f5ff;
|
||||
--theme_dark--bg_blue_text: #00b2ff;
|
||||
|
||||
--theme_dark--bg_blue-text: #00b2ff;
|
||||
--theme_dark--bg_purple: #efe6ff;
|
||||
--theme_dark--bg_purple_text: #8334ff;
|
||||
|
||||
--theme_dark--bg_purple-text: #8334ff;
|
||||
--theme_dark--bg_pink: #ffe9f1;
|
||||
--theme_dark--bg_pink_text: rgb(255, 0, 127);
|
||||
|
||||
--theme_dark--bg_pink-text: rgb(255, 0, 127);
|
||||
--theme_dark--bg_red: rgb(251, 228, 228);
|
||||
--theme_dark--bg_red_text: rgb(138, 0, 10);
|
||||
--theme_dark--bg_red-text: rgb(138, 0, 10);
|
||||
|
||||
--theme_dark--select_gray: rgb(234, 234, 234);
|
||||
--theme_dark--select_gray-text: rgb(17, 17, 17);
|
||||
--theme_dark--select_brown: rgb(206, 206, 206);
|
||||
--theme_dark--select_brown-text: rgb(85, 35, 1);
|
||||
--theme_dark--select_orange: rgb(254, 214, 155);
|
||||
--theme_dark--select_orange-text: rgb(199, 110, 0);
|
||||
--theme_dark--select_yellow: #fcffd8;
|
||||
--theme_dark--select_yellow-text: #ff8c22;
|
||||
--theme_dark--select_green: #d5fded;
|
||||
--theme_dark--select_green-text: #006a00;
|
||||
--theme_dark--select_blue: #e2f5ff;
|
||||
--theme_dark--select_blue-text: #00b2ff;
|
||||
--theme_dark--select_purple: #efe6ff;
|
||||
--theme_dark--select_purple-text: #8334ff;
|
||||
--theme_dark--select_pink: #ffe9f1;
|
||||
--theme_dark--select_pink-text: rgb(255, 0, 127);
|
||||
--theme_dark--select_red: rgb(251, 228, 228);
|
||||
--theme_dark--select_red-text: rgb(138, 0, 10);
|
||||
|
||||
/* callout 颜色 */
|
||||
|
||||
--theme_dark--callout_bg_gray: #e2e3e5;
|
||||
--theme_dark--callout_text_gray: #383d41;
|
||||
|
||||
--theme_dark--callout_bg_brown: rgb(130, 118, 111);
|
||||
--theme_dark--callout_text_brown: rgb(85, 35, 1);
|
||||
|
||||
--theme_dark--callout_bg_orange: rgb(254, 214, 155);
|
||||
--theme_dark--callout_text_orange: rgb(255, 140, 0);
|
||||
|
||||
--theme_dark--callout_bg_yellow: #fcffd8;
|
||||
--theme_dark--callout_text_yellow: #c76e00;
|
||||
|
||||
--theme_dark--callout_bg_green: #d4edda;
|
||||
--theme_dark--callout_text_green: #155724;
|
||||
|
||||
--theme_dark--callout_bg_blue: #cce5ff;
|
||||
--theme_dark--callout_text_blue: #004085;
|
||||
|
||||
--theme_dark--callout_bg_purple: rgb(199, 178, 230);
|
||||
--theme_dark--callout_text_purple: rgb(90, 49, 148);
|
||||
|
||||
--theme_dark--callout_bg_pink: rgb(255, 206, 228);
|
||||
--theme_dark--callout_text_pink: rgb(255, 0, 127);
|
||||
|
||||
--theme_dark--callout_bg_red: #f8d7da;
|
||||
--theme_dark--callout_text_red: #721c24;
|
||||
}
|
||||
|
||||
.notion-dark-theme
|
||||
.notion-scroller.vertical.horizontal
|
||||
.notion-table-view
|
||||
.notion-selectable.notion-collection_view-block
|
||||
> :first-child {
|
||||
background: var(--theme--card) !important;
|
||||
--theme_dark--callout_gray: #e2e3e5;
|
||||
--theme_dark--callout_gray-text: #383d41;
|
||||
--theme_dark--callout_brown: rgb(130, 118, 111);
|
||||
--theme_dark--callout_brown-text: rgb(85, 35, 1);
|
||||
--theme_dark--callout_orange: rgb(254, 214, 155);
|
||||
--theme_dark--callout_orange-text: rgb(255, 140, 0);
|
||||
--theme_dark--callout_yellow: #fcffd8;
|
||||
--theme_dark--callout_yellow-text: #c76e00;
|
||||
--theme_dark--callout_green: #d4edda;
|
||||
--theme_dark--callout_green-text: #155724;
|
||||
--theme_dark--callout_blue: #cce5ff;
|
||||
--theme_dark--callout_blue-text: #004085;
|
||||
--theme_dark--callout_purple: rgb(199, 178, 230);
|
||||
--theme_dark--callout_purple-text: rgb(90, 49, 148);
|
||||
--theme_dark--callout_pink: rgb(255, 206, 228);
|
||||
--theme_dark--callout_pink-text: rgb(255, 0, 127);
|
||||
--theme_dark--callout_red: #f8d7da;
|
||||
--theme_dark--callout_red-text: #721c24;
|
||||
}
|
||||
|
||||
/* todo 颜色 */
|
||||
.dark [style*='background: rgb(46, 170, 220)'],
|
||||
.dark [style*='background-color: rgb(46, 170, 220)'] {
|
||||
.notion-body.dark .notion-dark-theme [style*='background: rgb(46, 170, 220)'],
|
||||
.notion-body.dark
|
||||
.notion-dark-theme
|
||||
[style*='background-color: rgb(46, 170, 220)'] {
|
||||
background: var(--theme_dark--option_active-background) !important;
|
||||
}
|
||||
.notion-to_do-block > div [role='button']:not(:hover) .check {
|
||||
background: var(--theme_dark--option_active-background) !important;
|
||||
}
|
||||
|
||||
.notion-to_do-block > div [role='button']:not(:hover) .check polygon {
|
||||
fill: var(--theme_dark--option_active-color) !important;
|
||||
}
|
||||
|
||||
/*================================= 标签颜色 + 文本背景色 ===============================**/
|
||||
|
||||
/* 灰色 */
|
||||
.dark [style*='background: rgba(151, 154, 155, 0.5)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 10px 0.4em !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_dark--bg_gray) !important;
|
||||
color: var(--theme_dark--bg_gray_text) !important;
|
||||
}
|
||||
.dark [style*='background:rgb(69,75,78)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 0 0.4em !important;
|
||||
margin: 2px 0 !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_dark--bg_gray) !important;
|
||||
color: var(--theme_dark--bg_gray_text) !important;
|
||||
}
|
||||
|
||||
/* 棕色 */
|
||||
.dark [style*='background: rgba(147, 114, 100, 0.5)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 10px 0.4em !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_dark--bg_brown) !important;
|
||||
color: var(--theme_dark--bg_brown_text) !important;
|
||||
}
|
||||
.dark [style*='background:rgb(67,64,64)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 0 0.4em !important;
|
||||
margin: 2px 0 !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_dark--bg_brown) !important;
|
||||
color: var(--theme_dark--bg_brown_text) !important;
|
||||
}
|
||||
|
||||
/* 橘黄色 */
|
||||
.dark [style*='background: rgba(255, 163, 68, 0.5)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 10px 0.4em !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_dark--bg_orange) !important;
|
||||
color: var(--theme_dark--bg_orange_text) !important;
|
||||
}
|
||||
|
||||
.dark [style*='background:rgb(89,74,58)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 0 0.4em !important;
|
||||
margin: 2px 0 !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_dark--bg_orange) !important;
|
||||
color: var(--theme_dark--bg_orange_text) !important;
|
||||
}
|
||||
|
||||
/* 黄色 */
|
||||
.dark [style*='background: rgba(255, 220, 73, 0.5)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 10px 0.4em !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_dark--bg_yellow) !important;
|
||||
color: var(--theme_dark--bg_yellow_text) !important;
|
||||
}
|
||||
.dark [style*='background:rgb(89,86,59)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 0 0.4em !important;
|
||||
margin: 2px 0 !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_dark--bg_yellow) !important;
|
||||
color: var(--theme_dark--bg_yellow_text) !important;
|
||||
}
|
||||
|
||||
/* 绿色 */
|
||||
.dark [style*='background: rgba(77, 171, 154, 0.5)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 10px 0.4em !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_dark--bg_green) !important;
|
||||
color: var(--theme_dark--bg_green_text) !important;
|
||||
}
|
||||
.dark [style*='background:rgb(53,76,75)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 0 0.4em !important;
|
||||
margin: 2px 0 !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_dark--bg_green) !important;
|
||||
color: var(--theme_dark--bg_green_text) !important;
|
||||
}
|
||||
|
||||
/* 蓝色 */
|
||||
.dark [style*='background: rgba(82, 156, 202, 0.5)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 10px 0.4em !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_dark--bg_blue) !important;
|
||||
color: var(--theme_dark--bg_blue_text) !important;
|
||||
}
|
||||
.dark [style*='background:rgb(54,73,84)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 0 0.4em !important;
|
||||
margin: 2px 0 !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_dark--bg_blue) !important;
|
||||
color: var(--theme_dark--bg_blue_text) !important;
|
||||
}
|
||||
|
||||
/* 紫色 */
|
||||
.dark [style*='background: rgba(154, 109, 215, 0.5)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 10px 0.4em !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_dark--bg_purple) !important;
|
||||
color: var(--theme_dark--bg_purple_text) !important;
|
||||
}
|
||||
.dark [style*='background:rgb(68,63,87)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 0 0.4em !important;
|
||||
margin: 2px 0 !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_dark--bg_purple) !important;
|
||||
color: var(--theme_dark--bg_purple_text) !important;
|
||||
}
|
||||
|
||||
/* 粉红色 */
|
||||
.dark [style*='background: rgba(226, 85, 161, 0.5)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 10px 0.4em !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_dark--bg_pink) !important;
|
||||
color: var(--theme_dark--bg_pink_text) !important;
|
||||
}
|
||||
.dark [style*='background:rgb(83,59,76)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 0 0.4em !important;
|
||||
margin: 2px 0 !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_dark--bg_pink) !important;
|
||||
color: var(--theme_dark--bg_pink_text) !important;
|
||||
}
|
||||
|
||||
/* 红色 */
|
||||
.dark [style*='background: rgba(255, 115, 105, 0.5);'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 10px 0.4em !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_dark--bg_red) !important;
|
||||
color: var(--theme_dark--bg_red_text) !important;
|
||||
}
|
||||
.dark [style*='background:rgb(89,65,65)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 0 0.4em !important;
|
||||
margin: 2px 0 !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_dark--bg_red) !important;
|
||||
color: var(--theme_dark--bg_red_text) !important;
|
||||
}
|
||||
|
||||
/* -----------------------------callout 样式 start------------------------ */
|
||||
|
||||
/* notion-callout-block gray */
|
||||
.notion-dark-theme
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(69, 75, 78, 0.3)'] {
|
||||
/* color: var(--theme_dark--callout_text_gray) !important; */
|
||||
background: var(--theme_dark--callout_bg_gray) !important;
|
||||
border-radius: 3px !important;
|
||||
}
|
||||
|
||||
.notion-dark-theme
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(69, 75, 78, 0.3)']
|
||||
[style*='color: rgba(255, 255, 255, 0.9)'] {
|
||||
color: var(--theme_dark--callout_text_gray) !important;
|
||||
}
|
||||
|
||||
/* notion-callout-block brown */
|
||||
.notion-dark-theme
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(67, 64, 64, 0.3)'] {
|
||||
/* color: var(--theme_dark--callout_text_brown) !important; */
|
||||
background: var(--theme_dark--callout_bg_brown) !important;
|
||||
border-radius: 3px !important;
|
||||
}
|
||||
|
||||
.notion-dark-theme
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(67, 64, 64, 0.3)']
|
||||
[style*='color: rgba(255, 255, 255, 0.9)'] {
|
||||
color: var(--theme_dark--callout_text_brown) !important;
|
||||
}
|
||||
|
||||
/* notion-callout-block orange */
|
||||
.notion-dark-theme
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(89, 74, 58, 0.3)'] {
|
||||
/* color: var(--theme_dark--callout_text_orange) !important; */
|
||||
background: var(--theme_dark--callout_bg_orange) !important;
|
||||
border-radius: 3px !important;
|
||||
}
|
||||
|
||||
.notion-dark-theme
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(89, 74, 58, 0.3)']
|
||||
[style*='color: rgba(255, 255, 255, 0.9)'] {
|
||||
color: var(--theme_dark--callout_text_orange) !important;
|
||||
}
|
||||
|
||||
/* notion-callout-block yellow */
|
||||
.notion-dark-theme
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(89, 86, 59, 0.3)'] {
|
||||
/* color: var(--theme_dark--callout_text_yellow) !important; */
|
||||
background: var(--theme_dark--callout_bg_yellow) !important;
|
||||
border-radius: 3px !important;
|
||||
}
|
||||
|
||||
.notion-dark-theme
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(89, 86, 59, 0.3)']
|
||||
[style*='color: rgba(255, 255, 255, 0.9)'] {
|
||||
color: var(--theme_dark--callout_text_yellow) !important;
|
||||
}
|
||||
|
||||
/* notion-callout-block green */
|
||||
.notion-dark-theme
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(53, 76, 75, 0.3)'] {
|
||||
/* color: var(--theme_dark--callout_text_green) !important; */
|
||||
background: var(--theme_dark--callout_bg_green) !important;
|
||||
border-radius: 3px !important;
|
||||
}
|
||||
|
||||
.notion-dark-theme
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(53, 76, 75, 0.3)']
|
||||
[style*='color: rgba(255, 255, 255, 0.9)'] {
|
||||
color: var(--theme_dark--callout_text_green) !important;
|
||||
}
|
||||
|
||||
/* notion-callout-block blue */
|
||||
.notion-dark-theme
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(54, 73, 84, 0.3)'] {
|
||||
/* color: var(--theme_dark--callout_text_blue) !important; */
|
||||
background: var(--theme_dark--callout_bg_blue) !important;
|
||||
border-radius: 3px !important;
|
||||
}
|
||||
|
||||
.notion-dark-theme
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(54, 73, 84, 0.3)']
|
||||
[style*='color: rgba(255, 255, 255, 0.9)'] {
|
||||
color: var(--theme_dark--callout_text_blue) !important;
|
||||
}
|
||||
|
||||
/* notion-callout-block purple */
|
||||
.notion-dark-theme
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(68, 63, 87, 0.3)'] {
|
||||
/* color: var(--theme_dark--callout_text_purple) !important; */
|
||||
background: var(--theme_dark--callout_bg_purple) !important;
|
||||
border-radius: 3px !important;
|
||||
}
|
||||
|
||||
.notion-dark-theme
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(68, 63, 87, 0.3)']
|
||||
[style*='color: rgba(255, 255, 255, 0.9)'] {
|
||||
color: var(--theme_dark--callout_text_purple) !important;
|
||||
}
|
||||
|
||||
/* notion-callout-block pink */
|
||||
.notion-dark-theme
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(83, 59, 76, 0.3)'] {
|
||||
/* color: var(--theme_dark--callout_text_pink) !important; */
|
||||
background: var(--theme_dark--callout_bg_pink) !important;
|
||||
border-radius: 3px !important;
|
||||
}
|
||||
|
||||
.notion-dark-theme
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(83, 59, 76, 0.3)']
|
||||
[style*='color: rgba(255, 255, 255, 0.9)'] {
|
||||
color: var(--theme_dark--callout_text_pink) !important;
|
||||
}
|
||||
|
||||
/* notion-callout-block red */
|
||||
.notion-dark-theme
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(89, 65, 65, 0.3)'] {
|
||||
/* color: var(--theme_dark--callout_text_red) !important; */
|
||||
background: var(--theme_dark--callout_bg_red) !important;
|
||||
border-radius: 3px !important;
|
||||
}
|
||||
|
||||
.notion-dark-theme
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(89, 65, 65, 0.3)']
|
||||
[style*='color: rgba(255, 255, 255, 0.9)'] {
|
||||
color: var(--theme_dark--callout_text_red) !important;
|
||||
}
|
||||
|
||||
/* -----------------------------callout 样式 end---------------------------- */
|
||||
|
||||
/* ===================== header =========================== */
|
||||
.notion-dark-theme [placeholder*='Heading 1'] {
|
||||
color: var(--theme_dark--h1_text) !important;
|
||||
color: var(--littlepig_dark--h1_text) !important;
|
||||
}
|
||||
|
||||
.notion-dark-theme [placeholder*='Heading 2'] {
|
||||
margin-bottom: 16px;
|
||||
border-bottom: 4px solid var(--theme_dark--h2_text);
|
||||
border-bottom: 4px solid var(--littlepig_dark--h2_text);
|
||||
display: inline-block;
|
||||
color: var(--theme_dark--h2_text) !important;
|
||||
color: var(--littlepig_dark--h2_text) !important;
|
||||
width: auto !important;
|
||||
padding: 6px 12px 6px 0 !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.notion-dark-theme [placeholder*='Heading 2']::before {
|
||||
content: '🔥 ';
|
||||
}
|
||||
@ -563,13 +152,12 @@
|
||||
width: fit-content !important;
|
||||
padding: 4px 10px !important;
|
||||
border-radius: 10px;
|
||||
border: 2px solid var(--theme_dark--h3_text);
|
||||
color: var(--theme_dark--h3_text) !important;
|
||||
border: 2px solid var(--littlepig_dark--h3_text);
|
||||
color: var(--littlepig_dark--h3_text) !important;
|
||||
background-color: #fbf8e7;
|
||||
display: inline-block;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.notion-dark-theme [placeholder*='Heading 3']::before {
|
||||
content: '📌 ';
|
||||
}
|
||||
@ -589,10 +177,9 @@
|
||||
padding: 0.5em 0.5em 0.5em 1.9em !important;
|
||||
position: relative;
|
||||
margin: 10px 0;
|
||||
background: #9494942e;
|
||||
background: var(--theme_dark--card);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.notion-dark-theme
|
||||
.notion-quote-block
|
||||
[style*='caret-color: rgba(255, 255, 255, 0.9);']::before {
|
||||
@ -613,13 +200,6 @@
|
||||
border-width: 3px !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.notion-dark-theme .notion-link-token span:hover {
|
||||
color: rgb(233, 51, 38) !important;
|
||||
}
|
||||
|
||||
/* code */
|
||||
.dark [style*='color:#EB5757'] {
|
||||
color: var(--theme_dark--code_inline-text) !important;
|
||||
background: var(--theme_dark--code_inline-background) !important;
|
||||
}
|
||||
|
||||
@ -7,57 +7,16 @@
|
||||
|
||||
:root {
|
||||
--theme_light--font_sans: 'JetBrains Mono';
|
||||
--theme_light--font_serif: 'JetBrains Mono';
|
||||
--theme_light--font_mono: 'JetBrains Mono';
|
||||
--theme_light--font_code: 'JetBrains Mono';
|
||||
|
||||
--theme_light--main: white;
|
||||
--theme_light--sidebar: rgb(247, 246, 243);
|
||||
--theme_light--overlay: rgba(15, 15, 15, 0.6);
|
||||
--theme_light--dragarea: rgba(55, 53, 47, 0.04);
|
||||
--theme_light--preview-width: 977px;
|
||||
--theme_light--preview-padding: 8rem;
|
||||
--theme_light--preview_banner-height: 20vh;
|
||||
--theme_light--page_banner-height: 30vh;
|
||||
|
||||
--theme_light--font_title-size: 40px;
|
||||
--theme_light--font_heading1-size: 30px;
|
||||
--theme_light--font_heading2-size: 24px;
|
||||
--theme_light--font_heading3-size: 20px;
|
||||
--theme_light--font_label-size: 14px;
|
||||
--theme_light--font_body-size: 17px;
|
||||
--theme_light--font_code-size: 16px;
|
||||
--theme_light--font_sidebar-size: 14px;
|
||||
|
||||
--theme_light--scrollbar: #d9d8d6;
|
||||
--theme_light--scrollbar-border: #cacac8;
|
||||
--theme_light--scrollbar_hover: #cacac8;
|
||||
|
||||
--theme_light--card: rgb(247, 247, 247);
|
||||
--theme_light--gallery: rgba(55, 53, 47, 0.024);
|
||||
--theme_light--table-border: rgba(55, 53, 47, 0.16);
|
||||
--theme_light--interactive_hover: rgba(55, 53, 47, 0.08);
|
||||
--theme_light--interactive_hover-border: transparent;
|
||||
--theme_light--button_close: #e81123;
|
||||
--theme_light--button_close-fill: white;
|
||||
|
||||
--theme_light--selected: rgba(177, 24, 24, 0.22);
|
||||
--theme_light--primary: rgb(177, 24, 24);
|
||||
--theme_light--primary_hover: rgb(202, 26, 26);
|
||||
--theme_light--primary_click: rgb(219, 41, 41);
|
||||
--theme_light--primary_indicator: rgb(202, 26, 26);
|
||||
|
||||
--theme_light--option-color: black;
|
||||
--theme_light--option-background: transparent;
|
||||
--theme_light--option_hover-color: black;
|
||||
--theme_light--option_hover-background: rgba(55, 53, 47, 0.08);
|
||||
|
||||
--theme_light--danger_text: rgb(235, 87, 87);
|
||||
--theme_light--danger_border: rgba(235, 87, 87, 0.5);
|
||||
|
||||
--theme_light--text: rgb(55, 53, 47);
|
||||
--theme_light--text_ui: rgba(55, 53, 47, 0.6);
|
||||
--theme_light--text_ui_info: rgba(55, 53, 47, 0.4);
|
||||
|
||||
/* 文本颜色 */
|
||||
--theme_light--text_gray: rgba(151, 154, 155, 0.95);
|
||||
--theme_light--text_brown: rgb(167, 126, 100);
|
||||
@ -71,67 +30,47 @@
|
||||
|
||||
/* 文本背景色 */
|
||||
--theme_light--bg_gray: rgb(234, 234, 234);
|
||||
--theme_light--bg_gray_text: rgb(17, 17, 17);
|
||||
|
||||
--theme_light--bg_gray-text: rgb(17, 17, 17);
|
||||
--theme_light--bg_brown: rgb(206, 206, 206);
|
||||
--theme_light--bg_brown_text: rgb(85, 35, 1);
|
||||
|
||||
--theme_light--bg_brown-text: rgb(85, 35, 1);
|
||||
--theme_light--bg_orange: rgb(254, 214, 155);
|
||||
--theme_light--bg_orange_text: rgb(199, 110, 0);
|
||||
|
||||
--theme_light--bg_orange-text: rgb(199, 110, 0);
|
||||
--theme_light--bg_yellow: #fcffd8;
|
||||
--theme_light--bg_yellow_text: #ff8c22;
|
||||
|
||||
--theme_light--bg_yellow-text: #ff8c22;
|
||||
--theme_light--bg_green: #d5fded;
|
||||
--theme_light--bg_green_text: #006a00;
|
||||
|
||||
--theme_light--bg_green-text: #006a00;
|
||||
--theme_light--bg_blue: #e2f5ff;
|
||||
--theme_light--bg_blue_text: #00b2ff;
|
||||
|
||||
--theme_light--bg_blue-text: #00b2ff;
|
||||
--theme_light--bg_purple: #efe6ff;
|
||||
--theme_light--bg_purple_text: #8334ff;
|
||||
|
||||
--theme_light--bg_purple-text: #8334ff;
|
||||
--theme_light--bg_pink: #ffe9f1;
|
||||
--theme_light--bg_pink_text: rgb(255, 0, 127);
|
||||
|
||||
--theme_light--bg_pink-text: rgb(255, 0, 127);
|
||||
--theme_light--bg_red: rgb(248, 215, 218);
|
||||
--theme_light--bg_red_text: rgb(138, 0, 10);
|
||||
--theme_light--bg_red-text: rgb(138, 0, 10);
|
||||
|
||||
--theme_light--select_gray: var(--theme_light--bg_gray);
|
||||
--theme_light--select_brown: var(--theme_light--bg_brown);
|
||||
--theme_light--select_orange: var(--theme_light--bg_orange);
|
||||
--theme_light--select_yellow: var(--theme_light--bg_yellow);
|
||||
--theme_light--select_green: var(--theme_light--bg_green);
|
||||
--theme_light--select_blue: var(--theme_light--bg_blue);
|
||||
--theme_light--select_purple: var(--theme_light--bg_purple);
|
||||
--theme_light--select_pink: var(--theme_light--bg_pink);
|
||||
--theme_light--select_red: var(--theme_light--bg_red);
|
||||
|
||||
/* inline code */
|
||||
--theme_light--code_inline-text: #ffffff;
|
||||
--theme_light--code_inline-background: rgb(179, 39, 39);
|
||||
|
||||
--theme_light--code_text: var(--theme_light--text);
|
||||
--theme_light--code-background: rgb(247, 246, 243);
|
||||
--theme_light--code_function: #dd4a68;
|
||||
--theme_light--code_keyword: #07a;
|
||||
--theme_light--code_tag: #905;
|
||||
--theme_light--code_operator: #9a6e3a;
|
||||
--theme_light--code_important: #e90;
|
||||
--theme_light--code_property: #905;
|
||||
--theme_light--code_builtin: #690;
|
||||
--theme_light--code_attr-name: #690;
|
||||
--theme_light--code_comment: slategray;
|
||||
--theme_light--code_punctuation: #999;
|
||||
--theme_light--code_doctype: slategray;
|
||||
--theme_light--code_number: #905;
|
||||
--theme_light--code_string: #690;
|
||||
--theme_light--code_attr-value: #07a;
|
||||
--theme_light--select_gray: rgb(234, 234, 234);
|
||||
--theme_light--select_gray-text: rgb(17, 17, 17);
|
||||
--theme_light--select_brown: rgb(206, 206, 206);
|
||||
--theme_light--select_brown-text: rgb(85, 35, 1);
|
||||
--theme_light--select_orange: rgb(254, 214, 155);
|
||||
--theme_light--select_orange-text: rgb(199, 110, 0);
|
||||
--theme_light--select_yellow: #fcffd8;
|
||||
--theme_light--select_yellow-text: #ff8c22;
|
||||
--theme_light--select_green: #d5fded;
|
||||
--theme_light--select_green-text: #006a00;
|
||||
--theme_light--select_blue: #e2f5ff;
|
||||
--theme_light--select_blue-text: #00b2ff;
|
||||
--theme_light--select_purple: #efe6ff;
|
||||
--theme_light--select_purple-text: #8334ff;
|
||||
--theme_light--select_pink: #ffe9f1;
|
||||
--theme_light--select_pink-text: rgb(255, 0, 127);
|
||||
--theme_light--select_red: rgb(248, 215, 218);
|
||||
--theme_light--select_red-text: rgb(138, 0, 10);
|
||||
|
||||
/* 标题色 */
|
||||
--theme_light--h1_text: #008800;
|
||||
--theme_light--h2_text: #006a00;
|
||||
--theme_light--h3_text: #003e00;
|
||||
--littlepig_light--h1_text: #008800;
|
||||
--littlepig_light--h2_text: #006a00;
|
||||
--littlepig_light--h3_text: #003e00;
|
||||
|
||||
/* todo */
|
||||
--theme_light--option_active-color: #008800;
|
||||
@ -142,401 +81,55 @@
|
||||
--theme_light--code_inline-background: rgb(179, 39, 39);
|
||||
|
||||
/* callout 颜色 */
|
||||
--theme_light--callout_bg_gray: #e2e3e5;
|
||||
--theme_light--callout_text_gray: #383d41;
|
||||
|
||||
--theme_light--callout_bg_brown: rgb(130, 118, 111);
|
||||
--theme_light--callout_text_brown: rgb(85, 35, 1);
|
||||
|
||||
--theme_light--callout_bg_orange: rgb(254, 214, 155);
|
||||
--theme_light--callout_text_orange: rgb(255, 140, 0);
|
||||
|
||||
--theme_light--callout_bg_yellow: #fcffd8;
|
||||
--theme_light--callout_text_yellow: #c76e00;
|
||||
|
||||
--theme_light--callout_bg_green: #d4edda;
|
||||
--theme_light--callout_text_green: #155724;
|
||||
|
||||
--theme_light--callout_bg_blue: #cce5ff;
|
||||
--theme_light--callout_text_blue: #004085;
|
||||
|
||||
--theme_light--callout_bg_purple: rgb(199, 178, 230);
|
||||
--theme_light--callout_text_purple: rgb(90, 49, 148);
|
||||
|
||||
--theme_light--callout_bg_pink: rgb(255, 206, 228);
|
||||
--theme_light--callout_text_pink: rgb(255, 0, 127);
|
||||
|
||||
--theme_light--callout_bg_red: #f8d7da;
|
||||
--theme_light--callout_text_red: #721c24;
|
||||
--theme_light--callout_gray: #e2e3e5;
|
||||
--theme_light--callout_gray-text: #383d41;
|
||||
--theme_light--callout_brown: rgb(130, 118, 111);
|
||||
--theme_light--callout_brown-text: rgb(85, 35, 1);
|
||||
--theme_light--callout_orange: rgb(254, 214, 155);
|
||||
--theme_light--callout_orange-text: rgb(255, 140, 0);
|
||||
--theme_light--callout_yellow: #fcffd8;
|
||||
--theme_light--callout_yellow-text: #c76e00;
|
||||
--theme_light--callout_green: #d4edda;
|
||||
--theme_light--callout_green-text: #155724;
|
||||
--theme_light--callout_blue: #cce5ff;
|
||||
--theme_light--callout_blue-text: #004085;
|
||||
--theme_light--callout_purple: rgb(199, 178, 230);
|
||||
--theme_light--callout_purple-text: rgb(90, 49, 148);
|
||||
--theme_light--callout_pink: rgb(255, 206, 228);
|
||||
--theme_light--callout_pink-text: rgb(255, 0, 127);
|
||||
--theme_light--callout_red: #f8d7da;
|
||||
--theme_light--callout_red-text: #721c24;
|
||||
}
|
||||
|
||||
/* todo 颜色 */
|
||||
.notion-body:not(.dark) [style*='background: rgb(46, 170, 220)'] {
|
||||
background: var(--theme_light--option_active-background) !important;
|
||||
}
|
||||
.notion-body:not(.dark)
|
||||
[style*='background: rgb(46, 170, 220)'][role='button'] {
|
||||
background: var(--theme_light--primary) !important;
|
||||
.notion-light-theme
|
||||
[style*='background: rgb(46, 170, 220)'],
|
||||
.notion-body:not(.dark)
|
||||
.notion-light-theme
|
||||
[style*='background-color: rgb(46, 170, 220)'] {
|
||||
background: var(--theme_dark--option_active-background) !important;
|
||||
}
|
||||
|
||||
.notion-body:not(.dark) [style*='background: rgb(46, 170, 220)'][role='button'],
|
||||
.notion-body:not(.dark)
|
||||
[style*='background: rgb(46, 170, 220);'][style*='width: 26px'] {
|
||||
background: var(--theme_light--primary) !important;
|
||||
}
|
||||
|
||||
.notion-body:not(.dark)
|
||||
.notion-to_do-block
|
||||
> div
|
||||
[role='button']:not(:hover)
|
||||
.check {
|
||||
background: var(--theme_light--option_active-background) !important;
|
||||
}
|
||||
|
||||
.notion-body:not(.dark)
|
||||
.notion-to_do-block
|
||||
> div
|
||||
[role='button']:not(:hover)
|
||||
.check
|
||||
polygon {
|
||||
fill: var(--theme_light--option_active-color) !important;
|
||||
}
|
||||
|
||||
/*================================= 标签颜色 + 文本背景色 ===============================**/
|
||||
|
||||
/* 灰色 */
|
||||
.notion-body:not(.dark) [style*='background: rgba(155, 154, 151, 0.4)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 10px 0.4em !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_light--bg_gray) !important;
|
||||
color: var(--theme_light--bg_gray_text) !important;
|
||||
}
|
||||
.notion-body:not(.dark) [style*='background:rgb(235,236,237)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 0 0.4em !important;
|
||||
margin: 2px 0 !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_light--bg_gray) !important;
|
||||
color: var(--theme_light--bg_gray_text) !important;
|
||||
}
|
||||
|
||||
/* 棕色 */
|
||||
.notion-body:not(.dark) [style*='background: rgba(140, 46, 0, 0.2)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 10px 0.4em !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_light--bg_brown) !important;
|
||||
color: var(--theme_light--bg_brown_text) !important;
|
||||
}
|
||||
.notion-body:not(.dark) [style*='background:rgb(233,229,227)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 0 0.4em !important;
|
||||
margin: 2px 0 !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_light--bg_brown) !important;
|
||||
color: var(--theme_light--bg_brown_text) !important;
|
||||
}
|
||||
|
||||
/* 橘黄色 */
|
||||
.notion-body:not(.dark) [style*='background: rgba(245, 93, 0, 0.2)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 10px 0.4em !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_light--bg_orange) !important;
|
||||
color: var(--theme_light--bg_orange_text) !important;
|
||||
}
|
||||
|
||||
.notion-body:not(.dark) [style*='background:rgb(250,235,221)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 0 0.4em !important;
|
||||
margin: 2px 0 !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_light--bg_orange) !important;
|
||||
color: var(--theme_light--bg_orange_text) !important;
|
||||
}
|
||||
|
||||
/* 黄色 */
|
||||
.notion-body:not(.dark) [style*='background: rgba(233, 168, 0, 0.2)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 10px 0.4em !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_light--bg_yellow) !important;
|
||||
color: var(--theme_light--bg_yellow_text) !important;
|
||||
}
|
||||
.notion-body:not(.dark) [style*='background:rgb(251,243,219)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 0 0.4em !important;
|
||||
margin: 2px 0 !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_light--bg_yellow) !important;
|
||||
color: var(--theme_light--bg_yellow_text) !important;
|
||||
}
|
||||
|
||||
/* 绿色 */
|
||||
.notion-body:not(.dark) [style*='background: rgba(0, 135, 107, 0.2)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 10px 0.4em !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_light--bg_green) !important;
|
||||
color: var(--theme_light--bg_green_text) !important;
|
||||
}
|
||||
.notion-body:not(.dark) [style*='background:rgb(221,237,234)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 0 0.4em !important;
|
||||
margin: 2px 0 !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_light--bg_green) !important;
|
||||
color: var(--theme_light--bg_green_text) !important;
|
||||
}
|
||||
|
||||
/* 蓝色 */
|
||||
.notion-body:not(.dark) [style*='background: rgba(0, 120, 223, 0.2)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 10px 0.4em !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_light--bg_blue) !important;
|
||||
color: var(--theme_light--bg_blue_text) !important;
|
||||
}
|
||||
.notion-body:not(.dark) [style*='background:rgb(221,235,241)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 0 0.4em !important;
|
||||
margin: 2px 0 !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_light--bg_blue) !important;
|
||||
color: var(--theme_light--bg_blue_text) !important;
|
||||
}
|
||||
|
||||
/* 紫色 */
|
||||
.notion-body:not(.dark) [style*='background: rgba(103, 36, 222, 0.2)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 10px 0.4em !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_light--bg_purple) !important;
|
||||
color: var(--theme_light--bg_purple_text) !important;
|
||||
}
|
||||
.notion-body:not(.dark) [style*='background:rgb(234,228,242)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 0 0.4em !important;
|
||||
margin: 2px 0 !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_light--bg_purple) !important;
|
||||
color: var(--theme_light--bg_purple_text) !important;
|
||||
}
|
||||
|
||||
/* 粉红色 */
|
||||
.notion-body:not(.dark) [style*='background: rgba(221, 0, 129, 0.2)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 10px 0.4em !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_light--bg_pink) !important;
|
||||
color: var(--theme_light--bg_pink_text) !important;
|
||||
}
|
||||
.notion-body:not(.dark) [style*='background:rgb(244,223,235)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 0 0.4em !important;
|
||||
margin: 2px 0 !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_light--bg_pink) !important;
|
||||
color: var(--theme_light--bg_pink_text) !important;
|
||||
}
|
||||
|
||||
/* 红色 */
|
||||
.notion-body:not(.dark) [style*='background: rgba(255, 0, 26, 0.2)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 10px 0.4em !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_light--bg_red) !important;
|
||||
color: var(--theme_light--bg_red_text) !important;
|
||||
}
|
||||
.notion-body:not(.dark) [style*='background:rgb(251,228,228)'] {
|
||||
display: inline-block;
|
||||
border-radius: 4px !important;
|
||||
padding: 0 0.4em !important;
|
||||
margin: 2px 0 !important;
|
||||
font-weight: 500 !important;
|
||||
background: var(--theme_light--bg_red) !important;
|
||||
color: var(--theme_light--bg_red_text) !important;
|
||||
}
|
||||
|
||||
/* -----------------------------callout 样式 start------------------------ */
|
||||
|
||||
/* notion-callout-block gray */
|
||||
.notion-body:not(.dark)
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(235, 236, 237, 0.3);'] {
|
||||
/* color: var(--theme_light--callout_text_gray) !important; */
|
||||
background: var(--theme_light--callout_bg_gray) !important;
|
||||
border-radius: 3px !important;
|
||||
}
|
||||
|
||||
.notion-body:not(.dark)
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(235, 236, 237, 0.3);']
|
||||
[style*='color: rgb(55, 53, 47);'] {
|
||||
color: var(--theme_light--callout_text_gray) !important;
|
||||
}
|
||||
|
||||
/* notion-callout-block brown */
|
||||
.notion-body:not(.dark)
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(233, 229, 227, 0.3);'] {
|
||||
/* color: var(--theme_light--callout_text_brown) !important; */
|
||||
background: var(--theme_light--callout_bg_brown) !important;
|
||||
border-radius: 3px !important;
|
||||
}
|
||||
|
||||
.notion-body:not(.dark)
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(233, 229, 227, 0.3);']
|
||||
[style*='color: rgb(55, 53, 47);'] {
|
||||
color: var(--theme_light--callout_text_brown) !important;
|
||||
}
|
||||
|
||||
/* notion-callout-block orange */
|
||||
.notion-body:not(.dark)
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(250, 235, 221, 0.3);'] {
|
||||
/* color: var(--theme_light--callout_text_orange) !important; */
|
||||
background: var(--theme_light--callout_bg_orange) !important;
|
||||
border-radius: 3px !important;
|
||||
}
|
||||
|
||||
.notion-body:not(.dark)
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(250, 235, 221, 0.3);']
|
||||
[style*='color: rgb(55, 53, 47);'] {
|
||||
color: var(--theme_light--callout_text_orange) !important;
|
||||
}
|
||||
|
||||
/* notion-callout-block yellow */
|
||||
.notion-body:not(.dark)
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(251, 243, 219, 0.3);'] {
|
||||
/* color: var(--theme_light--callout_text_yellow) !important; */
|
||||
background: var(--theme_light--callout_bg_yellow) !important;
|
||||
border-radius: 3px !important;
|
||||
}
|
||||
|
||||
.notion-body:not(.dark)
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(251, 243, 219, 0.3);']
|
||||
[style*='color: rgb(55, 53, 47);'] {
|
||||
color: var(--theme_light--callout_text_yellow) !important;
|
||||
}
|
||||
|
||||
/* notion-callout-block green */
|
||||
.notion-body:not(.dark)
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(221, 237, 234, 0.3);'] {
|
||||
/* color: var(--theme_light--callout_text_green) !important; */
|
||||
background: var(--theme_light--callout_bg_green) !important;
|
||||
border-radius: 3px !important;
|
||||
}
|
||||
|
||||
.notion-body:not(.dark)
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(221, 237, 234, 0.3);']
|
||||
[style*='color: rgb(55, 53, 47);'] {
|
||||
color: var(--theme_light--callout_text_green) !important;
|
||||
}
|
||||
|
||||
/* notion-callout-block blue */
|
||||
.notion-body:not(.dark)
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(221, 235, 241, 0.3);'] {
|
||||
/* color: var(--theme_light--callout_text_blue) !important; */
|
||||
background: var(--theme_light--callout_bg_blue) !important;
|
||||
border-radius: 3px !important;
|
||||
}
|
||||
|
||||
.notion-body:not(.dark)
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(221, 235, 241, 0.3);']
|
||||
[style*='color: rgb(55, 53, 47);'] {
|
||||
color: var(--theme_light--callout_text_blue) !important;
|
||||
}
|
||||
|
||||
/* notion-callout-block purple */
|
||||
.notion-body:not(.dark)
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(234, 228, 242, 0.3);'] {
|
||||
/* color: var(--theme_light--callout_text_purple) !important; */
|
||||
background: var(--theme_light--callout_bg_purple) !important;
|
||||
border-radius: 3px !important;
|
||||
}
|
||||
|
||||
.notion-body:not(.dark)
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(234, 228, 242, 0.3);']
|
||||
[style*='color: rgb(55, 53, 47);'] {
|
||||
color: var(--theme_light--callout_text_purple) !important;
|
||||
}
|
||||
|
||||
/* notion-callout-block pink */
|
||||
.notion-body:not(.dark)
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(244, 223, 235, 0.3);'] {
|
||||
/* color: var(--theme_light--callout_text_pink) !important; */
|
||||
background: var(--theme_light--callout_bg_pink) !important;
|
||||
border-radius: 3px !important;
|
||||
}
|
||||
|
||||
.notion-body:not(.dark)
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(244, 223, 235, 0.3);'][style*='color: rgb(55, 53, 47);'] {
|
||||
color: var(--theme_light--callout_text_pink) !important;
|
||||
}
|
||||
|
||||
/* notion-callout-block red */
|
||||
.notion-body:not(.dark)
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(251, 228, 228, 0.3);'] {
|
||||
/* color: var(--theme_light--callout_text_red) !important; */
|
||||
background: var(--theme_light--callout_bg_red) !important;
|
||||
border-radius: 3px !important;
|
||||
}
|
||||
|
||||
.notion-body:not(.dark)
|
||||
.notion-callout-block
|
||||
[style*='background: rgba(251, 228, 228, 0.3);']
|
||||
[style*='color: rgb(55, 53, 47);'] {
|
||||
color: var(--theme_light--callout_text_red) !important;
|
||||
}
|
||||
|
||||
/* -----------------------------callout 样式 end---------------------------- */
|
||||
|
||||
/* ===================== header =========================== */
|
||||
.notion-body:not(.dark) [placeholder*='Heading 1'] {
|
||||
color: var(--theme_light--h1_text) !important;
|
||||
color: var(--littlepig_light--h1_text) !important;
|
||||
}
|
||||
|
||||
.notion-body:not(.dark) [placeholder*='Heading 2'] {
|
||||
margin-bottom: 16px;
|
||||
border-bottom: 4px solid var(--theme_light--h2_text);
|
||||
border-bottom: 4px solid var(--littlepig_light--h2_text);
|
||||
display: inline-block;
|
||||
color: var(--theme_light--h2_text) !important;
|
||||
color: var(--littlepig_light--h2_text) !important;
|
||||
width: auto !important;
|
||||
padding: 6px 12px 6px 0 !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.notion-body:not(.dark) [placeholder*='Heading 2']::before {
|
||||
content: '🔥 ';
|
||||
}
|
||||
@ -546,12 +139,11 @@
|
||||
padding: 4px 10px !important;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #42b983;
|
||||
color: var(--theme_light--h3_text) !important;
|
||||
color: var(--littlepig_light--h3_text) !important;
|
||||
background-color: #fbf8e7;
|
||||
display: inline-block;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.notion-body:not(.dark) [placeholder*='Heading 3']::before {
|
||||
content: '📌 ';
|
||||
}
|
||||
@ -569,10 +161,9 @@
|
||||
padding: 0.5em 0.5em 0.5em 1.9em !important;
|
||||
position: relative;
|
||||
margin: 10px 0;
|
||||
background: #9494942e;
|
||||
background: var(--theme_light--card);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.notion-body:not(.dark)
|
||||
.notion-quote-block
|
||||
[style*='caret-color: rgb(55, 53, 47);']::before {
|
||||
@ -593,13 +184,6 @@
|
||||
border-width: 3px !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.notion-body:not(.dark) .notion-link-token span:hover {
|
||||
color: rgb(233, 51, 38) !important;
|
||||
}
|
||||
|
||||
/* code */
|
||||
.dark [style*='color:#EB5757'] {
|
||||
color: var(--theme_light--code_inline-text) !important;
|
||||
background: var(--theme_light--code_inline-background) !important;
|
||||
}
|
||||
|
||||
@ -12,7 +12,7 @@ module.exports = {
|
||||
tags: ['theme', 'dark'],
|
||||
name: 'neutral',
|
||||
desc: 'smoother colours and fonts, designed to be more pleasing to the eye.',
|
||||
version: '0.1.2',
|
||||
version: '0.1.3',
|
||||
author: 'arecsu',
|
||||
fonts: [
|
||||
'https://rsms.me/inter/inter.css',
|
||||
|
||||
@ -96,9 +96,19 @@
|
||||
--theme_dark--line_pink: #8e4b63;
|
||||
--theme_dark--line_red: #8c3d3d;
|
||||
|
||||
--theme_dark--callout_gray: rgba(88, 88, 88, 0.175);
|
||||
--theme_dark--callout_brown: rgb(51, 51, 51, 0.175);
|
||||
--theme_dark--callout_orange: rgb(154, 90, 63, 0.175);
|
||||
--theme_dark--callout_yellow: rgb(181, 138, 70, 0.175);
|
||||
--theme_dark--callout_green: rgb(101, 121, 83, 0.175);
|
||||
--theme_dark--callout_blue: rgb(53, 84, 117, 0.175);
|
||||
--theme_dark--callout_purple: rgb(119, 81, 134, 0.175);
|
||||
--theme_dark--callout_pink: rgb(142, 75, 99, 0.175);
|
||||
--theme_dark--callout_red: rgb(140, 61, 61, 0.175);
|
||||
|
||||
--theme_dark--code_inline-text: var(--theme_dark--text);
|
||||
--theme_dark--code_inline-background: #333333;
|
||||
--theme_dark--code_text: var(--theme_dark--text);
|
||||
--theme_dark--code-text: var(--theme_dark--text);
|
||||
--theme_dark--code-background: #0e0e0e;
|
||||
--theme_dark--code_function: var(--theme_dark--text_blue);
|
||||
--theme_dark--code_keyword: var(--theme_dark--text_pink);
|
||||
|
||||
@ -12,7 +12,7 @@ module.exports = {
|
||||
tags: ['theme', 'dark'],
|
||||
name: 'pastel dark',
|
||||
desc: 'a smooth-transition true dark theme with a hint of pastel.',
|
||||
version: '0.1.2',
|
||||
version: '0.1.3',
|
||||
author: {
|
||||
name: 'zenith_illinois',
|
||||
link: 'https://www.reddit.com/user/zenith_illinois/',
|
||||
|
||||
@ -50,7 +50,7 @@
|
||||
--theme_dark--text_pink: #f7b8dc;
|
||||
--theme_dark--text_red: #f8acb4;
|
||||
|
||||
--theme_dark--select_text: rgb(55, 53, 47);
|
||||
--theme_dark--select-text: rgb(55, 53, 47);
|
||||
--theme_dark--select_gray: #b1aeab;
|
||||
--theme_dark--select_brown: #d8b6a6;
|
||||
--theme_dark--select_orange: #fde3c0;
|
||||
@ -61,7 +61,7 @@
|
||||
--theme_dark--select_pink: #f7b8dc;
|
||||
--theme_dark--select_red: #f8acb4;
|
||||
|
||||
--theme_dark--bg_text: var(--theme_darl--select_text);
|
||||
--theme_dark--bg-text: var(--theme_dark--select-text);
|
||||
--theme_dark--bg_gray: var(--theme_dark--select_gray);
|
||||
--theme_dark--bg_brown: var(--theme_dark--select_brown);
|
||||
--theme_dark--bg_orange: var(--theme_dark--select_orange);
|
||||
@ -72,7 +72,7 @@
|
||||
--theme_dark--bg_pink: var(--theme_dark--select_pink);
|
||||
--theme_dark--bg_red: var(--theme_dark--select_red);
|
||||
|
||||
--theme_dark--line_text: rgb(55, 53, 47);
|
||||
--theme_dark--line-text: rgb(34, 34, 34);
|
||||
--theme_dark--line_gray: #c2c1c089;
|
||||
--theme_dark--line_brown: #dacec992;
|
||||
--theme_dark--line_orange: #fff0dc9f;
|
||||
@ -83,9 +83,20 @@
|
||||
--theme_dark--line_pink: #fdcce8b1;
|
||||
--theme_dark--line_red: #ffc8ce9e;
|
||||
|
||||
--theme_dark--callout-text: var(--theme_dark--line-text);
|
||||
--theme_dark--callout_gray: var(--theme_dark--line_gray);
|
||||
--theme_dark--callout_brown: var(--theme_dark--line_brown);
|
||||
--theme_dark--callout_orange: var(--theme_dark--line_orange);
|
||||
--theme_dark--callout_yellow: var(--theme_dark--line_yellow);
|
||||
--theme_dark--callout_green: var(--theme_dark--line_green);
|
||||
--theme_dark--callout_blue: var(--theme_dark--line_blue);
|
||||
--theme_dark--callout_purple: var(--theme_dark--line_purple);
|
||||
--theme_dark--callout_pink: var(--theme_dark--line_pink);
|
||||
--theme_dark--callout_red: var(--theme_dark--line_red);
|
||||
|
||||
--theme_dark--code_inline-text: #b3f5c8;
|
||||
--theme_dark--code_inline-background: rgb(8, 8, 8);
|
||||
--theme_dark--code_text: var(--theme_dark--text);
|
||||
--theme_dark--code-text: var(--theme_dark--text);
|
||||
--theme_dark--code-background: #0f0f0f;
|
||||
--theme_dark--code_function: var(--theme_dark--text_blue);
|
||||
--theme_dark--code_keyword: var(--theme_dark--text_pink);
|
||||
|
||||
Loading…
Reference in New Issue
Block a user