colour fixes

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);

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);

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);

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);

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);

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);

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);

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);

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);

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);

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);