diff --git a/repo/cherry-cola/variables.css b/repo/cherry-cola/variables.css index 26c3341..e2cc5f9 100644 --- a/repo/cherry-cola/variables.css +++ b/repo/cherry-cola/variables.css @@ -10,6 +10,7 @@ --cola--tet: #492341; --cola--info: #9b6890; --cola--accent: #bf799b; + --cola--light_gray: #ADADAD; --cola--gray: #8a8a8a; --cola--brown: #755241; --cola--orange: #e6846b; @@ -98,6 +99,8 @@ --theme--callout_red: var(--theme--tag_red); --theme--callout_red-text: var(--theme--tag-text); + --theme--tag_light_gray: var(--cola--light_gray); + --theme--tag_light_gray-text: var(--cola--main); --theme--tag_gray: var(--cola--gray); --theme--tag_gray-text: var(--cola--main); --theme--tag_brown: var(--cola--brown); @@ -117,6 +120,9 @@ --theme--tag_red: var(--cola--red); --theme--tag_red-text: #ffffff; + --theme--board_light_gray: var(--cola--light_gray); + --theme--board_light_gray-text: var(--cola--main); + --theme--board_light_gray-card: var(--theme--tag_light_gray); --theme--board_gray: var(--cola--gray); --theme--board_gray-text: var(--cola--main); --theme--board_gray-card: var(--theme--tag_gray); diff --git a/repo/dark+/variables.css b/repo/dark+/variables.css index 306d144..4f757d7 100644 --- a/repo/dark+/variables.css +++ b/repo/dark+/variables.css @@ -69,6 +69,7 @@ --theme--callout_pink: rgba(243, 61, 158, 0.301); --theme--callout_red: rgba(122, 20, 20, 0.623); + --theme--tag_light_gray: rgba(165, 166, 167, 0.5); --theme--tag_gray: rgba(126, 128, 129, 0.5); --theme--tag_brown: #50331f; --theme--tag_orange: rgba(255, 155, 0, 0.58); @@ -79,6 +80,9 @@ --theme--tag_pink: rgba(243, 61, 159, 0.5); --theme--tag_red: rgb(122, 20, 20); + --theme--board_light_gray: rgba(165, 166, 167, 0.089); + --theme--board_light_gray-card: var(--theme--tag_light_gray); + --theme--board_light_gray-card_text: var(--theme--tag_light_gray-text); --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); diff --git a/repo/dracula/variables.css b/repo/dracula/variables.css index 42f0ef1..0ef8311 100644 --- a/repo/dracula/variables.css +++ b/repo/dracula/variables.css @@ -20,6 +20,7 @@ --dracula--selection: #44475a; --dracula--block_highlight: #44475a75; + --dracula--light_gray: #CFCFCF; --dracula--gray: var(--dracula--fg_dark); --dracula--brown: #6272a4; --dracula--orange: #ffb86c; @@ -30,6 +31,7 @@ --dracula--pink: #ff79c6; --dracula--red: #ff5555; + --dracula--bg_light_gray: #71737E; --dracula--bg_gray: var(--dracula--bg_light); --dracula--bg_brown: #465079; --dracula--bg_orange: #8a6345; @@ -112,6 +114,8 @@ --theme--tag_default: var(--dracula--comment); --theme--tag_default-text: var(--dracula--fg); + --theme--tag_light_gray: var(--dracula--light_gray); + --theme--tag_light_gray-text: var(--dracula--bg); --theme--tag_gray: var(--dracula--gray); --theme--tag_gray-text: var(--dracula--bg); --theme--tag_brown: var(--dracula--brown); @@ -131,6 +135,10 @@ --theme--tag_red: var(--dracula--red); --theme--tag_red-text: var(--dracula--fg); + --theme--board_light_gray: var(--dracula--bg_light_gray); + --theme--board_light_gray-card: var(--theme--tag_light_gray); + --theme--board_light_gray-card_text: var(--theme--tag_light_gray-text); + --theme--board_light_gray-text: var(--dracula--fg); --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); diff --git a/repo/gruvbox-dark/variables.css b/repo/gruvbox-dark/variables.css index d8ef866..4096c4e 100644 --- a/repo/gruvbox-dark/variables.css +++ b/repo/gruvbox-dark/variables.css @@ -8,6 +8,7 @@ :root.dark { --gruvbox_dark--bg: #282828; + --gruvbox_dark--light_gray_dark: #B3A89E; --gruvbox_dark--gray_dark: #928374; --gruvbox_dark--red_dark: #cc241d; --gruvbox_dark--red_light: #fb4934; @@ -77,91 +78,96 @@ --theme--text_pink: var(--gruvbox_dark--purple_light); --theme--text_red: var(--gruvbox_dark--red_dark); - --theme--highlight_gray: var(--gruvbox_light--gray_dark); - --theme--highlight_gray-text: var(--gruvbox_light--bg0); + --theme--highlight_gray: var(--gruvbox_dark--gray_dark); + --theme--highlight_gray-text: var(--gruvbox_dark--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_brown-text: var(--gruvbox_dark--bg0); + --theme--highlight_orange: var(--gruvbox_dark--orange_dark); + --theme--highlight_orange-text: var(--gruvbox_dark--bg0); + --theme--highlight_yellow: var(--gruvbox_dark--yellow_dark); + --theme--highlight_yellow-text: var(--gruvbox_dark--bg0); + --theme--highlight_green: var(--gruvbox_dark--green_dark); + --theme--highlight_green-text: var(--gruvbox_dark--bg0); + --theme--highlight_blue: var(--gruvbox_dark--blue_dark); + --theme--highlight_blue-text: var(--gruvbox_dark--bg0); + --theme--highlight_purple: var(--gruvbox_dark--purple_dark); + --theme--highlight_purple-text: var(--gruvbox_dark--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--highlight_pink-text: var(--gruvbox_dark--bg0); + --theme--highlight_red: var(--gruvbox_dark--red_dark); + --theme--highlight_red-text: var(--gruvbox_dark--bg0); --theme--callout_gray: var(--theme--highlight_gray); - --theme--callout_gray-text: var(--gruvbox_light--bg0); + --theme--callout_gray-text: var(--gruvbox_dark--bg0); --theme--callout_brown: var(--theme--highlight_brown); - --theme--callout_brown-text: var(--gruvbox_light--bg0); + --theme--callout_brown-text: var(--gruvbox_dark--bg0); --theme--callout_orange: var(--theme--highlight_orange); - --theme--callout_orange-text: var(--gruvbox_light--bg0); + --theme--callout_orange-text: var(--gruvbox_dark--bg0); --theme--callout_yellow: var(--theme--highlight_yellow); - --theme--callout_yellow-text: var(--gruvbox_light--bg0); + --theme--callout_yellow-text: var(--gruvbox_dark--bg0); --theme--callout_green: var(--theme--highlight_green); - --theme--callout_green-text: var(--gruvbox_light--bg0); + --theme--callout_green-text: var(--gruvbox_dark--bg0); --theme--callout_blue: var(--theme--highlight_blue); - --theme--callout_blue-text: var(--gruvbox_light--bg0); + --theme--callout_blue-text: var(--gruvbox_dark--bg0); --theme--callout_purple: var(--theme--highlight_purple); - --theme--callout_purple-text: var(--gruvbox_light--bg0); + --theme--callout_purple-text: var(--gruvbox_dark--bg0); --theme--callout_pink: var(--theme--highlight_pink); - --theme--callout_pink-text: var(--gruvbox_light--bg0); + --theme--callout_pink-text: var(--gruvbox_dark--bg0); --theme--callout_red: var(--theme--highlight_red); - --theme--callout_red-text: var(--gruvbox_light--bg0); + --theme--callout_red-text: var(--gruvbox_dark--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); - --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--tag_default: var(--gruvbox_dark--gray_dark); + --theme--tag_default-text: var(--gruvbox_dark--bg2); + --theme--tag_light_gray: var(--gruvbox_dark--light_gray_dark); + --theme--tag_light_gray-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_orange-text: var(--gruvbox_dark--bg0); + --theme--tag_yellow: var(--gruvbox_dark--yellow_dark); + --theme--tag_yellow-text: var(--gruvbox_dark--bg0); + --theme--tag_green: var(--gruvbox_dark--green_dark); + --theme--tag_green-text: var(--gruvbox_dark--bg0); + --theme--tag_blue: var(--gruvbox_dark--blue_dark); + --theme--tag_blue-text: var(--gruvbox_dark--bg0); + --theme--tag_purple: var(--gruvbox_dark--purple_dark); + --theme--tag_purple-text: var(--gruvbox_dark--bg0); + --theme--tag_pink: var(--gruvbox_dark--purple_light); + --theme--tag_pink-text: var(--gruvbox_dark--bg0); + --theme--tag_red: var(--gruvbox_dark--red_dark); + --theme--tag_red-text: var(--gruvbox_dark--bg0); + --theme--board_light_gray: var(--gruvbox_dark--light_gray_dark); + --theme--board_light_gray-text: var(--gruvbox_dark--bg0); + --theme--board_light_gray-card: var(--theme--tag_light_gray); --theme--board_gray: var(--theme--text_gray); - --theme--board_gray-text: var(--gruvbox_light--bg0); + --theme--board_gray-text: var(--gruvbox_dark--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-text: var(--gruvbox_dark--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-text: var(--gruvbox_dark--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-text: var(--gruvbox_dark--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-text: var(--gruvbox_dark--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-text: var(--gruvbox_dark--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-text: var(--gruvbox_dark--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-text: var(--gruvbox_dark--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-text: var(--gruvbox_dark--bg0); --theme--board_red-card: var(--theme--tag_red); --theme--code_inline: var(--gruvbox_dark--bg1); diff --git a/repo/gruvbox-light/variables.css b/repo/gruvbox-light/variables.css index a72e370..9b3722f 100644 --- a/repo/gruvbox-light/variables.css +++ b/repo/gruvbox-light/variables.css @@ -12,6 +12,7 @@ * but the _light variants are actually darker here */ --gruvbox_light--bg: #fbf1c7; + --gruvbox_light--light_gray_dark: #B3A89E; --gruvbox_light--gray_dark: #928374; --gruvbox_light--red_dark: #cc241d; --gruvbox_light--red_light: #9d0006; @@ -122,6 +123,8 @@ --theme--tag_default: var(--gruvbox_light--gray_dark); --theme--tag_default-text: var(--gruvbox_light--bg2); + --theme--tag_light_gray: var(--gruvbox_light--light_gray_dark); + --theme--tag_light_gray-text: var(--gruvbox_light--bg0); --theme--tag_gray: var(--gruvbox_light--gray_dark); --theme--tag_gray-text: var(--gruvbox_light--bg2); --theme--tag_brown: var(--gruvbox_light--fg3); @@ -141,6 +144,9 @@ --theme--tag_red: var(--gruvbox_light--red_dark); --theme--tag_red-text: var(--gruvbox_light--bg0); + --theme--board_light_gray: var(--gruvbox_light--light_gray_dark); + --theme--board_light_gray-text: var(--gruvbox_light--bg0_h); + --theme--board_light_gray-card: var(--theme--tag_light_gray); --theme--board_gray: var(--theme--text_gray); --theme--board_gray-text: var(--gruvbox_light--bg0); --theme--board_gray-card: var(--theme--tag_gray); diff --git a/repo/light+/variables.css b/repo/light+/variables.css index 473a6c7..60531ff 100644 --- a/repo/light+/variables.css +++ b/repo/light+/variables.css @@ -80,6 +80,8 @@ --theme--callout_red-text: #721c24; --theme--tag_default: rgb(234, 234, 234); + --theme--tag_light_gray: rgb(240, 240, 240); + --theme--tag_light_gray-text: rgb(65, 65, 65); --theme--tag_gray: rgb(234, 234, 234); --theme--tag_gray-text: rgb(17, 17, 17); --theme--tag_brown: rgb(206, 206, 206); @@ -99,6 +101,9 @@ --theme--tag_red: rgb(248, 215, 218); --theme--tag_red-text: rgb(138, 0, 10); + --theme--board_light_gray: #EBEBED; + --theme--board_light_gray-text: #616366; + --theme--board_light_gray-card: var(--theme--tag_light_gray); --theme--board_gray: #e2e3e5; --theme--board_gray-text: #383d41; --theme--board_gray-card: var(--theme--tag_gray); diff --git a/repo/material-ocean/variables.css b/repo/material-ocean/variables.css index ff8cb89..e8a3579 100644 --- a/repo/material-ocean/variables.css +++ b/repo/material-ocean/variables.css @@ -9,6 +9,7 @@ --ocean--sec: #00010a; --ocean--tet: #000108; --ocean--accent: #ff4151; + --ocean--light_gray: #E9E9E9; --ocean--gray: #e0e0e0; --ocean--brown: #d8b6a6; --ocean--orange: #fde3c0; @@ -99,6 +100,8 @@ --theme--tag_default: var(--ocean--gray); --theme--tag_default-text: var(--ocean--main); + --theme--tag_light_gray: var(--ocean--light_gray); + --theme--tag_light_gray-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); @@ -118,6 +121,9 @@ --theme--tag_red: var(--theme--highlight_red); --theme--tag_red-text: var(--ocean--main); + --theme--board_light_gray: var(--ocean--light_gray); + --theme--board_light_gray-text: var(--ocean--main); + --theme--board_light_gray-card: rgba(0, 0, 0, 0.075); --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); diff --git a/repo/neutral/variables.css b/repo/neutral/variables.css index 3720638..0e7b76f 100644 --- a/repo/neutral/variables.css +++ b/repo/neutral/variables.css @@ -67,6 +67,7 @@ --theme--tag-text: var(--theme--text); --theme--tag_default: var(--theme--highlight_gray); + --theme--tag_light_gray: #8A8A8A; --theme--tag_gray: var(--theme--highlight_gray); --theme--tag_brown: var(--theme--highlight_brown); --theme--tag_orange: var(--theme--highlight_orange); @@ -77,6 +78,10 @@ --theme--tag_pink: var(--theme--highlight_pink); --theme--tag_red: var(--theme--highlight_red); + --theme--board_light_gray: rgba(112, 112, 112, 0.175); + --theme--board_light_gray-text: #AAAAAA; + --theme--board_light_gray-card: var(--theme--tag_light_gray); + --theme--board_light_gray-card_text: var(--theme--tag_light_gray-text); --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); diff --git a/repo/nord/variables.css b/repo/nord/variables.css index 083e66c..7aaa8da 100644 --- a/repo/nord/variables.css +++ b/repo/nord/variables.css @@ -87,6 +87,7 @@ --theme--callout_red: var(--nord--red); --theme--tag_default: rgba(151, 154, 155, 0.5); + --theme--tag_light_gray: rgba(182, 184, 185, 0.5); --theme--tag_gray: rgba(151, 154, 155, 0.5); --theme--tag_brown: rgba(147, 114, 100, 0.5); --theme--tag_orange: rgba(255, 163, 68, 0.5); @@ -97,6 +98,10 @@ --theme--tag_pink: rgba(226, 85, 161, 0.5); --theme--tag_red: rgba(255, 115, 105, 0.5); + --theme--board_light_gray: rgba(69, 75, 78, 0.3); + --theme--board_light_gray-card: var(--theme--tag_light_gray); + --theme--board_light_gray-card_text: var(--theme--tag_light_gray-text); + --theme--board_light_gray-text: rgba(161, 162, 163, 0.95); --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); diff --git a/repo/pastel-dark/variables.css b/repo/pastel-dark/variables.css index 3a09aa0..81f697a 100644 --- a/repo/pastel-dark/variables.css +++ b/repo/pastel-dark/variables.css @@ -73,6 +73,8 @@ --theme--callout_pink: #fdcce8b1; --theme--callout_red: #ffc8ce9e; + --theme--tag_light_gray: #C8C6C4; + --theme--tag_light_gray-text: rgb(55, 53, 47); --theme--tag_gray: #b1aeab; --theme--tag_gray-text: rgb(55, 53, 47); --theme--tag_brown: #d8b6a6; @@ -92,6 +94,9 @@ --theme--tag_red: #f8acb4; --theme--tag_red-text: rgb(55, 53, 47); + --theme--board_light_gray: #D4D4D389; + --theme--board_light_gray-text: #C8C6C4; + --theme--board_light_gray-card: rgb(255, 255, 255, 0.2); --theme--board_gray: #c2c1c089; --theme--board_gray-text: #b1aeab; --theme--board_gray-card: rgb(255, 255, 255, 0.2); diff --git a/repo/pinky-boom/variables.css b/repo/pinky-boom/variables.css index 8a57b21..a5eefdc 100644 --- a/repo/pinky-boom/variables.css +++ b/repo/pinky-boom/variables.css @@ -90,6 +90,9 @@ --theme--callout_red: var(--pinky_boom--red); --theme--callout_red-text: white; + --theme--board_light_gray: rgba(166, 166, 166, 0.5); + --theme--board_light_gray-text: white; + --theme--board_light_gray-card: rgba(166, 166, 166, 0.25); --theme--board_gray: rgba(128, 128, 128, 0.5); --theme--board_gray-text: white; --theme--board_gray-card: rgba(128, 128, 128, 0.25); @@ -119,6 +122,8 @@ --theme--board_red-card: var(--pinky_boom--red); --theme--tag_default: #ffc9e6; + --theme--tag_light_gray: rgba(166, 166, 166, 0.25); + --theme--tag_light_gray-text: black; --theme--tag_gray: rgba(128, 128, 128, 0.25); --theme--tag_gray-text: black; --theme--tag_brown: var(--pinky_boom--brown); diff --git a/repo/playful-purple/variables.css b/repo/playful-purple/variables.css index cf82ba1..cb0d704 100644 --- a/repo/playful-purple/variables.css +++ b/repo/playful-purple/variables.css @@ -81,6 +81,8 @@ --theme--tag_default: rgb(234, 234, 234); --theme--tag_default-text: rgb(17, 17, 17); + --theme--tag_light_gray: rgb(240, 240, 240); + --theme--tag_light_gray-text: rgb(88, 88, 88); --theme--tag_gray: rgb(234, 234, 234); --theme--tag_gray-text: rgb(17, 17, 17); --theme--tag_brown: rgb(206, 206, 206); @@ -100,6 +102,10 @@ --theme--tag_red: rgb(251, 228, 228); --theme--tag_red-text: rgb(138, 0, 10); + --theme--board_light_gray: #EBEBED; + --theme--board_light_gray-text: #74777A; + --theme--board_light_gray-card: var(--theme--tag_light_gray); + --theme--board_light_gray-card_text: var(--theme--tag_light_gray-text); --theme--board_gray: #e2e3e5; --theme--board_gray-text: #383d41; --theme--board_gray-card: var(--theme--tag_gray);