add light_gray colours

This commit is contained in:
waaaaaaaaaaaaaaaaaaaaa 2022-01-06 11:55:08 +11:00
parent 6d598bf6e3
commit 48fa479001
12 changed files with 121 additions and 54 deletions

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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