mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-07 22:19:02 +00:00
theme tag colours in selection input
This commit is contained in:
parent
fc4cd900cf
commit
af977b1bfa
repo/theming
@ -47,9 +47,9 @@
|
||||
color: var(--theme--callout_gray-text) !important;
|
||||
}
|
||||
.notion-body:not(.dark)
|
||||
[style*='background: rgb(227, 226, 224)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'],
|
||||
[style*='background: rgb(227, 226, 224)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
|
||||
.notion-body.dark
|
||||
[style*='background: rgb(71, 76, 80)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'] {
|
||||
[style*='background: rgb(71, 76, 80)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
|
||||
background: var(--theme--tag_gray) !important;
|
||||
color: var(--theme--tag_gray-text) !important;
|
||||
}
|
||||
@ -147,9 +147,9 @@
|
||||
color: var(--theme--callout_brown-text) !important;
|
||||
}
|
||||
.notion-body:not(.dark)
|
||||
[style*='background: rgb(238, 224, 218)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'],
|
||||
[style*='background: rgb(238, 224, 218)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
|
||||
.notion-body.dark
|
||||
[style*='background: rgb(92, 71, 61)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'] {
|
||||
[style*='background: rgb(92, 71, 61)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
|
||||
background: var(--theme--tag_brown) !important;
|
||||
color: var(--theme--tag_brown-text) !important;
|
||||
}
|
||||
@ -247,9 +247,9 @@
|
||||
color: var(--theme--callout_orange-text) !important;
|
||||
}
|
||||
.notion-body:not(.dark)
|
||||
[style*='background: rgb(250, 222, 201)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'],
|
||||
[style*='background: rgb(250, 222, 201)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
|
||||
.notion-body.dark
|
||||
[style*='background: rgb(136, 84, 44)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'] {
|
||||
[style*='background: rgb(136, 84, 44)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
|
||||
background: var(--theme--tag_orange) !important;
|
||||
color: var(--theme--tag_orange-text) !important;
|
||||
}
|
||||
@ -347,9 +347,9 @@
|
||||
color: var(--theme--callout_yellow-text) !important;
|
||||
}
|
||||
.notion-body:not(.dark)
|
||||
[style*='background: rgb(253, 236, 200)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'],
|
||||
[style*='background: rgb(253, 236, 200)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
|
||||
.notion-body.dark
|
||||
[style*='background: rgb(146, 118, 63)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'] {
|
||||
[style*='background: rgb(146, 118, 63)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
|
||||
background: var(--theme--tag_yellow) !important;
|
||||
color: var(--theme--tag_yellow-text) !important;
|
||||
}
|
||||
@ -447,9 +447,9 @@
|
||||
color: var(--theme--callout_green-text) !important;
|
||||
}
|
||||
.notion-body:not(.dark)
|
||||
[style*='background: rgb(219, 237, 219)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'],
|
||||
[style*='background: rgb(219, 237, 219)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
|
||||
.notion-body.dark
|
||||
[style*='background: rgb(50, 82, 65)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'] {
|
||||
[style*='background: rgb(50, 82, 65)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
|
||||
background: var(--theme--tag_green) !important;
|
||||
color: var(--theme--tag_green-text) !important;
|
||||
}
|
||||
@ -547,9 +547,9 @@
|
||||
color: var(--theme--callout_blue-text) !important;
|
||||
}
|
||||
.notion-body:not(.dark)
|
||||
[style*='background: rgb(211, 229, 239)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'],
|
||||
[style*='background: rgb(211, 229, 239)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
|
||||
.notion-body.dark
|
||||
[style*='background: rgb(42, 78, 107)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'] {
|
||||
[style*='background: rgb(42, 78, 107)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
|
||||
background: var(--theme--tag_blue) !important;
|
||||
color: var(--theme--tag_blue-text) !important;
|
||||
}
|
||||
@ -647,9 +647,9 @@
|
||||
color: var(--theme--callout_purple-text) !important;
|
||||
}
|
||||
.notion-body:not(.dark)
|
||||
[style*='background: rgb(232, 222, 238)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'],
|
||||
[style*='background: rgb(232, 222, 238)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
|
||||
.notion-body.dark
|
||||
[style*='background: rgb(83, 68, 116)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'] {
|
||||
[style*='background: rgb(83, 68, 116)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
|
||||
background: var(--theme--tag_purple) !important;
|
||||
color: var(--theme--tag_purple-text) !important;
|
||||
}
|
||||
@ -747,9 +747,9 @@
|
||||
color: var(--theme--callout_pink-text) !important;
|
||||
}
|
||||
.notion-body:not(.dark)
|
||||
[style*='background: rgb(245, 224, 233)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'],
|
||||
[style*='background: rgb(245, 224, 233)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
|
||||
.notion-body.dark
|
||||
[style*='background: rgb(106, 59, 99)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'] {
|
||||
[style*='background: rgb(106, 59, 99)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
|
||||
background: var(--theme--tag_pink) !important;
|
||||
color: var(--theme--tag_pink-text) !important;
|
||||
}
|
||||
@ -847,9 +847,9 @@
|
||||
color: var(--theme--callout_red-text) !important;
|
||||
}
|
||||
.notion-body:not(.dark)
|
||||
[style*='background: rgb(255, 226, 221)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'],
|
||||
[style*='background: rgb(255, 226, 221)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
|
||||
.notion-body.dark
|
||||
[style*='background: rgb(122, 54, 59)'][style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;'] {
|
||||
[style*='background: rgb(122, 54, 59)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
|
||||
background: var(--theme--tag_red) !important;
|
||||
color: var(--theme--tag_red-text) !important;
|
||||
}
|
||||
|
@ -272,7 +272,7 @@ function css() {
|
||||
notCallout = ":not([style*='border-radius'])",
|
||||
notBoardCard = ":not([style*='box-shadow'])",
|
||||
isTag =
|
||||
"[style*='border-radius: 3px; padding-left: 6px; padding-right: 6px;'][style*='line-height: 120%;']";
|
||||
"[style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;']";
|
||||
let css = '';
|
||||
for (const c in colors) {
|
||||
css += `
|
||||
|
Loading…
Reference in New Issue
Block a user