diff --git a/repo/cherry-cola/variables.css b/repo/cherry-cola/variables.css index 73aa438..e5ddf9b 100644 --- a/repo/cherry-cola/variables.css +++ b/repo/cherry-cola/variables.css @@ -57,52 +57,90 @@ --theme--text_pink: var(--cola--pink); --theme--text_red: var(--cola--red); - --theme--highlight-text: var(--theme--tag-text); --theme--highlight_gray: var(--theme--tag_gray); + --theme--highlight_gray-text: var(--theme--tag-text); --theme--highlight_brown: var(--theme--tag_brown); + --theme--highlight_brown-text: var(--theme--tag-text); --theme--highlight_orange: var(--theme--tag_orange); + --theme--highlight_orange-text: var(--theme--tag-text); --theme--highlight_yellow: var(--theme--tag_yellow); + --theme--highlight_yellow-text: var(--theme--tag-text); --theme--highlight_green: var(--theme--tag_green); + --theme--highlight_green-text: var(--theme--tag-text); --theme--highlight_blue: var(--theme--tag_blue); + --theme--highlight_blue-text: var(--theme--tag-text); --theme--highlight_purple: var(--theme--tag_purple); + --theme--highlight_purple-text: var(--theme--tag-text); --theme--highlight_pink: var(--theme--tag_pink); + --theme--highlight_pink-text: var(--theme--tag-text); --theme--highlight_red: var(--theme--tag_red); + --theme--highlight_red-text: var(--theme--tag-text); - --theme--paragraph-text: var(--cola--main); - --theme--paragraph_gray: var(--cola--gray); - --theme--paragraph_brown: var(--cola--brown); - --theme--paragraph_orange: var(--cola--orange); - --theme--paragraph_yellow: var(--cola--yellow); - --theme--paragraph_green: var(--cola--green); - --theme--paragraph_blue: var(--cola--blue); - --theme--paragraph_purple: var(--cola--purple); - --theme--paragraph_pink: var(--cola--pink); - --theme--paragraph_red: var(--cola--red); + --theme--callout_gray: var(--theme--tag_gray); + --theme--callout_gray-text: var(--theme--tag-text); + --theme--callout_brown: var(--theme--tag_brown); + --theme--callout_brown-text: var(--theme--tag-text); + --theme--callout_orange: var(--theme--tag_orange); + --theme--callout_orange-text: var(--theme--tag-text); + --theme--callout_yellow: var(--theme--tag_yellow); + --theme--callout_yellow-text: var(--theme--tag-text); + --theme--callout_green: var(--theme--tag_green); + --theme--callout_green-text: var(--theme--tag-text); + --theme--callout_blue: var(--theme--tag_blue); + --theme--callout_blue-text: var(--theme--tag-text); + --theme--callout_purple: var(--theme--tag_purple); + --theme--callout_purple-text: var(--theme--tag-text); + --theme--callout_pink: var(--theme--tag_pink); + --theme--callout_pink-text: var(--theme--tag-text); + --theme--callout_red: var(--theme--tag_red); + --theme--callout_red-text: var(--theme--tag-text); - --theme--tag-text: var(--cola--main); --theme--tag_gray: var(--cola--gray); + --theme--tag_gray-text: var(--cola--main); --theme--tag_brown: var(--cola--brown); --theme--tag_brown-text: #ffffff; --theme--tag_orange: var(--cola--orange); + --theme--tag_orange-text: var(--cola--main); --theme--tag_yellow: var(--cola--yellow); + --theme--tag_yellow-text: var(--cola--main); --theme--tag_green: var(--cola--green); + --theme--tag_green-text: var(--cola--main); --theme--tag_blue: var(--cola--blue); + --theme--tag_blue-text: var(--cola--main); --theme--tag_purple: var(--cola--purple); --theme--tag_purple-text: #ffffff; --theme--tag_pink: var(--cola--pink); + --theme--tag_pink-text: var(--cola--main); --theme--tag_red: var(--cola--red); --theme--tag_red-text: #ffffff; - --theme--block-text: var(--theme--paragraph-text); - --theme--block_gray: var(--theme--paragraph_gray); - --theme--block_brown: var(--theme--paragraph_brown); - --theme--block_orange: var(--theme--paragraph_orange); - --theme--block_yellow: var(--theme--paragraph_yellow); - --theme--block_green: var(--theme--paragraph_green); - --theme--block_blue: var(--theme--paragraph_blue); - --theme--block_purple: var(--theme--paragraph_purple); - --theme--block_pink: var(--theme--paragraph_pink); - --theme--block_red: var(--theme--paragraph_red); + --theme--board_gray: var(--cola--gray); + --theme--board_gray-text: var(--cola--main); + --theme--board_gray-card: var(--theme--tag_gray); + --theme--board_brown: var(--cola--brown); + --theme--board_brown-text: var(--cola--main); + --theme--board_brown-card: var(--theme--tag_brown); + --theme--board_orange: var(--cola--orange); + --theme--board_orange-text: var(--cola--main); + --theme--board_orange-card: var(--theme--tag_orange); + --theme--board_yellow: var(--cola--yellow); + --theme--board_yellow-text: var(--cola--main); + --theme--board_yellow-card: var(--theme--tag_yellow); + --theme--board_green: var(--cola--green); + --theme--board_green-text: var(--cola--main); + --theme--board_green-card: var(--theme--tag_green); + --theme--board_blue: var(--cola--blue); + --theme--board_blue-text: var(--cola--main); + --theme--board_blue-card: var(--theme--tag_blue); + --theme--board_purple: var(--cola--purple); + --theme--board_purple-text: var(--cola--main); + --theme--board_purple-card: var(--theme--tag_purple); + --theme--board_pink: var(--cola--pink); + --theme--board_pink-text: var(--cola--main); + --theme--board_pink-card: var(--theme--tag_pink); + --theme--board_red: var(--cola--red); + --theme--board_red-text: var(--cola--main); + --theme--board_red-card: var(--theme--tag_red); --theme--code_inline: var(--cola--main); --theme--code_inline-text: var(--cola--accent); diff --git a/repo/dark+/variables.css b/repo/dark+/variables.css index bf0ef49..c7d22b0 100644 --- a/repo/dark+/variables.css +++ b/repo/dark+/variables.css @@ -56,17 +56,16 @@ --theme--highlight_pink: var(--theme--tag_pink); --theme--highlight_red: var(--theme--tag_red); - --theme--paragraph_gray: rgba(126, 128, 129, 0.301); - --theme--paragraph_brown: #50331fad; - --theme--paragraph_orange: rgba(255, 153, 0, 0.315); - --theme--paragraph_yellow: rgba(183, 156, 0, 0.445); - --theme--paragraph_green: rgba(50, 129, 47, 0.39); - --theme--paragraph_blue: rgba(0, 90, 146, 0.521); - --theme--paragraph_purple: rgba(90, 49, 148, 0.349); - --theme--paragraph_pink: rgba(243, 61, 158, 0.301); - --theme--paragraph_red: rgba(122, 20, 20, 0.623); + --theme--callout_gray: rgba(126, 128, 129, 0.301); + --theme--callout_brown: #50331fad; + --theme--callout_orange: rgba(255, 153, 0, 0.315); + --theme--callout_yellow: rgba(183, 156, 0, 0.445); + --theme--callout_green: rgba(50, 129, 47, 0.39); + --theme--callout_blue: rgba(0, 90, 146, 0.521); + --theme--callout_purple: rgba(90, 49, 148, 0.349); + --theme--callout_pink: rgba(243, 61, 158, 0.301); + --theme--callout_red: rgba(122, 20, 20, 0.623); - --theme--tag-text: var(--theme--text); --theme--tag_gray: rgba(126, 128, 129, 0.5); --theme--tag_brown: #50331f; --theme--tag_orange: rgba(255, 155, 0, 0.58); @@ -77,15 +76,32 @@ --theme--tag_pink: rgba(243, 61, 159, 0.5); --theme--tag_red: rgb(122, 20, 20); - --theme--block_gray: rgba(126, 128, 129, 0.089); - --theme--block_brown: #50331f59; - --theme--block_orange: rgba(255, 153, 0, 0.164); - --theme--block_yellow: rgba(183, 156, 0, 0.274); - --theme--block_green: rgba(50, 129, 47, 0.191); - --theme--block_blue: rgba(0, 90, 146, 0.294); - --theme--block_purple: rgba(90, 49, 148, 0.219); - --theme--block_pink: rgba(243, 61, 158, 0.191); - --theme--block_red: rgba(122, 20, 20, 0.376); + --theme--board_gray: rgba(126, 128, 129, 0.089); + --theme--board_gray-card: var(--theme--tag_gray); + --theme--board_gray-card_text: var(--theme--tag_gray-text); + --theme--board_brown: #50331f59; + --theme--board_brown-card: var(--theme--tag_brown); + --theme--board_brown-card_text: var(--theme--tag_brown-text); + --theme--board_orange: rgba(255, 153, 0, 0.164); + --theme--board_orange-card: var(--theme--tag_orange); + --theme--board_orange-card_text: var(--theme--tag_orange-text); + --theme--board_yellow: rgba(183, 156, 0, 0.274); + --theme--board_yellow-card: var(--theme--tag_yellow); + --theme--board_yellow-card_text: var(--theme--tag_yellow-text); + --theme--board_green: rgba(50, 129, 47, 0.191); + --theme--board_green-card: var(--theme--tag_green); + --theme--board_green-card_text: var(--theme--tag_green-text); + --theme--board_blue: rgba(0, 90, 146, 0.294); + --theme--board_blue-card: var(--theme--tag_blue); + --theme--board_purple: rgba(90, 49, 148, 0.219); + --theme--board_purple-card: var(--theme--tag_purple); + --theme--board_purple-card_text: var(--theme--tag_purple-text); + --theme--board_pink: rgba(243, 61, 158, 0.191); + --theme--board_pink-card: var(--theme--tag_pink); + --theme--board_pink-card_text: var(--theme--tag_pink-text); + --theme--board_red: rgba(122, 20, 20, 0.376); + --theme--board_red-card: var(--theme--tag_red); + --theme--board_red-card_text: var(--theme--tag_red-text); --theme--code_inline-text: #7dc582; --theme--code_inline-background: rgb(0, 0, 0); diff --git a/repo/dracula/variables.css b/repo/dracula/variables.css index 3f20840..77bd16f 100644 --- a/repo/dracula/variables.css +++ b/repo/dracula/variables.css @@ -78,55 +78,92 @@ --theme--text_pink: var(--dracula--pink); --theme--text_red: var(--dracula--red); - --theme--highlight-text: var(--dracula--bg); --theme--highlight_gray: var(--dracula--gray); + --theme--highlight_gray-text: var(--dracula--bg); --theme--highlight_brown: var(--dracula--brown); --theme--highlight_brown-text: var(--dracula--fg); --theme--highlight_orange: var(--dracula--orange); + --theme--highlight_orange-text: var(--dracula--bg); --theme--highlight_yellow: var(--dracula--yellow); + --theme--highlight_yellow-text: var(--dracula--bg); --theme--highlight_green: var(--dracula--green); + --theme--highlight_green-text: var(--dracula--bg); --theme--highlight_blue: var(--dracula--blue); + --theme--highlight_blue-text: var(--dracula--bg); --theme--highlight_purple: var(--dracula--purple); + --theme--highlight_purple-text: var(--dracula--bg); --theme--highlight_pink: var(--dracula--pink); + --theme--highlight_pink-text: var(--dracula--bg); --theme--highlight_red: var(--dracula--red); --theme--highlight_red-text: var(--dracula--fg); - --theme--paragraph-text: var(--dracula--fg); - --theme--paragraph_gray: var(--dracula--bg_gray); - --theme--paragraph_brown: var(--dracula--bg_brown); - --theme--paragraph_orange: var(--dracula--bg_orange); - --theme--paragraph_yellow: var(--dracula--bg_yellow); - --theme--paragraph_green: var(--dracula--bg_green); - --theme--paragraph_blue: var(--dracula--bg_blue); - --theme--paragraph_purple: var(--dracula--bg_purple); - --theme--paragraph_pink: var(--dracula--bg_pink); - --theme--paragraph_red: var(--dracula--bg_red); + --theme--callout_gray: var(--dracula--bg_gray); + --theme--callout_brown: var(--dracula--bg_brown); + --theme--callout_orange: var(--dracula--bg_orange); + --theme--callout_yellow: var(--dracula--bg_yellow); + --theme--callout_green: var(--dracula--bg_green); + --theme--callout_blue: var(--dracula--bg_blue); + --theme--callout_purple: var(--dracula--bg_purple); + --theme--callout_pink: var(--dracula--bg_pink); + --theme--callout_red: var(--dracula--bg_red); - --theme--tag-text: var(--dracula--bg); --theme--tag_default: var(--dracula--comment); --theme--tag_default-text: var(--dracula--fg); --theme--tag_gray: var(--dracula--gray); + --theme--tag_gray-text: var(--dracula--bg); --theme--tag_brown: var(--dracula--brown); --theme--tag_brown-text: var(--dracula--fg); --theme--tag_orange: var(--dracula--orange); + --theme--tag_orange-text: var(--dracula--bg); --theme--tag_yellow: var(--dracula--yellow); + --theme--tag_yellow-text: var(--dracula--bg); --theme--tag_green: var(--dracula--green); + --theme--tag_green-text: var(--dracula--bg); --theme--tag_blue: var(--dracula--blue); + --theme--tag_blue-text: var(--dracula--bg); --theme--tag_purple: var(--dracula--purple); + --theme--tag_purple-text: var(--dracula--bg); --theme--tag_pink: var(--dracula--pink); + --theme--tag_pink-text: var(--dracula--bg); --theme--tag_red: var(--dracula--red); --theme--tag_red-text: var(--dracula--fg); - --theme--block-text: var(--dracula--fg); - --theme--block_gray: var(--dracula--bg_gray); - --theme--block_brown: var(--dracula--bg_brown); - --theme--block_orange: var(--dracula--bg_orange); - --theme--block_yellow: var(--dracula--bg_yellow); - --theme--block_green: var(--dracula--bg_green); - --theme--block_blue: var(--dracula--bg_blue); - --theme--block_purple: var(--dracula--bg_purple); - --theme--block_pink: var(--dracula--bg_pink); - --theme--block_red: var(--dracula--bg_red); + --theme--board_gray: var(--dracula--bg_gray); + --theme--board_gray-card: var(--theme--tag_gray); + --theme--board_gray-card_text: var(--theme--tag_gray-text); + --theme--board_gray-text: var(--dracula--fg); + --theme--board_brown: var(--dracula--bg_brown); + --theme--board_brown-card: var(--theme--tag_brown); + --theme--board_brown-card_text: var(--theme--tag_brown-text); + --theme--board_brown-text: var(--dracula--fg); + --theme--board_orange: var(--dracula--bg_orange); + --theme--board_orange-card: var(--theme--tag_orange); + --theme--board_orange-card_text: var(--theme--tag_orange-text); + --theme--board_orange-text: var(--dracula--fg); + --theme--board_yellow: var(--dracula--bg_yellow); + --theme--board_yellow-card: var(--theme--tag_yellow); + --theme--board_yellow-card_text: var(--theme--tag_yellow-text); + --theme--board_yellow-text: var(--dracula--fg); + --theme--board_green: var(--dracula--bg_green); + --theme--board_green-card: var(--theme--tag_green); + --theme--board_green-card_text: var(--theme--tag_green-text); + --theme--board_green-text: var(--dracula--fg); + --theme--board_blue: var(--dracula--bg_blue); + --theme--board_blue-card: var(--theme--tag_blue); + --theme--board_blue-card_text: var(--theme--tag_blue-text); + --theme--board_blue-text: var(--dracula--fg); + --theme--board_purple: var(--dracula--bg_purple); + --theme--board_purple-card: var(--theme--tag_purple); + --theme--board_purple-card_text: var(--theme--tag_purple-text); + --theme--board_purple-text: var(--dracula--fg); + --theme--board_pink: var(--dracula--bg_pink); + --theme--board_pink-card: var(--theme--tag_pink); + --theme--board_pink-card_text: var(--theme--tag_pink-text); + --theme--board_pink-text: var(--dracula--fg); + --theme--board_red: var(--dracula--bg_red); + --theme--board_red-card: var(--theme--tag_red); + --theme--board_red-card_text: var(--theme--tag_red-text); + --theme--board_red-text: var(--dracula--fg); --theme--code_inline: var(--dracula--bg_light); --theme--code_inline-text: var(--dracula--green); diff --git a/repo/gruvbox-dark/variables.css b/repo/gruvbox-dark/variables.css index 041bdbc..6e921b9 100644 --- a/repo/gruvbox-dark/variables.css +++ b/repo/gruvbox-dark/variables.css @@ -74,52 +74,92 @@ --theme--text_pink: var(--gruvbox_dark--purple_light); --theme--text_red: var(--gruvbox_dark--red_dark); - --theme--highlight-text: var(--theme--tag-text); - --theme--highlight_gray: var(--gruvbox_dark--gray_dark); + --theme--highlight_gray: var(--gruvbox_light--gray_dark); + --theme--highlight_gray-text: var(--gruvbox_light--bg0); --theme--highlight_brown: var(--theme--tag_brown); - --theme--highlight_orange: var(--gruvbox_dark--orange_dark); - --theme--highlight_yellow: var(--gruvbox_dark--yellow_dark); - --theme--highlight_green: var(--gruvbox_dark--green_dark); - --theme--highlight_blue: var(--gruvbox_dark--blue_dark); - --theme--highlight_purple: var(--gruvbox_dark--purple_dark); + --theme--highlight_brown-text: var(--gruvbox_light--bg0); + --theme--highlight_orange: var(--gruvbox_light--orange_dark); + --theme--highlight_orange-text: var(--gruvbox_light--bg0); + --theme--highlight_yellow: var(--gruvbox_light--yellow_dark); + --theme--highlight_yellow-text: var(--gruvbox_light--bg0); + --theme--highlight_green: var(--gruvbox_light--green_dark); + --theme--highlight_green-text: var(--gruvbox_light--bg0); + --theme--highlight_blue: var(--gruvbox_light--blue_dark); + --theme--highlight_blue-text: var(--gruvbox_light--bg0); + --theme--highlight_purple: var(--gruvbox_light--purple_dark); + --theme--highlight_purple-text: var(--gruvbox_light--bg0); --theme--highlight_pink: var(--theme--tag_pink); - --theme--highlight_red: var(--gruvbox_dark--red_dark); + --theme--highlight_pink-text: var(--gruvbox_light--bg0); + --theme--highlight_red: var(--gruvbox_light--red_dark); + --theme--highlight_red-text: var(--gruvbox_light--bg0); - --theme--paragraph_gray: var(--theme--text_gray); - --theme--paragraph_brown: var(--theme--text_brown); - --theme--paragraph_orange: var(--theme--text_orange); - --theme--paragraph_yellow: var(--theme--text_yellow); - --theme--paragraph_green: var(--theme--text_green); - --theme--paragraph_blue: var(--theme--text_blue); - --theme--paragraph_purple: var(--theme--text_purple); - --theme--paragraph_pink: var(--theme--text_pink); - --theme--paragraph_red: var(--theme--text_red); + --theme--callout_gray: var(--theme--highlight_gray); + --theme--callout_gray-text: var(--gruvbox_light--bg0); + --theme--callout_brown: var(--theme--highlight_brown); + --theme--callout_brown-text: var(--gruvbox_light--bg0); + --theme--callout_orange: var(--theme--highlight_orange); + --theme--callout_orange-text: var(--gruvbox_light--bg0); + --theme--callout_yellow: var(--theme--highlight_yellow); + --theme--callout_yellow-text: var(--gruvbox_light--bg0); + --theme--callout_green: var(--theme--highlight_green); + --theme--callout_green-text: var(--gruvbox_light--bg0); + --theme--callout_blue: var(--theme--highlight_blue); + --theme--callout_blue-text: var(--gruvbox_light--bg0); + --theme--callout_purple: var(--theme--highlight_purple); + --theme--callout_purple-text: var(--gruvbox_light--bg0); + --theme--callout_pink: var(--theme--highlight_pink); + --theme--callout_pink-text: var(--gruvbox_light--bg0); + --theme--callout_red: var(--theme--highlight_red); + --theme--callout_red-text: var(--gruvbox_light--bg0); - --theme--tag-text: var(--theme--text); - --theme--tag_default: var(--gruvbox_dark--gray_dark); - --theme--tag_default-text: var(--gruvbox_dark--bg2); - --theme--tag_gray: var(--gruvbox_dark--gray_dark); - --theme--tag_gray-text: var(--gruvbox_dark--bg2); - --theme--tag_brown: var(--gruvbox_dark--fg3); - --theme--tag_brown-text: var(--gruvbox_dark--bg2); - --theme--tag_orange: var(--gruvbox_dark--orange_dark); - --theme--tag_yellow: var(--gruvbox_dark--yellow_dark); - --theme--tag_green: var(--gruvbox_dark--green_dark); - --theme--tag_blue: var(--gruvbox_dark--blue_dark); - --theme--tag_purple: var(--gruvbox_dark--purple_dark); - --theme--tag_pink: var(--gruvbox_dark--purple_light); - --theme--tag_red: var(--gruvbox_dark--red_dark); - --theme--tag_red-text: var(--gruvbox_dark--fg2); + --theme--tag_default: var(--gruvbox_light--gray_dark); + --theme--tag_default-text: var(--gruvbox_light--bg2); + --theme--tag_gray: var(--gruvbox_light--gray_dark); + --theme--tag_gray-text: var(--gruvbox_light--bg2); + --theme--tag_brown: var(--gruvbox_light--fg3); + --theme--tag_brown-text: var(--gruvbox_light--bg2); + --theme--tag_orange: var(--gruvbox_light--orange_dark); + --theme--tag_orange-text: var(--gruvbox_light--bg0); + --theme--tag_yellow: var(--gruvbox_light--yellow_dark); + --theme--tag_yellow-text: var(--gruvbox_light--bg0); + --theme--tag_green: var(--gruvbox_light--green_dark); + --theme--tag_green-text: var(--gruvbox_light--bg0); + --theme--tag_blue: var(--gruvbox_light--blue_dark); + --theme--tag_blue-text: var(--gruvbox_light--bg0); + --theme--tag_purple: var(--gruvbox_light--purple_dark); + --theme--tag_purple-text: var(--gruvbox_light--bg0); + --theme--tag_pink: var(--gruvbox_light--purple_light); + --theme--tag_pink-text: var(--gruvbox_light--bg0); + --theme--tag_red: var(--gruvbox_light--red_dark); + --theme--tag_red-text: var(--gruvbox_light--bg0); - --theme--block_gray: var(--theme--paragraph_gray); - --theme--block_brown: var(--theme--paragraph_brown); - --theme--block_orange: var(--theme--paragraph_orange); - --theme--block_yellow: var(--theme--paragraph_yellow); - --theme--block_green: var(--theme--paragraph_green); - --theme--block_blue: var(--theme--paragraph_blue); - --theme--block_purple: var(--theme--paragraph_purple); - --theme--block_pink: var(--theme--paragraph_pink); - --theme--block_red: var(--theme--paragraph_red); + --theme--board_gray: var(--theme--text_gray); + --theme--board_gray-text: var(--gruvbox_light--bg0); + --theme--board_gray-card: var(--theme--tag_gray); + --theme--board_brown: var(--theme--text_brown); + --theme--board_brown-text: var(--gruvbox_light--bg0); + --theme--board_brown-card: var(--theme--tag_brown); + --theme--board_orange: var(--theme--text_orange); + --theme--board_orange-text: var(--gruvbox_light--bg0); + --theme--board_orange-card: var(--theme--tag_orange); + --theme--board_yellow: var(--theme--text_yellow); + --theme--board_yellow-text: var(--gruvbox_light--bg0); + --theme--board_yellow-card: var(--theme--tag_yellow); + --theme--board_green: var(--theme--text_green); + --theme--board_green-text: var(--gruvbox_light--bg0); + --theme--board_green-card: var(--theme--tag_green); + --theme--board_blue: var(--theme--text_blue); + --theme--board_blue-text: var(--gruvbox_light--bg0); + --theme--board_blue-card: var(--theme--tag_blue); + --theme--board_purple: var(--theme--text_purple); + --theme--board_purple-text: var(--gruvbox_light--bg0); + --theme--board_purple-card: var(--theme--tag_purple); + --theme--board_pink: var(--theme--text_pink); + --theme--board_pink-text: var(--gruvbox_light--bg0); + --theme--board_pink-card: var(--theme--tag_pink); + --theme--board_red: var(--theme--text_red); + --theme--board_red-text: var(--gruvbox_light--bg0); + --theme--board_red-card: var(--theme--tag_red); --theme--code_inline: var(--gruvbox_dark--bg1); --theme--code_inline-text: var(--gruvbox_dark--blue_light); diff --git a/repo/gruvbox-light/variables.css b/repo/gruvbox-light/variables.css index 32140f0..d24f649 100644 --- a/repo/gruvbox-light/variables.css +++ b/repo/gruvbox-light/variables.css @@ -79,29 +79,44 @@ --theme--text_pink: var(--gruvbox_light--purple_light); --theme--text_red: var(--gruvbox_light--red_dark); - --theme--highlight-text: var(--gruvbox_light--bg0); --theme--highlight_gray: var(--gruvbox_light--gray_dark); + --theme--highlight_gray-text: var(--gruvbox_light--bg0); --theme--highlight_brown: var(--theme--tag_brown); + --theme--highlight_brown-text: var(--gruvbox_light--bg0); --theme--highlight_orange: var(--gruvbox_light--orange_dark); + --theme--highlight_orange-text: var(--gruvbox_light--bg0); --theme--highlight_yellow: var(--gruvbox_light--yellow_dark); + --theme--highlight_yellow-text: var(--gruvbox_light--bg0); --theme--highlight_green: var(--gruvbox_light--green_dark); + --theme--highlight_green-text: var(--gruvbox_light--bg0); --theme--highlight_blue: var(--gruvbox_light--blue_dark); + --theme--highlight_blue-text: var(--gruvbox_light--bg0); --theme--highlight_purple: var(--gruvbox_light--purple_dark); + --theme--highlight_purple-text: var(--gruvbox_light--bg0); --theme--highlight_pink: var(--theme--tag_pink); + --theme--highlight_pink-text: var(--gruvbox_light--bg0); --theme--highlight_red: var(--gruvbox_light--red_dark); + --theme--highlight_red-text: var(--gruvbox_light--bg0); - --theme--paragraph-text: var(--gruvbox_light--bg0); - --theme--paragraph_gray: var(--theme--text_gray); - --theme--paragraph_brown: var(--theme--text_brown); - --theme--paragraph_orange: var(--theme--text_orange); - --theme--paragraph_yellow: var(--theme--text_yellow); - --theme--paragraph_green: var(--theme--text_green); - --theme--paragraph_blue: var(--theme--text_blue); - --theme--paragraph_purple: var(--theme--text_purple); - --theme--paragraph_pink: var(--theme--text_pink); - --theme--paragraph_red: var(--theme--text_red); + --theme--callout_gray: var(--theme--highlight_gray); + --theme--callout_gray-text: var(--gruvbox_light--bg0); + --theme--callout_brown: var(--theme--highlight_brown); + --theme--callout_brown-text: var(--gruvbox_light--bg0); + --theme--callout_orange: var(--theme--highlight_orange); + --theme--callout_orange-text: var(--gruvbox_light--bg0); + --theme--callout_yellow: var(--theme--highlight_yellow); + --theme--callout_yellow-text: var(--gruvbox_light--bg0); + --theme--callout_green: var(--theme--highlight_green); + --theme--callout_green-text: var(--gruvbox_light--bg0); + --theme--callout_blue: var(--theme--highlight_blue); + --theme--callout_blue-text: var(--gruvbox_light--bg0); + --theme--callout_purple: var(--theme--highlight_purple); + --theme--callout_purple-text: var(--gruvbox_light--bg0); + --theme--callout_pink: var(--theme--highlight_pink); + --theme--callout_pink-text: var(--gruvbox_light--bg0); + --theme--callout_red: var(--theme--highlight_red); + --theme--callout_red-text: var(--gruvbox_light--bg0); - --theme--tag-text: var(--gruvbox_light--bg0); --theme--tag_default: var(--gruvbox_light--gray_dark); --theme--tag_default-text: var(--gruvbox_light--bg2); --theme--tag_gray: var(--gruvbox_light--gray_dark); @@ -109,23 +124,47 @@ --theme--tag_brown: var(--gruvbox_light--fg3); --theme--tag_brown-text: var(--gruvbox_light--bg2); --theme--tag_orange: var(--gruvbox_light--orange_dark); + --theme--tag_orange-text: var(--gruvbox_light--bg0); --theme--tag_yellow: var(--gruvbox_light--yellow_dark); + --theme--tag_yellow-text: var(--gruvbox_light--bg0); --theme--tag_green: var(--gruvbox_light--green_dark); + --theme--tag_green-text: var(--gruvbox_light--bg0); --theme--tag_blue: var(--gruvbox_light--blue_dark); + --theme--tag_blue-text: var(--gruvbox_light--bg0); --theme--tag_purple: var(--gruvbox_light--purple_dark); + --theme--tag_purple-text: var(--gruvbox_light--bg0); --theme--tag_pink: var(--gruvbox_light--purple_light); + --theme--tag_pink-text: var(--gruvbox_light--bg0); --theme--tag_red: var(--gruvbox_light--red_dark); + --theme--tag_red-text: var(--gruvbox_light--bg0); - --theme--block-text: var(--gruvbox_light--bg0); - --theme--block_gray: var(--theme--paragraph_gray); - --theme--block_brown: var(--theme--paragraph_brown); - --theme--block_orange: var(--theme--paragraph_orange); - --theme--block_yellow: var(--theme--paragraph_yellow); - --theme--block_green: var(--theme--paragraph_green); - --theme--block_blue: var(--theme--paragraph_blue); - --theme--block_purple: var(--theme--paragraph_purple); - --theme--block_pink: var(--theme--paragraph_pink); - --theme--block_red: var(--theme--paragraph_red); + --theme--board_gray: var(--theme--text_gray); + --theme--board_gray-text: var(--gruvbox_light--bg0); + --theme--board_gray-card: var(--theme--tag_gray); + --theme--board_brown: var(--theme--text_brown); + --theme--board_brown-text: var(--gruvbox_light--bg0); + --theme--board_brown-card: var(--theme--tag_brown); + --theme--board_orange: var(--theme--text_orange); + --theme--board_orange-text: var(--gruvbox_light--bg0); + --theme--board_orange-card: var(--theme--tag_orange); + --theme--board_yellow: var(--theme--text_yellow); + --theme--board_yellow-text: var(--gruvbox_light--bg0); + --theme--board_yellow-card: var(--theme--tag_yellow); + --theme--board_green: var(--theme--text_green); + --theme--board_green-text: var(--gruvbox_light--bg0); + --theme--board_green-card: var(--theme--tag_green); + --theme--board_blue: var(--theme--text_blue); + --theme--board_blue-text: var(--gruvbox_light--bg0); + --theme--board_blue-card: var(--theme--tag_blue); + --theme--board_purple: var(--theme--text_purple); + --theme--board_purple-text: var(--gruvbox_light--bg0); + --theme--board_purple-card: var(--theme--tag_purple); + --theme--board_pink: var(--theme--text_pink); + --theme--board_pink-text: var(--gruvbox_light--bg0); + --theme--board_pink-card: var(--theme--tag_pink); + --theme--board_red: var(--theme--text_red); + --theme--board_red-text: var(--gruvbox_light--bg0); + --theme--board_red-card: var(--theme--tag_red); --theme--code_inline: var(--gruvbox_light--bg1); --theme--code_inline-text: var(--gruvbox_light--blue_light); diff --git a/repo/light+/variables.css b/repo/light+/variables.css index b0472ae..f5105d5 100644 --- a/repo/light+/variables.css +++ b/repo/light+/variables.css @@ -54,24 +54,24 @@ --theme--highlight_red: rgb(248, 215, 218); --theme--highlight_red-text: rgb(138, 0, 10); - --theme--paragraph_gray: #e2e3e5; - --theme--paragraph_gray-text: #383d41; - --theme--paragraph_brown: rgb(130, 118, 111); - --theme--paragraph_brown-text: rgb(85, 35, 1); - --theme--paragraph_orange: rgb(254, 214, 155); - --theme--paragraph_orange-text: rgb(255, 140, 0); - --theme--paragraph_yellow: #fcffd8; - --theme--paragraph_yellow-text: #c76e00; - --theme--paragraph_green: #d4edda; - --theme--paragraph_green-text: #155724; - --theme--paragraph_blue: #cce5ff; - --theme--paragraph_blue-text: #004085; - --theme--paragraph_purple: rgb(199, 178, 230); - --theme--paragraph_purple-text: rgb(90, 49, 148); - --theme--paragraph_pink: rgb(255, 206, 228); - --theme--paragraph_pink-text: rgb(255, 0, 127); - --theme--paragraph_red: #f8d7da; - --theme--paragraph_red-text: #721c24; + --theme--callout_gray: #e2e3e5; + --theme--callout_gray-text: #383d41; + --theme--callout_brown: rgb(130, 118, 111); + --theme--callout_brown-text: rgb(85, 35, 1); + --theme--callout_orange: rgb(254, 214, 155); + --theme--callout_orange-text: rgb(255, 140, 0); + --theme--callout_yellow: #fcffd8; + --theme--callout_yellow-text: #c76e00; + --theme--callout_green: #d4edda; + --theme--callout_green-text: #155724; + --theme--callout_blue: #cce5ff; + --theme--callout_blue-text: #004085; + --theme--callout_purple: rgb(199, 178, 230); + --theme--callout_purple-text: rgb(90, 49, 148); + --theme--callout_pink: rgb(255, 206, 228); + --theme--callout_pink-text: rgb(255, 0, 127); + --theme--callout_red: #f8d7da; + --theme--callout_red-text: #721c24; --theme--tag_default: rgb(234, 234, 234); --theme--tag_gray: rgb(234, 234, 234); @@ -93,24 +93,33 @@ --theme--tag_red: rgb(248, 215, 218); --theme--tag_red-text: rgb(138, 0, 10); - --theme--block_gray: #e2e3e5; - --theme--block_gray-text: #383d41; - --theme--block_brown: rgb(130, 118, 111); - --theme--block_brown-text: rgb(85, 35, 1); - --theme--block_orange: rgb(254, 214, 155); - --theme--block_orange-text: rgb(255, 140, 0); - --theme--block_yellow: #fcffd8; - --theme--block_yellow-text: #c76e00; - --theme--block_green: #d4edda; - --theme--block_green-text: #155724; - --theme--block_blue: #cce5ff; - --theme--block_blue-text: #004085; - --theme--block_purple: rgb(199, 178, 230); - --theme--block_purple-text: rgb(90, 49, 148); - --theme--block_pink: rgb(255, 206, 228); - --theme--block_pink-text: rgb(255, 0, 127); - --theme--block_red: #f8d7da; - --theme--block_red-text: #721c24; + --theme--board_gray: #e2e3e5; + --theme--board_gray-text: #383d41; + --theme--board_gray-card: var(--theme--tag_gray); + --theme--board_brown: rgb(130, 118, 111); + --theme--board_brown-text: rgb(85, 35, 1); + --theme--board_brown-card: var(--theme--tag_brown); + --theme--board_orange: rgb(254, 214, 155); + --theme--board_orange-text: rgb(255, 140, 0); + --theme--board_orange-card: var(--theme--tag_orange); + --theme--board_yellow: #fcffd8; + --theme--board_yellow-text: #c76e00; + --theme--board_yellow-card: var(--theme--tag_yellow); + --theme--board_green: #d4edda; + --theme--board_green-text: #155724; + --theme--board_green-card: var(--theme--tag_green); + --theme--board_blue: #cce5ff; + --theme--board_blue-text: #004085; + --theme--board_blue-card: var(--theme--tag_blue); + --theme--board_purple: rgb(199, 178, 230); + --theme--board_purple-text: rgb(90, 49, 148); + --theme--board_purple-card: var(--theme--tag_purple); + --theme--board_pink: rgb(255, 206, 228); + --theme--board_pink-text: rgb(255, 0, 127); + --theme--board_pink-card: var(--theme--tag_pink); + --theme--board_red: #f8d7da; + --theme--board_red-text: #721c24; + --theme--board_red-card: var(--theme--tag_red); --theme--code_inline: rgb(179, 39, 39); --theme--code_inline-text: #e0dfe2; diff --git a/repo/material-ocean/variables.css b/repo/material-ocean/variables.css index 0e6298d..36e654f 100644 --- a/repo/material-ocean/variables.css +++ b/repo/material-ocean/variables.css @@ -56,50 +56,92 @@ --theme--text_pink: var(--ocean--pink); --theme--text_red: var(--ocean--red); - --theme--highlight-text: var(--ocean--main); --theme--highlight_gray: var(--ocean--gray); + --theme--highlight_gray-text: var(--ocean--main); --theme--highlight_brown: var(--ocean--brown); + --theme--highlight_brown-text: var(--ocean--main); --theme--highlight_orange: var(--ocean--orange); + --theme--highlight_orange-text: var(--ocean--main); --theme--highlight_yellow: var(--ocean--yellow); + --theme--highlight_yellow-text: var(--ocean--main); --theme--highlight_green: var(--ocean--green); + --theme--highlight_green-text: var(--ocean--main); --theme--highlight_blue: var(--ocean--blue); + --theme--highlight_blue-text: var(--ocean--main); --theme--highlight_purple: var(--ocean--purple); + --theme--highlight_purple-text: var(--ocean--main); --theme--highlight_pink: var(--ocean--pink); + --theme--highlight_pink-text: var(--ocean--main); --theme--highlight_red: var(--ocean--red); + --theme--highlight_red-text: var(--ocean--main); - --theme--paragraph-text: var(--ocean--main); - --theme--paragraph_gray: #e0e0e089; - --theme--paragraph_brown: #d8b6a692; - --theme--paragraph_orange: #fde3c09f; - --theme--paragraph_yellow: #ffe6a6ad; - --theme--paragraph_green: #a3be8ca3; - --theme--paragraph_blue: #81a1c1a3; - --theme--paragraph_purple: #b48eada8; - --theme--paragraph_pink: #ffc0cbb1; - --theme--paragraph_red: #bf616a9e; + --theme--callout_gray: #e0e0e089; + --theme--callout_gray-text: var(--ocean--main); + --theme--callout_brown: #d8b6a692; + --theme--callout_brown-text: var(--ocean--main); + --theme--callout_orange: #fde3c09f; + --theme--callout_orange-text: var(--ocean--main); + --theme--callout_yellow: #ffe6a6ad; + --theme--callout_yellow-text: var(--ocean--main); + --theme--callout_green: #a3be8ca3; + --theme--callout_green-text: var(--ocean--main); + --theme--callout_blue: #81a1c1a3; + --theme--callout_blue-text: var(--ocean--main); + --theme--callout_purple: #b48eada8; + --theme--callout_purple-text: var(--ocean--main); + --theme--callout_pink: #ffc0cbb1; + --theme--callout_pink-text: var(--ocean--main); + --theme--callout_red: #bf616a9e; + --theme--callout_red-text: var(--ocean--main); - --theme--tag-text: var(--theme--highlight-text); --theme--tag_default: var(--ocean--gray); + --theme--tag_default-text: var(--ocean--main); --theme--tag_gray: var(--theme--highlight_gray); + --theme--tag_gray-text: var(--ocean--main); --theme--tag_brown: var(--theme--highlight_brown); + --theme--tag_brown-text: var(--ocean--main); --theme--tag_orange: var(--theme--highlight_orange); + --theme--tag_orange-text: var(--ocean--main); --theme--tag_yellow: var(--theme--highlight_yellow); + --theme--tag_yellow-text: var(--ocean--main); --theme--tag_green: var(--theme--highlight_green); + --theme--tag_green-text: var(--ocean--main); --theme--tag_blue: var(--theme--highlight_blue); + --theme--tag_blue-text: var(--ocean--main); --theme--tag_purple: var(--theme--highlight_purple); + --theme--tag_purple-text: var(--ocean--main); --theme--tag_pink: var(--theme--highlight_pink); + --theme--tag_pink-text: var(--ocean--main); --theme--tag_red: var(--theme--highlight_red); + --theme--tag_red-text: var(--ocean--main); - --theme--block-text: var(--theme--paragraph-text); - --theme--block_gray: var(--theme--paragraph_gray); - --theme--block_brown: var(--theme--paragraph_brown); - --theme--block_orange: var(--theme--paragraph_orange); - --theme--block_yellow: var(--theme--paragraph_yellow); - --theme--block_green: var(--theme--paragraph_green); - --theme--block_blue: var(--theme--paragraph_blue); - --theme--block_purple: var(--theme--paragraph_purple); - --theme--block_pink: var(--theme--paragraph_pink); - --theme--block_red: var(--theme--paragraph_red); + --theme--board_gray: var(--theme--highlight_gray); + --theme--board_gray-text: var(--theme--highlight_gray-text); + --theme--board_gray-card: rgba(0, 0, 0, 0.075); + --theme--board_brown: var(--theme--highlight_brown); + --theme--board_brown-text: var(--theme--highlight_brown-text); + --theme--board_brown-card: rgba(0, 0, 0, 0.075); + --theme--board_orange: var(--theme--highlight_orange); + --theme--board_orange-text: var(--theme--highlight_orange-text); + --theme--board_orange-card: rgba(0, 0, 0, 0.075); + --theme--board_yellow: var(--theme--highlight_yellow); + --theme--board_yellow-text: var(--theme--highlight_yellow-text); + --theme--board_yellow-card: rgba(0, 0, 0, 0.075); + --theme--board_green: var(--theme--highlight_green); + --theme--board_green-text: var(--theme--highlight_green-text); + --theme--board_green-card: rgba(0, 0, 0, 0.075); + --theme--board_blue: var(--theme--highlight_blue); + --theme--board_blue-text: var(--theme--highlight_blue-text); + --theme--board_blue-card: rgba(0, 0, 0, 0.075); + --theme--board_purple: var(--theme--highlight_purple); + --theme--board_purple-text: var(--theme--highlight_purple-text); + --theme--board_purple-card: rgba(0, 0, 0, 0.075); + --theme--board_pink: var(--theme--highlight_pink); + --theme--board_pink-text: var(--theme--highlight_pink-text); + --theme--board_pink-card: rgba(0, 0, 0, 0.075); + --theme--board_red: var(--theme--highlight_red); + --theme--board_red-text: var(--theme--highlight_red-text); + --theme--board_red-card: rgba(0, 0, 0, 0.075); --theme--code_inline: var(--ocean--sec); --theme--code_inline-text: #b3f5c8; diff --git a/repo/neutral/variables.css b/repo/neutral/variables.css index 2527514..6032650 100644 --- a/repo/neutral/variables.css +++ b/repo/neutral/variables.css @@ -52,15 +52,15 @@ --theme--highlight_pink: #8e4b63; --theme--highlight_red: #8c3d3d; - --theme--paragraph_gray: #585858; - --theme--paragraph_brown: #333333; - --theme--paragraph_orange: #9a5a3f; - --theme--paragraph_yellow: #b58a46; - --theme--paragraph_green: #657953; - --theme--paragraph_blue: #355475; - --theme--paragraph_purple: #775186; - --theme--paragraph_pink: #8e4b63; - --theme--paragraph_red: #8c3d3d; + --theme--callout_gray: #585858; + --theme--callout_brown: #333333; + --theme--callout_orange: #9a5a3f; + --theme--callout_yellow: #b58a46; + --theme--callout_green: #657953; + --theme--callout_blue: #355475; + --theme--callout_purple: #775186; + --theme--callout_pink: #8e4b63; + --theme--callout_red: #8c3d3d; --theme--tag-text: var(--theme--text); --theme--tag_default: var(--theme--highlight_gray); @@ -74,15 +74,42 @@ --theme--tag_pink: var(--theme--highlight_pink); --theme--tag_red: var(--theme--highlight_red); - --theme--block_gray: rgba(88, 88, 88, 0.175); - --theme--block_brown: rgb(51, 51, 51, 0.175); - --theme--block_orange: rgb(154, 90, 63, 0.175); - --theme--block_yellow: rgb(181, 138, 70, 0.175); - --theme--block_green: rgb(101, 121, 83, 0.175); - --theme--block_blue: rgb(53, 84, 117, 0.175); - --theme--block_purple: rgb(119, 81, 134, 0.175); - --theme--block_pink: rgb(142, 75, 99, 0.175); - --theme--block_red: rgb(140, 61, 61, 0.175); + --theme--board_gray: rgba(88, 88, 88, 0.175); + --theme--board_gray-text: var(--theme--text_gray); + --theme--board_gray-card: var(--theme--tag_gray); + --theme--board_gray-card_text: var(--theme--tag_gray-text); + --theme--board_brown: rgb(51, 51, 51, 0.175); + --theme--board_brown-text: var(--theme--text_brown); + --theme--board_brown-card: var(--theme--tag_brown); + --theme--board_brown-card_text: var(--theme--tag_brown-text); + --theme--board_orange: rgb(154, 90, 63, 0.175); + --theme--board_orange-text: var(--theme--text_orange); + --theme--board_orange-card: var(--theme--tag_orange); + --theme--board_orange-card_text: var(--theme--tag_orange-text); + --theme--board_yellow: rgb(181, 138, 70, 0.175); + --theme--board_yellow-text: var(--theme--text_yellow); + --theme--board_yellow-card: var(--theme--tag_yellow); + --theme--board_yellow-card_text: var(--theme--tag_yellow-text); + --theme--board_green: rgb(101, 121, 83, 0.175); + --theme--board_green-text: var(--theme--text_green); + --theme--board_green-card: var(--theme--tag_green); + --theme--board_green-card_text: var(--theme--tag_green-text); + --theme--board_blue: rgb(53, 84, 117, 0.175); + --theme--board_blue-text: var(--theme--text_blue); + --theme--board_blue-card: var(--theme--tag_blue); + --theme--board_blue-card_text: var(--theme--tag_blue-text); + --theme--board_purple: rgb(119, 81, 134, 0.175); + --theme--board_purple-text: var(--theme--text_purple); + --theme--board_purple-card: var(--theme--tag_purple); + --theme--board_purple-card_text: var(--theme--tag_purple-text); + --theme--board_pink: rgb(142, 75, 99, 0.175); + --theme--board_pink-text: var(--theme--text_pink); + --theme--board_pink-card: var(--theme--tag_pink); + --theme--board_pink-card_text: var(--theme--tag_pink-text); + --theme--board_red: rgb(140, 61, 61, 0.175); + --theme--board_red-text: var(--theme--text_red); + --theme--board_red-card: var(--theme--tag_red); + --theme--board_red-card_text: var(--theme--tag_red-text); --theme--code_inline: #333333; --theme--code_inline-text: var(--theme--text); diff --git a/repo/nord/variables.css b/repo/nord/variables.css index 3c4c1af..b1ecffb 100644 --- a/repo/nord/variables.css +++ b/repo/nord/variables.css @@ -50,6 +50,7 @@ --theme--text: var(--nord--light1); --theme--text_secondary: var(--nord--light1); + --theme--text_gray: rgba(151, 154, 155, 0.95); --theme--text_brown: rgb(147, 114, 100); --theme--text_orange: var(--nord--orange); @@ -64,23 +65,24 @@ --theme--highlight_brown: rgb(67, 64, 64); --theme--highlight_orange: var(--nord--orange); --theme--highlight_yellow: var(--nord--yellow); + --theme--highlight_yellow-text: var(--nord--dark1); --theme--highlight_green: var(--nord--green); --theme--highlight_blue: var(--nord--frost3); --theme--highlight_purple: var(--nord--purple); --theme--highlight_pink: rgb(193 106 153); --theme--highlight_red: var(--nord--red); - --theme--paragraph_gray: rgb(69, 75, 78); - --theme--paragraph_brown: rgb(67, 64, 64); - --theme--paragraph_orange: var(--nord--orange); - --theme--paragraph_yellow: var(--nord--yellow); - --theme--paragraph_green: var(--nord--green); - --theme--paragraph_blue: var(--nord--frost3); - --theme--paragraph_purple: var(--nord--purple); - --theme--paragraph_pink: rgb(193 106 153); - --theme--paragraph_red: var(--nord--red); + --theme--callout_gray: rgb(69, 75, 78); + --theme--callout_brown: rgb(67, 64, 64); + --theme--callout_orange: var(--nord--orange); + --theme--callout_yellow: var(--nord--yellow); + --theme--callout_yellow-text: var(--nord--dark1); + --theme--callout_green: var(--nord--green); + --theme--callout_blue: var(--nord--frost3); + --theme--callout_purple: var(--nord--purple); + --theme--callout_pink: rgb(193 106 153); + --theme--callout_red: var(--nord--red); - --theme--tag-text: var(--theme--text); --theme--tag_default: rgba(151, 154, 155, 0.5); --theme--tag_gray: rgba(151, 154, 155, 0.5); --theme--tag_brown: rgba(147, 114, 100, 0.5); @@ -92,15 +94,42 @@ --theme--tag_pink: rgba(226, 85, 161, 0.5); --theme--tag_red: rgba(255, 115, 105, 0.5); - --theme--block_gray: rgba(69, 75, 78, 0.3); - --theme--block_brown: rgba(67, 64, 64, 0.3); - --theme--block_orange: rgba(89, 74, 58, 0.3); - --theme--block_yellow: rgba(89, 86, 59, 0.3); - --theme--block_green: rgba(53, 76, 75, 0.3); - --theme--block_blue: rgba(54, 73, 84, 0.3); - --theme--block_purple: rgba(68, 63, 87, 0.3); - --theme--block_pink: rgba(83, 59, 76, 0.3); - --theme--block_red: rgba(89, 65, 65, 0.3); + --theme--board_gray: rgba(69, 75, 78, 0.3); + --theme--board_gray-card: var(--theme--tag_gray); + --theme--board_gray-card_text: var(--theme--tag_gray-text); + --theme--board_gray-text: var(--theme--text_gray); + --theme--board_brown: rgba(67, 64, 64, 0.3); + --theme--board_brown-card: var(--theme--tag_brown); + --theme--board_brown-card_text: var(--theme--tag_brown-text); + --theme--board_brown-text: var(--theme--text_brown); + --theme--board_orange: rgba(89, 74, 58, 0.3); + --theme--board_orange-card: var(--theme--tag_orange); + --theme--board_orange-card_text: var(--theme--tag_orange-text); + --theme--board_orange-text: var(--theme--text_orange); + --theme--board_yellow: rgba(89, 86, 59, 0.3); + --theme--board_yellow-card: var(--theme--tag_yellow); + --theme--board_yellow-card_text: var(--theme--tag_yellow-text); + --theme--board_yellow-text: var(--theme--text_yellow); + --theme--board_green: rgba(53, 76, 75, 0.3); + --theme--board_green-card: var(--theme--tag_green); + --theme--board_green-card_text: var(--theme--tag_green-text); + --theme--board_green-text: var(--theme--text_green); + --theme--board_blue: rgba(54, 73, 84, 0.3); + --theme--board_blue-card: var(--theme--tag_blue); + --theme--board_blue-card_text: var(--theme--tag_blue-text); + --theme--board_blue-text: var(--theme--text_blue); + --theme--board_purple: rgba(68, 63, 87, 0.3); + --theme--board_purple-card: var(--theme--tag_purple); + --theme--board_purple-card_text: var(--theme--tag_purple-text); + --theme--board_purple-text: var(--theme--text_purple); + --theme--board_pink: rgba(83, 59, 76, 0.3); + --theme--board_pink-card: var(--theme--tag_pink); + --theme--board_pink-card_text: var(--theme--tag_pink-text); + --theme--board_pink-text: var(--theme--text_pink); + --theme--board_red: rgba(89, 65, 65, 0.3); + --theme--board_red-card: var(--theme--tag_red); + --theme--board_red-card_text: var(--theme--tag_red-text); + --theme--board_red-text: var(--theme--text_red); --theme--code_inline: rgba(135, 131, 120, 0.15); --theme--code_inline-text: var(--nord--red); diff --git a/repo/pastel-dark/variables.css b/repo/pastel-dark/variables.css index 51a03ef..0783754 100644 --- a/repo/pastel-dark/variables.css +++ b/repo/pastel-dark/variables.css @@ -41,50 +41,81 @@ --theme--text_pink: #f7b8dc; --theme--text_red: #f8acb4; - --theme--highlight-text: rgb(55, 53, 47); --theme--highlight_gray: #b1aeab; + --theme--highlight_gray-text: rgb(55, 53, 47); --theme--highlight_brown: #d8b6a6; + --theme--highlight_brown-text: rgb(55, 53, 47); --theme--highlight_orange: #fde3c0; + --theme--highlight_orange-text: rgb(55, 53, 47); --theme--highlight_yellow: #fcde93; + --theme--highlight_yellow-text: rgb(55, 53, 47); --theme--highlight_green: #b3f5c8; + --theme--highlight_green-text: rgb(55, 53, 47); --theme--highlight_blue: #bfe0fd; + --theme--highlight_blue-text: rgb(55, 53, 47); --theme--highlight_purple: #dac7fa; + --theme--highlight_purple-text: rgb(55, 53, 47); --theme--highlight_pink: #f7b8dc; + --theme--highlight_pink-text: rgb(55, 53, 47); --theme--highlight_red: #f8acb4; + --theme--highlight_red-text: rgb(55, 53, 47); - --theme--paragraph-text: rgb(34, 34, 34); - --theme--paragraph_gray: #c2c1c089; - --theme--paragraph_brown: #dacec992; - --theme--paragraph_orange: #fff0dc9f; - --theme--paragraph_yellow: #ffe6a6ad; - --theme--paragraph_green: #c8fdd9a3; - --theme--paragraph_blue: #d1e9ffa3; - --theme--paragraph_purple: #e3d3ffa8; - --theme--paragraph_pink: #fdcce8b1; - --theme--paragraph_red: #ffc8ce9e; + --theme--callout_gray: #c2c1c089; + --theme--callout_brown: #dacec992; + --theme--callout_orange: #fff0dc9f; + --theme--callout_yellow: #ffe6a6ad; + --theme--callout_green: #c8fdd9a3; + --theme--callout_blue: #d1e9ffa3; + --theme--callout_purple: #e3d3ffa8; + --theme--callout_pink: #fdcce8b1; + --theme--callout_red: #ffc8ce9e; - --theme--tag-text: var(--theme--highlight-text); - --theme--tag_default: var(--theme--highlight_gray); - --theme--tag_gray: var(--theme--highlight_gray); - --theme--tag_brown: var(--theme--highlight_brown); - --theme--tag_orange: var(--theme--highlight_orange); - --theme--tag_yellow: var(--theme--highlight_yellow); - --theme--tag_green: var(--theme--highlight_green); - --theme--tag_blue: var(--theme--highlight_blue); - --theme--tag_purple: var(--theme--highlight_purple); - --theme--tag_pink: var(--theme--highlight_pink); - --theme--tag_red: var(--theme--highlight_red); + --theme--tag_gray: #b1aeab; + --theme--tag_gray-text: rgb(55, 53, 47); + --theme--tag_brown: #d8b6a6; + --theme--tag_brown-text: rgb(55, 53, 47); + --theme--tag_orange: #fde3c0; + --theme--tag_orange-text: rgb(55, 53, 47); + --theme--tag_yellow: #fcde93; + --theme--tag_yellow-text: rgb(55, 53, 47); + --theme--tag_green: #b3f5c8; + --theme--tag_green-text: rgb(55, 53, 47); + --theme--tag_blue: #bfe0fd; + --theme--tag_blue-text: rgb(55, 53, 47); + --theme--tag_purple: #dac7fa; + --theme--tag_purple-text: rgb(55, 53, 47); + --theme--tag_pink: #f7b8dc; + --theme--tag_pink-text: rgb(55, 53, 47); + --theme--tag_red: #f8acb4; + --theme--tag_red-text: rgb(55, 53, 47); - --theme--block-text: var(--theme--paragraph-text); - --theme--block_gray: var(--theme--paragraph_gray); - --theme--block_brown: var(--theme--paragraph_brown); - --theme--block_orange: var(--theme--paragraph_orange); - --theme--block_yellow: var(--theme--paragraph_yellow); - --theme--block_green: var(--theme--paragraph_green); - --theme--block_blue: var(--theme--paragraph_blue); - --theme--block_purple: var(--theme--paragraph_purple); - --theme--block_pink: var(--theme--paragraph_pink); - --theme--block_red: var(--theme--paragraph_red); + --theme--board_gray: #c2c1c089; + --theme--board_gray-text: #b1aeab; + --theme--board_gray-card: rgb(255, 255, 255, 0.2); + --theme--board_brown: #dacec992; + --theme--board_brown-text: #d8b6a6; + --theme--board_brown-card: rgb(255, 255, 255, 0.2); + --theme--board_orange: #fff0dc9f; + --theme--board_orange-text: #fde3c0; + --theme--board_orange-card: rgb(255, 255, 255, 0.2); + --theme--board_yellow: #ffe6a6ad; + --theme--board_yellow-text: #fcde93; + --theme--board_yellow-card: rgb(255, 255, 255, 0.2); + --theme--board_green: #c8fdd9a3; + --theme--board_green-text: #b3f5c8; + --theme--board_green-card: rgb(255, 255, 255, 0.2); + --theme--board_blue: #d1e9ffa3; + --theme--board_blue-text: #bfe0fd; + --theme--board_blue-card: rgb(255, 255, 255, 0.2); + --theme--board_purple: #e3d3ffa8; + --theme--board_purple-text: #dac7fa; + --theme--board_purple-card: rgb(255, 255, 255, 0.2); + --theme--board_pink: #fdcce8b1; + --theme--board_pink-text: #f7b8dc; + --theme--board_pink-card: rgb(255, 255, 255, 0.2); + --theme--board_red: #ffc8ce9e; + --theme--board_red-text: #f8acb4; + --theme--board_red-card: rgb(255, 255, 255, 0.2); --theme--code_inline: rgb(8, 8, 8); --theme--code_inline-text: #b3f5c8; diff --git a/repo/pinky-boom/variables.css b/repo/pinky-boom/variables.css index c22b682..949db4b 100644 --- a/repo/pinky-boom/variables.css +++ b/repo/pinky-boom/variables.css @@ -68,15 +68,52 @@ --theme--highlight_pink-text: white; --theme--highlight_red: var(--pinky_boom--red); - --theme--paragraph_gray: rgba(128, 128, 128, 0.5); - --theme--paragraph_brown: var(--pinky_boom--brown); - --theme--paragraph_orange: var(--pinky_boom--orange); - --theme--paragraph_yellow: var(--pinky_boom--yellow); - --theme--paragraph_green: var(--pinky_boom--green); - --theme--paragraph_blue: var(--pinky_boom--blue); - --theme--paragraph_purple: var(--pinky_boom--purple); - --theme--paragraph_pink: var(--pinky_boom--pink); - --theme--paragraph_red: var(--pinky_boom--red); + --theme--callout_gray: rgba(128, 128, 128, 0.25); + --theme--callout_gray-text: black; + --theme--callout_brown: var(--pinky_boom--brown); + --theme--callout_brown-text: white; + --theme--callout_orange: var(--pinky_boom--orange); + --theme--callout_orange-text: black; + --theme--callout_yellow: var(--pinky_boom--yellow); + --theme--callout_yellow-text: black; + --theme--callout_green: var(--pinky_boom--green); + --theme--callout_green-text: black; + --theme--callout_blue: var(--pinky_boom--blue); + --theme--callout_blue-text: black; + --theme--callout_purple: var(--pinky_boom--purple); + --theme--callout_purple-text: white; + --theme--callout_pink: var(--pinky_boom--pink); + --theme--callout_pink-text: white; + --theme--callout_red: var(--pinky_boom--red); + --theme--callout_red-text: white; + + --theme--board_gray: rgba(128, 128, 128, 0.5); + --theme--board_gray-text: white; + --theme--board_gray-card: rgba(128, 128, 128, 0.25); + --theme--board_brown: var(--pinky_boom--brown); + --theme--board_brown-text: white; + --theme--board_brown-card: var(--pinky_boom--brown); + --theme--board_orange: var(--pinky_boom--orange); + --theme--board_orange-text: white; + --theme--board_orange-card: var(--pinky_boom--orange); + --theme--board_yellow: var(--pinky_boom--yellow); + --theme--board_yellow-text: white; + --theme--board_yellow-card: var(--pinky_boom--yellow); + --theme--board_green: var(--pinky_boom--green); + --theme--board_green-text: white; + --theme--board_green-card: var(--pinky_boom--green); + --theme--board_blue: var(--pinky_boom--blue); + --theme--board_blue-text: white; + --theme--board_blue-card: var(--pinky_boom--blue); + --theme--board_purple: var(--pinky_boom--purple); + --theme--board_purple-text: white; + --theme--board_purple-card: var(--pinky_boom--purple); + --theme--board_pink: var(--pinky_boom--pink); + --theme--board_pink-text: white; + --theme--board_pink-card: var(--pinky_boom--pink); + --theme--board_red: var(--pinky_boom--red); + --theme--board_red-text: white; + --theme--board_red-card: var(--pinky_boom--red); --theme--tag_default: #ffc9e6; --theme--tag_gray: rgba(128, 128, 128, 0.25); @@ -98,25 +135,6 @@ --theme--tag_red: var(--pinky_boom--red); --theme--tag_red-text: white; - --theme--block_gray: rgba(128, 128, 128, 0.25); - --theme--block_gray-text: black; - --theme--block_brown: var(--pinky_boom--brown); - --theme--block_brown-text: white; - --theme--block_orange: var(--pinky_boom--orange); - --theme--block_orange-text: black; - --theme--block_yellow: var(--pinky_boom--yellow); - --theme--block_yellow-text: black; - --theme--block_green: var(--pinky_boom--green); - --theme--block_green-text: black; - --theme--block_blue: var(--pinky_boom--blue); - --theme--block_blue-text: black; - --theme--block_purple: var(--pinky_boom--purple); - --theme--block_purple-text: white; - --theme--block_pink: var(--pinky_boom--pink); - --theme--block_pink-text: white; - --theme--block_red: var(--pinky_boom--red); - --theme--block_red-text: white; - --theme--code_inline: var(--theme--code); --theme--code_inline-text: var(--theme--text); diff --git a/repo/playful-purple/variables.css b/repo/playful-purple/variables.css index c3c7bb0..58353dd 100644 --- a/repo/playful-purple/variables.css +++ b/repo/playful-purple/variables.css @@ -57,11 +57,24 @@ --theme--highlight_red: rgb(251, 228, 228); --theme--highlight_red-text: rgb(138, 0, 10); - --theme--paragraph_gray: rgb(69, 75, 78); - --theme--paragraph_brown: rgb(78, 57, 48); - --theme--paragraph_orange: rgb(136, 80, 48); - --theme--paragraph_yellow: #fbe2287c; - --theme--paragraph_red: rgb(151, 62, 62); + --theme--callout_gray: #e2e3e5; + --theme--callout_gray-text: #383d41; + --theme--callout_brown: rgb(130, 118, 111); + --theme--callout_brown-text: rgb(85, 35, 1); + --theme--callout_orange: rgb(254, 214, 155); + --theme--callout_orange-text: rgb(255, 140, 0); + --theme--callout_yellow: #fcffd8; + --theme--callout_yellow-text: #c76e00; + --theme--callout_green: #d4edda; + --theme--callout_green-text: #155724; + --theme--callout_blue: #cce5ff; + --theme--callout_blue-text: #004085; + --theme--callout_purple: rgb(199, 178, 230); + --theme--callout_purple-text: rgb(90, 49, 148); + --theme--callout_pink: rgb(255, 206, 228); + --theme--callout_pink-text: rgb(255, 0, 127); + --theme--callout_red: #f8d7da; + --theme--callout_red-text: #721c24; --theme--tag_default: rgb(234, 234, 234); --theme--tag_default-text: rgb(17, 17, 17); @@ -84,24 +97,42 @@ --theme--tag_red: rgb(251, 228, 228); --theme--tag_red-text: rgb(138, 0, 10); - --theme--block_gray: #e2e3e5; - --theme--block_gray-text: #383d41; - --theme--block_brown: rgb(130, 118, 111); - --theme--block_brown-text: rgb(85, 35, 1); - --theme--block_orange: rgb(254, 214, 155); - --theme--block_orange-text: rgb(255, 140, 0); - --theme--block_yellow: #fcffd8; - --theme--block_yellow-text: #c76e00; - --theme--block_green: #d4edda; - --theme--block_green-text: #155724; - --theme--block_blue: #cce5ff; - --theme--block_blue-text: #004085; - --theme--block_purple: rgb(199, 178, 230); - --theme--block_purple-text: rgb(90, 49, 148); - --theme--block_pink: rgb(255, 206, 228); - --theme--block_pink-text: rgb(255, 0, 127); - --theme--block_red: #f8d7da; - --theme--block_red-text: #721c24; + --theme--board_gray: #e2e3e5; + --theme--board_gray-text: #383d41; + --theme--board_gray-card: var(--theme--tag_gray); + --theme--board_gray-card_text: var(--theme--tag_gray-text); + --theme--board_brown: rgb(130, 118, 111); + --theme--board_brown-text: rgb(85, 35, 1); + --theme--board_brown-card: var(--theme--tag_brown); + --theme--board_brown-card_text: var(--theme--tag_brown-text); + --theme--board_orange: rgb(254, 214, 155); + --theme--board_orange-text: rgb(255, 140, 0); + --theme--board_orange-card: var(--theme--tag_orange); + --theme--board_orange-card_text: var(--theme--tag_orange-text); + --theme--board_yellow: #fcffd8; + --theme--board_yellow-text: #c76e00; + --theme--board_yellow-card: var(--theme--tag_yellow); + --theme--board_yellow-card_text: var(--theme--tag_yellow-text); + --theme--board_green: #d4edda; + --theme--board_green-text: #155724; + --theme--board_green-card: var(--theme--tag_green); + --theme--board_green-card_text: var(--theme--tag_green-text); + --theme--board_blue: #cce5ff; + --theme--board_blue-text: #004085; + --theme--board_blue-card: var(--theme--tag_blue); + --theme--board_blue-card_text: var(--theme--tag_blue-text); + --theme--board_purple: rgb(199, 178, 230); + --theme--board_purple-text: rgb(90, 49, 148); + --theme--board_purple-card: var(--theme--tag_purple); + --theme--board_purple-card_text: var(--theme--tag_purple-text); + --theme--board_pink: rgb(255, 206, 228); + --theme--board_pink-text: rgb(255, 0, 127); + --theme--board_pink-card: var(--theme--tag_pink); + --theme--board_pink-card_text: var(--theme--tag_pink-text); + --theme--board_red: #f8d7da; + --theme--board_red-text: #721c24; + --theme--board_red-card: var(--theme--tag_red); + --theme--board_red-card_text: var(--theme--tag_red-text); --theme--code_inline: rgb(179, 39, 39); --theme--code_inline-text: #e0dfe2; diff --git a/repo/theming/colors.css b/repo/theming/colors.css index 25f9be6..cfa00fb 100644 --- a/repo/theming/colors.css +++ b/repo/theming/colors.css @@ -80,6 +80,21 @@ > [data-block-id] > [rel='noopener noreferrer'] { background: var(--theme--board_gray-card) !important; + color: var(--theme--board_gray-card_text) !important; +} +.notion-body:not(.dark) + .notion-board-group[style*='background-color: rgba(247, 247, 245, 0.7)'] + > [data-block-id] + > [rel='noopener noreferrer'] + > .notion-focusable:hover { + background: rgba(255, 255, 255, 0.2) !important; +} +.notion-body.dark + .notion-board-group[style*='background-color: rgb(51, 55, 59)'] + > [data-block-id] + > [rel='noopener noreferrer'] + > .notion-focusable:hover { + background: rgba(0, 0, 0, 0.1) !important; } .notion-body:not(.dark) .notion-board-view [style*='color: rgb(145, 145, 142)'], .notion-body.dark .notion-board-view [style*='color: rgb(107, 112, 116)'], @@ -165,6 +180,21 @@ > [data-block-id] > [rel='noopener noreferrer'] { background: var(--theme--board_brown-card) !important; + color: var(--theme--board_brown-card_text) !important; +} +.notion-body:not(.dark) + .notion-board-group[style*='background-color: rgba(250, 246, 245, 0.7)'] + > [data-block-id] + > [rel='noopener noreferrer'] + > .notion-focusable:hover { + background: rgba(255, 255, 255, 0.2) !important; +} +.notion-body.dark + .notion-board-group[style*='background-color: rgb(59, 54, 51)'] + > [data-block-id] + > [rel='noopener noreferrer'] + > .notion-focusable:hover { + background: rgba(0, 0, 0, 0.1) !important; } .notion-body:not(.dark) .notion-board-view [style*='color: rgb(187, 132, 108)'], .notion-body.dark .notion-board-view [style*='color: rgb(155, 98, 69)'], @@ -250,6 +280,21 @@ > [data-block-id] > [rel='noopener noreferrer'] { background: var(--theme--board_orange-card) !important; + color: var(--theme--board_orange-card_text) !important; +} +.notion-body:not(.dark) + .notion-board-group[style*='background-color: rgba(252, 245, 242, 0.7)'] + > [data-block-id] + > [rel='noopener noreferrer'] + > .notion-focusable:hover { + background: rgba(255, 255, 255, 0.2) !important; +} +.notion-body.dark + .notion-board-group[style*='background-color: rgb(61, 54, 49)'] + > [data-block-id] + > [rel='noopener noreferrer'] + > .notion-focusable:hover { + background: rgba(0, 0, 0, 0.1) !important; } .notion-body:not(.dark) .notion-board-view [style*='color: rgb(215, 129, 58)'], .notion-body.dark .notion-board-view [style*='color: rgb(168, 92, 30)'], @@ -335,6 +380,21 @@ > [data-block-id] > [rel='noopener noreferrer'] { background: var(--theme--board_yellow-card) !important; + color: var(--theme--board_yellow-card_text) !important; +} +.notion-body:not(.dark) + .notion-board-group[style*='background-color: rgba(250, 247, 237, 0.7)'] + > [data-block-id] + > [rel='noopener noreferrer'] + > .notion-focusable:hover { + background: rgba(255, 255, 255, 0.2) !important; +} +.notion-body.dark + .notion-board-group[style*='background-color: rgb(56, 55, 49)'] + > [data-block-id] + > [rel='noopener noreferrer'] + > .notion-focusable:hover { + background: rgba(0, 0, 0, 0.1) !important; } .notion-body:not(.dark) .notion-board-view [style*='color: rgb(203, 148, 51)'], .notion-body.dark .notion-board-view [style*='color: rgb(137, 107, 42)'], @@ -420,6 +480,21 @@ > [data-block-id] > [rel='noopener noreferrer'] { background: var(--theme--board_green-card) !important; + color: var(--theme--board_green-card_text) !important; +} +.notion-body:not(.dark) + .notion-board-group[style*='background-color: rgba(244, 248, 243, 0.7)'] + > [data-block-id] + > [rel='noopener noreferrer'] + > .notion-focusable:hover { + background: rgba(255, 255, 255, 0.2) !important; +} +.notion-body.dark + .notion-board-group[style*='background-color: rgb(49, 57, 53)'] + > [data-block-id] + > [rel='noopener noreferrer'] + > .notion-focusable:hover { + background: rgba(0, 0, 0, 0.1) !important; } .notion-body:not(.dark) .notion-board-view [style*='color: rgb(108, 155, 125)'], .notion-body.dark .notion-board-view [style*='color: rgb(61, 124, 86)'], @@ -505,6 +580,21 @@ > [data-block-id] > [rel='noopener noreferrer'] { background: var(--theme--board_blue-card) !important; + color: var(--theme--board_blue-card_text) !important; +} +.notion-body:not(.dark) + .notion-board-group[style*='background-color: rgba(241, 248, 251, 0.7)'] + > [data-block-id] + > [rel='noopener noreferrer'] + > .notion-focusable:hover { + background: rgba(255, 255, 255, 0.2) !important; +} +.notion-body.dark + .notion-board-group[style*='background-color: rgb(49, 56, 64)'] + > [data-block-id] + > [rel='noopener noreferrer'] + > .notion-focusable:hover { + background: rgba(0, 0, 0, 0.1) !important; } .notion-body:not(.dark) .notion-board-view [style*='color: rgb(91, 151, 189)'], .notion-body.dark .notion-board-view [style*='color: rgb(46, 117, 164)'], @@ -551,8 +641,8 @@ .notion-body:not(.dark) .notion-callout-block > div - > [style*='background: rgba(249, 238, 243, 0.8)'], -.notion-body.dark .notion-callout-block > div > [style*='background: rgb(81, 56, 77)'] { + > [style*='background: rgba(244, 240, 247, 0.8)'], +.notion-body.dark .notion-callout-block > div > [style*='background: rgb(69, 58, 91)'] { background: var(--theme--callout_purple) !important; color: var(--theme--callout_purple-text) !important; } @@ -590,6 +680,21 @@ > [data-block-id] > [rel='noopener noreferrer'] { background: var(--theme--board_purple-card) !important; + color: var(--theme--board_purple-card_text) !important; +} +.notion-body:not(.dark) + .notion-board-group[style*='background-color: rgba(249, 246, 252, 0.7)'] + > [data-block-id] + > [rel='noopener noreferrer'] + > .notion-focusable:hover { + background: rgba(255, 255, 255, 0.2) !important; +} +.notion-body.dark + .notion-board-group[style*='background-color: rgb(57, 53, 65)'] + > [data-block-id] + > [rel='noopener noreferrer'] + > .notion-focusable:hover { + background: rgba(0, 0, 0, 0.1) !important; } .notion-body:not(.dark) .notion-board-view [style*='color: rgb(167, 130, 195)'], .notion-body.dark .notion-board-view [style*='color: rgb(123, 96, 180)'], @@ -675,6 +780,21 @@ > [data-block-id] > [rel='noopener noreferrer'] { background: var(--theme--board_pink-card) !important; + color: var(--theme--board_pink-card_text) !important; +} +.notion-body:not(.dark) + .notion-board-group[style*='background-color: rgba(251, 245, 251, 0.7)'] + > [data-block-id] + > [rel='noopener noreferrer'] + > .notion-focusable:hover { + background: rgba(255, 255, 255, 0.2) !important; +} +.notion-body.dark + .notion-board-group[style*='background-color: rgb(60, 53, 58)'] + > [data-block-id] + > [rel='noopener noreferrer'] + > .notion-focusable:hover { + background: rgba(0, 0, 0, 0.1) !important; } .notion-body:not(.dark) .notion-board-view [style*='color: rgb(205, 116, 159)'], .notion-body.dark .notion-board-view [style*='color: rgb(169, 76, 157)'], @@ -760,6 +880,21 @@ > [data-block-id] > [rel='noopener noreferrer'] { background: var(--theme--board_red-card) !important; + color: var(--theme--board_red-card_text) !important; +} +.notion-body:not(.dark) + .notion-board-group[style*='background-color: rgba(253, 245, 243, 0.7)'] + > [data-block-id] + > [rel='noopener noreferrer'] + > .notion-focusable:hover { + background: rgba(255, 255, 255, 0.2) !important; +} +.notion-body.dark + .notion-board-group[style*='background-color: rgb(66, 51, 51)'] + > [data-block-id] + > [rel='noopener noreferrer'] + > .notion-focusable:hover { + background: rgba(0, 0, 0, 0.1) !important; } .notion-body:not(.dark) .notion-board-view [style*='color: rgb(225, 111, 100)'], .notion-body.dark .notion-board-view [style*='color: rgb(194, 65, 82)'], diff --git a/repo/theming/theme.css b/repo/theming/theme.css index 6322285..502dedf 100644 --- a/repo/theming/theme.css +++ b/repo/theming/theme.css @@ -42,7 +42,11 @@ body, .notion-peek-renderer > div[style*='background'], .notion-peek-renderer > div[style*='background'] > :first-child, .notion-peek-renderer > div[style*='background'] > :first-child > div > :nth-child(3), -.notion-page-template-modal { +.notion-page-template-modal, +.notion-update-sidebar-tab-updates-header, +.notion-update-sidebar-tab-updates-header + .notion-scroller, +.notion-update-sidebar-tab-comments-header, +.notion-update-sidebar-tab-comments-header + div { background: var(--theme--bg) !important; } .notion-timeline-item-row + div > div > div, diff --git a/repo/theming/variables.css b/repo/theming/variables.css index f1755d2..0018b3a 100644 --- a/repo/theming/variables.css +++ b/repo/theming/variables.css @@ -99,13 +99,15 @@ --theme--callout_green-text: currentColor; --theme--callout_blue: rgb(231, 243, 248); --theme--callout_blue-text: currentColor; - --theme--callout_purple: rgba(249, 238, 243, 0.8); + --theme--callout_purple: rgba(244, 240, 247, 0.8); --theme--callout_purple-text: currentColor; --theme--callout_pink: rgba(249, 238, 243, 0.8); --theme--callout_pink-text: currentColor; --theme--callout_red: rgb(253, 235, 236); --theme--callout_red-text: currentColor; + --theme--tag_default: rgba(206, 205, 202, 0.5); + --theme--tag_default-text: var(--theme--text); --theme--tag_gray: rgb(227, 226, 224); --theme--tag_gray-text: rgb(50, 48, 44); --theme--tag_brown: rgb(238, 224, 218); @@ -127,30 +129,39 @@ --theme--board_gray: rgba(247, 247, 245, 0.7); --theme--board_gray-card: white; + --theme--board_gray-card_text: inherit; --theme--board_gray-text: rgb(145, 145, 142); --theme--board_brown: rgba(250, 246, 245, 0.7); --theme--board_brown-card: white; + --theme--board_brown-card_text: inherit; --theme--board_brown-text: rgb(187, 132, 108); --theme--board_orange: rgba(252, 245, 242, 0.7); --theme--board_orange-card: white; + --theme--board_orange-card_text: inherit; --theme--board_orange-text: rgb(215, 129, 58); --theme--board_yellow: rgba(250, 247, 237, 0.7); --theme--board_yellow-card: white; + --theme--board_yellow-card_text: inherit; --theme--board_yellow-text: rgb(203, 148, 51); --theme--board_green: rgba(244, 248, 243, 0.7); --theme--board_green-card: white; + --theme--board_green-card_text: inherit; --theme--board_green-text: rgb(108, 155, 125); --theme--board_blue: rgba(241, 248, 251, 0.7); --theme--board_blue-card: white; + --theme--board_blue-card_text: inherit; --theme--board_blue-text: rgb(91, 151, 189); --theme--board_purple: rgba(249, 246, 252, 0.7); --theme--board_purple-card: white; + --theme--board_purple-card_text: inherit; --theme--board_purple-text: rgb(167, 130, 195); --theme--board_pink: rgba(251, 245, 251, 0.7); --theme--board_pink-card: white; + --theme--board_pink-card_text: inherit; --theme--board_pink-text: rgb(205, 116, 159); --theme--board_red: rgba(253, 245, 243, 0.7); --theme--board_red-card: white; + --theme--board_red-card_text: inherit; --theme--board_red-text: rgb(225, 111, 100); --theme--code_inline: rgba(135, 131, 120, 0.15); @@ -267,13 +278,15 @@ --theme--callout_green-text: currentColor; --theme--callout_blue: rgb(45, 66, 86); --theme--callout_blue-text: currentColor; - --theme--callout_purple: rgb(81, 56, 77); + --theme--callout_purple: rgb(69, 58, 91); --theme--callout_purple-text: currentColor; --theme--callout_pink: rgb(81, 56, 77); --theme--callout_pink-text: currentColor; --theme--callout_red: rgb(94, 52, 54); --theme--callout_red-text: currentColor; + --theme--tag_default: rgba(206, 205, 202, 0.5); + --theme--tag_default-text: var(--theme--text); --theme--tag_gray: rgb(71, 76, 80); --theme--tag_gray-text: rgba(255, 255, 255, 0.88); --theme--tag_brown: rgb(92, 71, 61); @@ -295,30 +308,38 @@ --theme--board_gray: rgb(51, 55, 59); --theme--board_gray-card: rgb(60, 65, 68); + --theme--board_gray-card_text: inherit; --theme--board_gray-text: rgb(107, 112, 116); --theme--board_brown: rgb(59, 54, 51); --theme--board_brown-card: rgb(76, 61, 53); + --theme--board_brown-card_text: inherit; --theme--board_brown-text: rgb(155, 98, 69); --theme--board_orange: rgb(61, 54, 49); --theme--board_orange-card: rgb(85, 59, 41); --theme--board_orange-text: rgb(168, 92, 30); --theme--board_yellow: rgb(56, 55, 49); --theme--board_yellow-card: rgb(79, 64, 41); + --theme--board_yellow-card_text: inherit; --theme--board_yellow-text: rgb(137, 107, 42); --theme--board_green: rgb(49, 57, 53); --theme--board_green-card: rgb(46, 68, 58); + --theme--board_green-card_text: inherit; --theme--board_green-text: rgb(61, 124, 86); --theme--board_blue: rgb(49, 56, 64); --theme--board_blue-card: rgb(45, 66, 86); + --theme--board_blue-card_text: inherit; --theme--board_blue-text: rgb(46, 117, 164); --theme--board_purple: rgb(57, 53, 65); --theme--board_purple-card: rgb(69, 58, 91); + --theme--board_purple-card_text: inherit; --theme--board_purple-text: rgb(123, 96, 180); --theme--board_pink: rgb(60, 53, 58); --theme--board_pink-card: rgb(81, 56, 77); + --theme--board_pink-card_text: inherit; --theme--board_pink-text: rgb(169, 76, 157); --theme--board_red: rgb(66, 51, 51); --theme--board_red-card: rgb(94, 52, 54); + --theme--board_red-card_text: inherit; --theme--board_red-text: rgb(194, 65, 82); --theme--code_inline: rgba(135, 131, 120, 0.15);