mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-05 05:09:03 +00:00
317 lines
10 KiB
CSS
317 lines
10 KiB
CSS
/*
|
|
* notion-enhancer
|
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
|
* (c) 2020 TarasokUA
|
|
* (c) 2020 Arecsu
|
|
* (c) 2020 u/zenith_illinois
|
|
* under the MIT license
|
|
*/
|
|
|
|
/** general ui **/
|
|
|
|
.dark [style*='background: rgb(55, 60, 63)'],
|
|
.dark [style*='background: rgba(69, 75, 78, 0.3)'],
|
|
.dark [style*='background: rgb(120, 123, 123)'] {
|
|
background: var(--theme--sidebar) !important;
|
|
}
|
|
.notion-body.dark,
|
|
.dark [style*='background: rgb(47, 52, 55)'],
|
|
.dark [style*='background-color: rgb(47, 52, 55)'] {
|
|
background: var(--theme--main) !important;
|
|
}
|
|
|
|
.dark
|
|
.notion-peek-renderer
|
|
.notion-scroller.vertical
|
|
[style*='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 20vh;'],
|
|
.dark
|
|
.notion-peek-renderer
|
|
.notion-scroller.vertical
|
|
[style*='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 20vh;']
|
|
img {
|
|
height: var(--theme--preview_banner-height) !important;
|
|
}
|
|
.dark
|
|
[style^='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 30vh;'],
|
|
.dark
|
|
[style^='position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; height: 30vh;']
|
|
img {
|
|
height: var(--theme--page_banner-height) !important;
|
|
}
|
|
|
|
/** databases **/
|
|
|
|
.dark [style*='background: rgb(63, 68, 71)'] {
|
|
background: var(--theme--card) !important;
|
|
}
|
|
.dark
|
|
.notion-page-content
|
|
.notion-page-block.notion-collection-item
|
|
[style*='background: rgba(255, 255, 255, 0.05)'] {
|
|
background: var(--theme--gallery) !important;
|
|
}
|
|
|
|
.dark
|
|
[style*='box-shadow: rgba(15, 15, 15, 0.2) 0px 0px 0px 1px, rgba(15, 15, 15, 0.2) 0px 2px 4px'] {
|
|
box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px,
|
|
rgba(15, 15, 15, 0.1) 0px 2px 4px !important;
|
|
}
|
|
|
|
.dark [style*='box-shadow: rgb(47, 52, 55) -3px 0px 0px'] {
|
|
box-shadow: var(--theme--main) -3px 0px 0px !important;
|
|
}
|
|
.dark
|
|
[style*='box-shadow: rgb(47, 52, 55) -3px 0px 0px, rgba(255, 255, 255, 0.14) 0px 1px 0px'] {
|
|
box-shadow: var(--theme--main) -3px 0px 0px,
|
|
var(--theme--table-border) 0px 1px 0px !important;
|
|
}
|
|
|
|
.dark [style*='border-top: 1px solid rgba(255, 255, 255,'] {
|
|
border-top: 1px solid var(--theme--table-border) !important;
|
|
}
|
|
.dark [style*='box-shadow: rgba(255, 255, 255, 0.14) -1px 0px 0px'] {
|
|
box-shadow: var(--theme--table-border) -1px 0px 0px !important;
|
|
}
|
|
.dark [style*='border-bottom: 1px solid rgba(255, 255, 255,'] {
|
|
border-bottom: 1px solid var(--theme--table-border) !important;
|
|
}
|
|
.dark [style*='box-shadow: rgba(255, 255, 255, 0.14) 0px 1px 0px'] {
|
|
box-shadow: var(--theme--table-border) 0px 1px 0px !important;
|
|
}
|
|
.dark [style*='border-right: 1px solid rgba(255, 255, 255,'] {
|
|
border-right: 1px solid var(--theme--table-border) !important;
|
|
}
|
|
.dark [style*='box-shadow: rgba(255, 255, 255, 0.07) 0px -1px 0px'],
|
|
.dark [style*='box-shadow: rgba(55, 53, 47, 0.09) 0px -1px 0px'] {
|
|
box-shadow: var(--theme--table-border) 0px -1px 0px !important;
|
|
}
|
|
.dark [style*='border-left: 1px solid rgba(255, 255, 255,'] {
|
|
border-left: 1px solid var(--theme--table-border) !important;
|
|
}
|
|
.dark [style*='box-shadow: rgba(255, 255, 255, 0.14) 0px 1px 0px inset'] {
|
|
box-shadow: var(--theme--table-border) 0px 1px 0px inset !important;
|
|
}
|
|
.dark [style*='box-shadow: rgba(255, 255, 255, 0.14) 1px 0px 0px inset'] {
|
|
box-shadow: var(--theme--table-border) 1px 0px 0px inset !important;
|
|
}
|
|
|
|
.dark
|
|
[style*='background-image: linear-gradient(to right, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.14) 100%);'] {
|
|
background-image: linear-gradient(
|
|
to right,
|
|
var(--theme--bg_gray) 0%,
|
|
var(--theme--bg_gray) 100%
|
|
) !important;
|
|
}
|
|
|
|
.dark [style*='background: rgb(71, 76, 80)'],
|
|
.dark [style*='background: rgb(80, 85, 88)'],
|
|
.dark [style*='background: rgb(98, 102, 104)'] {
|
|
background: var(--theme--interactive_hover) !important;
|
|
box-shadow: 0 0 0 0.5px var(--theme--interactive_hover-border) !important;
|
|
}
|
|
|
|
/** ui colours **/
|
|
|
|
.dark ::selection,
|
|
.dark
|
|
[style*='background: rgba(46, 170, 220,']:not([style*='background: rgba(46, 170, 220, 0)']),
|
|
.dark
|
|
[style*='background-color: rgba(46, 170, 220,']:not([style*='background-color: rgba(46, 170, 220, 0)']) {
|
|
background: var(--theme--selected) !important;
|
|
}
|
|
|
|
.dark [style*='color: rgb(46, 170, 220)'] {
|
|
color: var(--theme--primary) !important;
|
|
}
|
|
.dark [style*='fill: rgb(46, 170, 220)'] {
|
|
fill: var(--theme--primary) !important;
|
|
}
|
|
.dark [style*='background: rgb(46, 170, 220)'],
|
|
.dark [style*='background-color: rgb(46, 170, 220)'] {
|
|
background: var(--theme--primary) !important;
|
|
}
|
|
.dark [style*='box-shadow: rgb(46, 170, 220) 0px 0px 0px 2px inset'] {
|
|
box-shadow: var(--theme--primary) 0px 0px 0px 2px inset !important;
|
|
}
|
|
.dark .notion-focusable:focus-within {
|
|
box-shadow: var(--theme--primary) 0px 0px 0px 1px inset,
|
|
var(--theme--primary_hover) 0px 0px 0px 2px !important;
|
|
}
|
|
.dark [style*='background: rgb(6, 156, 205)'] {
|
|
background: var(--theme--primary_hover) !important;
|
|
}
|
|
.dark [style*='background: rgb(0, 141, 190)'] {
|
|
background: var(--theme--primary_click) !important;
|
|
}
|
|
.dark
|
|
.DayPicker-Day--today:not(.DayPicker-Day--selected):not(.DayPicker-Day--value):not(.DayPicker-Day--start):not(.DayPicker-Day--end)::after,
|
|
.dark [style*='background: rgb(235, 87, 87)'] {
|
|
background: var(--theme--primary_indicator) !important;
|
|
}
|
|
|
|
.dark
|
|
[style*='color: rgb(235, 87, 87); border: 1px solid rgba(235, 87, 87, 0.5);'] {
|
|
color: var(--theme--danger_text) !important;
|
|
border: 1px solid var(--theme--danger_border) !important;
|
|
}
|
|
|
|
/* content colours */
|
|
|
|
.dark,
|
|
.dark .notion-page-content [style*='color: inherit;'],
|
|
.dark .notion-frame .notion-page-block,
|
|
.dark [style*='color: rgba(255, 255, 255, 0.9)'],
|
|
.dark [style*='color: rgba(255, 255, 255, 0.7)'] {
|
|
color: var(--theme--text) !important;
|
|
}
|
|
.dark [style*='color: rgba(255, 255, 255, 0.6)'] {
|
|
color: var(--theme--text_ui) !important;
|
|
}
|
|
.dark [style*='color: rgba(255, 255, 255, 0.4)'] {
|
|
color: var(--theme--text_ui_info) !important;
|
|
}
|
|
.dark [style*='fill: rgb(202, 204, 206)'] {
|
|
fill: var(--theme--text) !important;
|
|
}
|
|
.dark [style*='fill: rgba(202, 204, 206,'] {
|
|
fill: var(--theme--text_ui) !important;
|
|
}
|
|
|
|
.dark [style*='color:rgba(151,154,155,0.95)'] {
|
|
color: var(--theme--text_gray) !important;
|
|
}
|
|
.dark [style*='background: rgba(151, 154, 155, 0.5)'],
|
|
.dark [style*='background:rgb(69,75,78)'] {
|
|
background: var(--theme--bg_gray) !important;
|
|
color: var(--theme--bg_text) !important;
|
|
}
|
|
.dark [style*='background: rgb(69, 75, 78)'] {
|
|
background: var(--theme--line_gray) !important;
|
|
}
|
|
.dark [style*='color:rgb(147,114,100)'] {
|
|
color: var(--theme--text_brown) !important;
|
|
}
|
|
.dark [style*='background: rgba(147, 114, 100, 0.5)'],
|
|
.dark [style*='background:rgb(67,64,64)'] {
|
|
background: var(--theme--bg_brown) !important;
|
|
color: var(--theme--bg_text) !important;
|
|
}
|
|
.dark [style*='background: rgb(67, 64, 64)'] {
|
|
background: var(--theme--line_brown) !important;
|
|
}
|
|
.dark [style*='color:rgb(255,163,68)'] {
|
|
color: var(--theme--text_orange) !important;
|
|
}
|
|
.dark [style*='background: rgba(255, 163, 68, 0.5)'],
|
|
.dark [style*='background:rgb(89,74,58)'] {
|
|
background: var(--theme--bg_orange) !important;
|
|
color: var(--theme--bg_text) !important;
|
|
}
|
|
.dark [style*='background: rgb(89, 74, 58)'] {
|
|
background: var(--theme--line_orange) !important;
|
|
}
|
|
.dark [style*='color:rgb(255,220,73)'] {
|
|
color: var(--theme--text_yellow) !important;
|
|
}
|
|
.dark [style*='background: rgba(255, 220, 73, 0.5)'],
|
|
.dark [style*='background:rgb(89,86,59)'] {
|
|
background: var(--theme--bg_yellow) !important;
|
|
color: var(--theme--bg_text) !important;
|
|
}
|
|
.dark [style*='background: rgb(89, 86, 59)'] {
|
|
background: var(--theme--line_yellow) !important;
|
|
}
|
|
.dark [style*='color:rgb(77,171,154)'] {
|
|
color: var(--theme--text_green) !important;
|
|
}
|
|
.dark [style*='background: rgba(77, 171, 154, 0.5)'],
|
|
.dark [style*='background:rgb(53,76,75)'] {
|
|
background: var(--theme--bg_green) !important;
|
|
color: var(--theme--bg_text) !important;
|
|
}
|
|
.dark [style*='background: rgb(53, 76, 75)'] {
|
|
background: var(--theme--line_green) !important;
|
|
}
|
|
.dark [style*='color:rgb(82,156,202)'] {
|
|
color: var(--theme--text_blue) !important;
|
|
}
|
|
.dark [style*='background: rgba(82, 156, 202, 0.5)'],
|
|
.dark [style*='background:rgb(54,73,84)'] {
|
|
background: var(--theme--bg_blue) !important;
|
|
color: var(--theme--bg_text) !important;
|
|
}
|
|
.dark [style*='background: rgb(54, 73, 84)'] {
|
|
background: var(--theme--line_blue) !important;
|
|
}
|
|
.dark [style*='color:rgb(154,109,215)'] {
|
|
color: var(--theme--text_purple) !important;
|
|
}
|
|
.dark [style*='background: rgba(154, 109, 215, 0.5)'],
|
|
.dark [style*='background:rgb(68,63,87)'] {
|
|
background: var(--theme--bg_purple) !important;
|
|
color: var(--theme--bg_text) !important;
|
|
}
|
|
.dark [style*='background: rgb(68, 63, 87)'] {
|
|
background: var(--theme--line_purple) !important;
|
|
}
|
|
.dark [style*='color:rgb(226,85,161)'] {
|
|
color: var(--theme--text_pink) !important;
|
|
}
|
|
.dark [style*='background: rgba(226, 85, 161, 0.5)'],
|
|
.dark [style*='background:rgb(83,59,76)'] {
|
|
background: var(--theme--bg_pink) !important;
|
|
color: var(--theme--bg_text) !important;
|
|
}
|
|
.dark [style*='background: rgb(83, 59, 76)'] {
|
|
background: var(--theme--line_pink) !important;
|
|
}
|
|
.dark [style*='color:rgb(255,115,105)'] {
|
|
color: var(--theme--text_red) !important;
|
|
}
|
|
.dark [style*='background: rgba(255, 115, 105, 0.5);'],
|
|
.dark [style*='background:rgb(89,65,65)'] {
|
|
background: var(--theme--bg_red) !important;
|
|
color: var(--theme--bg_text) !important;
|
|
}
|
|
.dark [style*='background: rgb(89, 65, 65)'] {
|
|
background: var(--theme--line_red) !important;
|
|
}
|
|
|
|
.dark
|
|
[style*='background: rgb(69, 75, 78)']
|
|
[style*='color: rgba(255, 255, 255, 0.9)'],
|
|
.dark
|
|
[style*='background: rgb(67, 64, 64)']
|
|
[style*='color: rgba(255, 255, 255, 0.9)'],
|
|
.dark
|
|
[style*='background: rgb(89, 74, 58)']
|
|
[style*='color: rgba(255, 255, 255, 0.9)'],
|
|
.dark
|
|
[style*='background: rgb(89, 86, 59)']
|
|
[style*='color: rgba(255, 255, 255, 0.9)'],
|
|
.dark
|
|
[style*='background: rgb(53, 76, 75)']
|
|
[style*='color: rgba(255, 255, 255, 0.9)'],
|
|
.dark
|
|
[style*='background: rgb(54, 73, 84)']
|
|
[style*='color: rgba(255, 255, 255, 0.9)'],
|
|
.dark
|
|
[style*='background: rgb(68, 63, 87)']
|
|
[style*='color: rgba(255, 255, 255, 0.9)'],
|
|
.dark
|
|
[style*='background: rgb(83, 59, 76)']
|
|
[style*='color: rgba(255, 255, 255, 0.9)'],
|
|
.dark
|
|
[style*='background: rgb(89, 65, 65)']
|
|
[style*='color: rgba(255, 255, 255, 0.9)'] {
|
|
color: var(--theme--line_text) !important;
|
|
}
|
|
|
|
/* code */
|
|
|
|
.dark [style*='color:#EB5757'] {
|
|
color: var(--theme--code_inline-text) !important;
|
|
background: var(--theme--code_inline-background) !important;
|
|
}
|