Skip to content
This repository has been archived by the owner on Feb 7, 2024. It is now read-only.

colour fixes #47

Merged
merged 11 commits into from
Jan 21, 2022
Merged

colour fixes #47

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
9ebbb6f
add light gray, testing
blorbb Jan 4, 2022
596d7ef
add custom colours to tag and highlight previews
blorbb Jan 4, 2022
27034df
rename to light_gray
blorbb Jan 5, 2022
ecd6c0d
update to light_gray
blorbb Jan 5, 2022
334a2bf
update to light_gray
blorbb Jan 5, 2022
b00dd56
Merge branch 'dev' of https://github.com/blorbb/repo into dev
blorbb Jan 5, 2022
d09d734
fix tag colours not applying in list and timeline views
blorbb Jan 5, 2022
cd3b697
fix tag colours not applying in list and timeline
blorbb Jan 5, 2022
d6584f5
Merge branch 'dev' of https://github.com/blorbb/repo into dev
blorbb Jan 5, 2022
b81c2f5
add light_gray colours
blorbb Jan 6, 2022
3dacb16
add tag_default back
blorbb Jan 21, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion theming/_mapColors.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -291,7 +291,7 @@ function css() {
notCallout = ":not([style*='border-radius'])",
notBoardCard = ":not([style*='box-shadow'])",
isTag =
"[style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;']",
"[style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;']",
isTagPalette = "[style*='border-radius: 3px;'][style*='width: 18px; height: 18px;']",
isHighlightPalette =
"[style*='align-items: center; justify-content: center; width: 22px; height: 22px;'][style*='border-radius: 3px; font-weight: 500;']";
Expand Down
40 changes: 20 additions & 20 deletions theming/colors.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,9 @@
/* light gray */

.notion-body:not(.dark)
[style*='background: rgba(227, 226, 224, 0.5)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
[style*='background: rgba(227, 226, 224, 0.5)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'],
.notion-body.dark
[style*='background: rgba(71, 76, 80, 0.7)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
[style*='background: rgba(71, 76, 80, 0.7)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] {
background: var(--theme--tag_light_gray) !important;
color: var(--theme--tag_light_gray-text) !important;
}
Expand Down Expand Up @@ -126,9 +126,9 @@
color: var(--theme--callout_gray-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgb(227, 226, 224)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
[style*='background: rgb(227, 226, 224)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'],
.notion-body.dark
[style*='background: rgb(71, 76, 80)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
[style*='background: rgb(71, 76, 80)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] {
background: var(--theme--tag_gray) !important;
color: var(--theme--tag_gray-text) !important;
}
Expand Down Expand Up @@ -252,9 +252,9 @@
color: var(--theme--callout_brown-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgb(238, 224, 218)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
[style*='background: rgb(238, 224, 218)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'],
.notion-body.dark
[style*='background: rgb(92, 71, 61)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
[style*='background: rgb(92, 71, 61)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] {
background: var(--theme--tag_brown) !important;
color: var(--theme--tag_brown-text) !important;
}
Expand Down Expand Up @@ -378,9 +378,9 @@
color: var(--theme--callout_orange-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgb(250, 222, 201)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
[style*='background: rgb(250, 222, 201)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'],
.notion-body.dark
[style*='background: rgb(136, 84, 44)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
[style*='background: rgb(136, 84, 44)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] {
background: var(--theme--tag_orange) !important;
color: var(--theme--tag_orange-text) !important;
}
Expand Down Expand Up @@ -504,9 +504,9 @@
color: var(--theme--callout_yellow-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgb(253, 236, 200)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
[style*='background: rgb(253, 236, 200)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'],
.notion-body.dark
[style*='background: rgb(146, 118, 63)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
[style*='background: rgb(146, 118, 63)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] {
background: var(--theme--tag_yellow) !important;
color: var(--theme--tag_yellow-text) !important;
}
Expand Down Expand Up @@ -630,9 +630,9 @@
color: var(--theme--callout_green-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgb(219, 237, 219)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
[style*='background: rgb(219, 237, 219)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'],
.notion-body.dark
[style*='background: rgb(50, 82, 65)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
[style*='background: rgb(50, 82, 65)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] {
background: var(--theme--tag_green) !important;
color: var(--theme--tag_green-text) !important;
}
Expand Down Expand Up @@ -756,9 +756,9 @@
color: var(--theme--callout_blue-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgb(211, 229, 239)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
[style*='background: rgb(211, 229, 239)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'],
.notion-body.dark
[style*='background: rgb(42, 78, 107)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
[style*='background: rgb(42, 78, 107)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] {
background: var(--theme--tag_blue) !important;
color: var(--theme--tag_blue-text) !important;
}
Expand Down Expand Up @@ -882,9 +882,9 @@
color: var(--theme--callout_purple-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgb(232, 222, 238)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
[style*='background: rgb(232, 222, 238)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'],
.notion-body.dark
[style*='background: rgb(83, 68, 116)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
[style*='background: rgb(83, 68, 116)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] {
background: var(--theme--tag_purple) !important;
color: var(--theme--tag_purple-text) !important;
}
Expand Down Expand Up @@ -1008,9 +1008,9 @@
color: var(--theme--callout_pink-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgb(245, 224, 233)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
[style*='background: rgb(245, 224, 233)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'],
.notion-body.dark
[style*='background: rgb(106, 59, 99)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
[style*='background: rgb(106, 59, 99)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] {
background: var(--theme--tag_pink) !important;
color: var(--theme--tag_pink-text) !important;
}
Expand Down Expand Up @@ -1134,9 +1134,9 @@
color: var(--theme--callout_red-text) !important;
}
.notion-body:not(.dark)
[style*='background: rgb(255, 226, 221)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'],
[style*='background: rgb(255, 226, 221)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'],
.notion-body.dark
[style*='background: rgb(122, 54, 59)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: 6px;'][style*='line-height: 120%;'] {
[style*='background: rgb(122, 54, 59)'][style*='align-items: center;'][style*='border-radius: 3px; padding-left: '][style*='line-height: 120%;'] {
background: var(--theme--tag_red) !important;
color: var(--theme--tag_red-text) !important;
}
Expand Down