diff --git a/package-lock.json b/package-lock.json
index 618250e..611b555 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,6 +18,7 @@
         "@types/node": "^16.11.43",
         "@types/react": "^18.0.15",
         "@types/react-dom": "^18.0.6",
+        "chroma-js": "^2.4.2",
         "react": "^18.2.0",
         "react-colorful": "^5.5.1",
         "react-dom": "^18.2.0",
@@ -27,6 +28,7 @@
         "web-vitals": "^2.1.4"
       },
       "devDependencies": {
+        "@types/chroma-js": "^2.1.4",
         "@types/chrome": "^0.0.193",
         "autoprefixer": "^10.4.7",
         "postcss": "^8.4.14",
@@ -3936,6 +3938,12 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/chroma-js": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@types/chroma-js/-/chroma-js-2.1.4.tgz",
+      "integrity": "sha512-l9hWzP7cp7yleJUI7P2acmpllTJNYf5uU6wh50JzSIZt3fFHe+w2FM6w9oZGBTYzjjm2qHdnQvI+fF/JF/E5jQ==",
+      "dev": true
+    },
     "node_modules/@types/chrome": {
       "version": "0.0.193",
       "resolved": "https://registry.npmjs.org/@types/chrome/-/chrome-0.0.193.tgz",
@@ -5684,6 +5692,11 @@
         "node": ">= 6"
       }
     },
+    "node_modules/chroma-js": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chroma-js/-/chroma-js-2.4.2.tgz",
+      "integrity": "sha512-U9eDw6+wt7V8z5NncY2jJfZa+hUH8XEj8FQHgFJTrUFnJfXYf4Ml4adI2vXZOjqRDpFWtYVWypDfZwnJ+HIR4A=="
+    },
     "node_modules/chrome-trace-event": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
@@ -15591,9 +15604,9 @@
       }
     },
     "node_modules/terser": {
-      "version": "5.14.1",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.14.1.tgz",
-      "integrity": "sha512-+ahUAE+iheqBTDxXhTisdA8hgvbEG1hHOQ9xmNjeUJSoi6DU/gMrKNcfZjHkyY6Alnuyc+ikYJaxxfHkT3+WuQ==",
+      "version": "5.14.2",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.14.2.tgz",
+      "integrity": "sha512-oL0rGeM/WFQCUd0y2QrWxYnq7tfSuKBiqTjRPWrRgB46WD/kiwHwF8T23z78H6Q6kGCuuHcPB+KULHRdxvVGQA==",
       "dependencies": {
         "@jridgewell/source-map": "^0.3.2",
         "acorn": "^8.5.0",
@@ -19558,6 +19571,12 @@
         "@types/node": "*"
       }
     },
+    "@types/chroma-js": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@types/chroma-js/-/chroma-js-2.1.4.tgz",
+      "integrity": "sha512-l9hWzP7cp7yleJUI7P2acmpllTJNYf5uU6wh50JzSIZt3fFHe+w2FM6w9oZGBTYzjjm2qHdnQvI+fF/JF/E5jQ==",
+      "dev": true
+    },
     "@types/chrome": {
       "version": "0.0.193",
       "resolved": "https://registry.npmjs.org/@types/chrome/-/chrome-0.0.193.tgz",
@@ -20906,6 +20925,11 @@
         }
       }
     },
+    "chroma-js": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chroma-js/-/chroma-js-2.4.2.tgz",
+      "integrity": "sha512-U9eDw6+wt7V8z5NncY2jJfZa+hUH8XEj8FQHgFJTrUFnJfXYf4Ml4adI2vXZOjqRDpFWtYVWypDfZwnJ+HIR4A=="
+    },
     "chrome-trace-event": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
@@ -27934,9 +27958,9 @@
       }
     },
     "terser": {
-      "version": "5.14.1",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.14.1.tgz",
-      "integrity": "sha512-+ahUAE+iheqBTDxXhTisdA8hgvbEG1hHOQ9xmNjeUJSoi6DU/gMrKNcfZjHkyY6Alnuyc+ikYJaxxfHkT3+WuQ==",
+      "version": "5.14.2",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.14.2.tgz",
+      "integrity": "sha512-oL0rGeM/WFQCUd0y2QrWxYnq7tfSuKBiqTjRPWrRgB46WD/kiwHwF8T23z78H6Q6kGCuuHcPB+KULHRdxvVGQA==",
       "requires": {
         "@jridgewell/source-map": "^0.3.2",
         "acorn": "^8.5.0",
diff --git a/package.json b/package.json
index f5ba931..2000f7a 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "@types/node": "^16.11.43",
     "@types/react": "^18.0.15",
     "@types/react-dom": "^18.0.6",
+    "chroma-js": "^2.4.2",
     "react": "^18.2.0",
     "react-colorful": "^5.5.1",
     "react-dom": "^18.2.0",
@@ -46,6 +47,7 @@
     ]
   },
   "devDependencies": {
+    "@types/chroma-js": "^2.1.4",
     "@types/chrome": "^0.0.193",
     "autoprefixer": "^10.4.7",
     "postcss": "^8.4.14",
diff --git a/public/Initial.js b/public/Initial.js
index a2b8307..f044280 100644
--- a/public/Initial.js
+++ b/public/Initial.js
@@ -452,6 +452,7 @@ defaultColorScheme = {
   __color_calendar_graph_day_L2_border: "rgba(255, 255, 255, 0.05)",
   __color_calendar_graph_day_L3_border: "rgba(255, 255, 255, 0.05)",
   __color_calendar_graph_day_L4_border: "rgba(255, 255, 255, 0.05)",
+  __color_text_disabled: "#6e7681",
 };
 
 colorSettings = Object.keys(defaultColorScheme);
diff --git a/public/background.js b/public/background.js
index 507d613..b4068f0 100644
--- a/public/background.js
+++ b/public/background.js
@@ -450,12 +450,14 @@ defaultColorScheme = {
   __color_underlinenav_border_hover: "rgba(110, 118, 129, 0.4)",
   __color_underlinenav_icon: "#6e7681",
   __color_workflow_card_header_shadow: "rgba(27, 31, 35, 0.04)",
+  __color_text_disabled: "#6e7681",
 };
 
 initialSettings = Object.keys(defaultColorScheme);
 
 // loop through all the keys in the defaultColorScheme object
-// and set the value of the key to the value of the key in the defaultColorScheme object
+// and set the value of the key to the value of the key in the
+// defaultColorScheme object
 chrome.runtime.onInstalled.addListener(() => {
   initialSettings.forEach((initialSetting) => {
     var key = {};
diff --git a/public/pint-css.css b/public/pint-css.css
index de0d195..84a9421 100644
--- a/public/pint-css.css
+++ b/public/pint-css.css
@@ -450,6 +450,7 @@
   --color-calendar-graph-day-L2-border: initial !important;
   --color-calendar-graph-day-L3-border: initial !important;
   --color-calendar-graph-day-L4-border: initial !important;
+  --color-text-disabled: initial !important;
 }
 
 html,
diff --git a/src/methods/colorGroups.js b/src/methods/colorGroups.js
new file mode 100644
index 0000000..2e846a8
--- /dev/null
+++ b/src/methods/colorGroups.js
@@ -0,0 +1,841 @@
+// Generated using cgGen
+
+// color group: 1 | default color: #00000000
+export var cg1_00000000 = [
+  "__color_action_list_item_default_active_border",
+  "__color_action_list_item_default_hover_border",
+  "__color_counter_border",
+  "__color_topic_tag_border",
+];
+
+// color group: 1 | default color: #00000019
+export var cg1a_19 = ["__color_calendar_graph_day_bg"];
+
+// color group: 2 | default color: #006d32
+export var cg2_006d32 = ["__color_calendar_graph_day_L2_bg"];
+
+// color group: 3 | default color: #010409
+export var cg3_010409 = [
+  "__color_canvas_inset",
+  "__color_checks_bg",
+  "__color_scale_black",
+  "__color_switch_track_bg",
+];
+
+// color group: 3 | default color: #0104094c
+export var cg3a_4c = ["__color_checks_dropdown_shadow"];
+
+// color group: 3 | default color: #010409cc
+export var cg3a_cc = ["__color_primer_canvas_backdrop"];
+
+// color group: 4 | default color: #033a16
+export var cg4_033a16 = [
+  "__color_prettylights_syntax_markup_inserted_bg",
+  "__color_scale_green_8",
+];
+
+// color group: 5 | default color: #04260f
+export var cg5_04260f = ["__color_scale_green_9"];
+
+// color group: 6 | default color: #051d4d
+export var cg6_051d4d = ["__color_scale_blue_9"];
+
+// color group: 7 | default color: #0c2d6b
+export var cg7_0c2d6b = [
+  "__color_scale_blue_8",
+  "__color_select_menu_tap_focus_bg",
+];
+
+// color group: 8 | default color: #0d1117
+export var cg8_0d1117 = [
+  "__color_btn_danger_disabled_bg",
+  "__color_btn_outline_disabled_bg",
+  "__color_canvas_default",
+  "__color_checks_ans_Iblack",
+  "__color_codemirror_bg",
+  "__color_codemirror_guttermarker_text",
+  "__color_codemirror_gutters_bg",
+  "__color_codemirror_lines_bg",
+  "__color_header_search_bg",
+  "__color_page_header_bg",
+  "__color_project_header_bg",
+  "__color_scale_gray_9",
+];
+
+// color group: 8 | default color: #0d111700
+export var cg8a_00 = ["__color_canvas_default_transparent"];
+
+// color group: 8 | default color: #0d1117f2
+export var cg8a_f2 = ["__color_primer_canvas_sticky"];
+
+// color group: 9 | default color: #0d419d
+export var cg9_0d419d = [
+  "__color_btn_outline_selected_bg",
+  "__color_scale_blue_7",
+];
+
+// color group: 10 | default color: #0e4429
+export var cg10_0e4429 = ["__color_calendar_graph_day_L1_bg"];
+
+// color group: 11 | default color: #0f5323
+export var cg11_0f5323 = ["__color_scale_green_7"];
+
+// color group: 12 | default color: #1158c7
+export var cg12_1158c7 = [
+  "__color_prettylights_syntax_markup_ignored_bg",
+  "__color_scale_blue_6",
+];
+
+// color group: 13 | default color: #161b22
+export var cg13_161b22 = [
+  "__color_btn_selected_bg",
+  "__color_canvas_overlay",
+  "__color_canvas_subtle",
+  "__color_checks_ans_Iblack_bright",
+  "__color_checks_dropdown_bg",
+  "__color_checks_input_bg",
+  "__color_checks_step_header_open_bg",
+  "__color_header_bg",
+  "__color_menu_bg_active",
+  "__color_project_gradient_in",
+  "__color_project_sidebar_bg",
+  "__color_scale_gray_8",
+];
+
+// color group: 13 | default color: #161b2200
+export var cg13a_00 = ["__color_project_gradient_out"];
+
+// color group: 14 | default color: #196c2e
+export var cg14_196c2e = ["__color_scale_green_6"];
+
+// color group: 15 | default color: #1b1f230a
+export var cg15_1b1f230a = ["__color_workflow_card_header_shadow"];
+
+// color group: 15 | default color: #1b1f230f
+export var cg15a_0f = ["__color_calendar_graph_day_border"];
+
+// color group: 16 | default color: #1f6feb
+export var cg16_1f6feb = [
+  "__color_accent_emphasis",
+  "__color_marketing_icon_secondary",
+  "__color_prettylights_syntax_markup_heading",
+  "__color_scale_blue_5",
+  "__color_switch_knob_checked_bg",
+];
+
+// color group: 16 | default color: #1f6feb0c
+export var cg16a_0c = ["__color_btn_outline_disabled_counter_bg"];
+
+// color group: 16 | default color: #1f6feb19
+export var cg16a_19 = ["__color_btn_outline_counter_bg"];
+
+// color group: 16 | default color: #1f6feb59
+export var cg16a_59 = ["__color_switch_track_checked_bg"];
+
+// color group: 16 | default color: #1f6feb7f
+export var cg16a_7f = ["__color_switch_track_checked_hover_bg"];
+
+// color group: 16 | default color: #1f6feba5
+export var cg16a_a5 = ["__color_switch_track_checked_active_bg"];
+
+// color group: 17 | default color: #21262d
+export var cg17_21262d = [
+  "__color_avatar_stack_fade_more",
+  "__color_border_muted",
+  "__color_btn_bg",
+  "__color_btn_focus_bg",
+  "__color_checks_header_border",
+  "__color_scale_gray_7",
+  "__color_sidenav_selected_bg",
+  "__color_timeline_badge_bg",
+];
+
+// color group: 18 | default color: #238636
+export var cg18_238636 = [
+  "__color_btn_primary_bg",
+  "__color_btn_primary_focus_bg",
+  "__color_btn_primary_selected_bg",
+  "__color_open_emphasis",
+  "__color_scale_green_5",
+  "__color_success_emphasis",
+];
+
+// color group: 18 | default color: #23863699
+export var cg18a_99 = ["__color_btn_primary_disabled_bg"];
+
+// color group: 19 | default color: #26a641
+export var cg19_26a641 = ["__color_calendar_graph_day_L3_bg"];
+
+// color group: 20 | default color: #271052
+export var cg20_271052 = ["__color_scale_purple_9"];
+
+// color group: 21 | default color: #2ea043
+export var cg21_2ea043 = [
+  "__color_btn_primary_hover_bg",
+  "__color_checks_donut_success",
+  "__color_scale_green_4",
+];
+
+// color group: 21 | default color: #2ea04326
+export var cg21a_26 = [
+  "__color_diff_blob_addition_line_bg",
+  "__color_open_subtle",
+  "__color_success_subtle",
+];
+
+// color group: 21 | default color: #2ea04366
+export var cg21a_66 = [
+  "__color_diff_blob_addition_word_bg",
+  "__color_open_muted",
+  "__color_success_muted",
+];
+
+// color group: 22 | default color: #30363d
+export var cg22_30363d = [
+  "__color_avatar_stack_fade",
+  "__color_border_default",
+  "__color_btn_counter_bg",
+  "__color_btn_hover_bg",
+  "__color_btn_outline_hover_bg",
+  "__color_checks_dropdown_border",
+  "__color_header_search_border",
+  "__color_scale_gray_6",
+];
+
+// color group: 22 | default color: #30363d7a
+export var cg22a_7a = ["__color_action_list_item_inline_divider"];
+
+// color group: 22 | default color: #30363d80
+export var cg22a_80 = ["__color_select_menu_tap_highlight"];
+
+// color group: 23 | default color: #341a00
+export var cg23_341a00 = ["__color_scale_yellow_9"];
+
+// color group: 24 | default color: #388bfd
+export var cg24_388bfd = ["__color_scale_blue_4"];
+
+// color group: 24 | default color: #388bfd26
+export var cg24a_26 = [
+  "__color_accent_subtle",
+  "__color_checks_line_selected_bg",
+];
+
+// color group: 24 | default color: #388bfd66
+export var cg24a_66 = [
+  "__color_accent_muted",
+  "__color_codemirror_selection_bg",
+  "__color_diff_blob_hunk_num_bg",
+];
+
+// color group: 25 | default color: #39c5cf
+export var cg25_39c5cf = ["__color_ans_Icyan"];
+
+// color group: 26 | default color: #39d353
+export var cg26_39d353 = ["__color_calendar_graph_day_L4_bg"];
+
+// color group: 27 | default color: #3c1e70
+export var cg27_3c1e70 = ["__color_scale_purple_8"];
+
+// color group: 28 | default color: #3d1300
+export var cg28_3d1300 = ["__color_scale_orange_9"];
+
+// color group: 29 | default color: #3fb950
+export var cg29_3fb950 = [
+  "__color_ans_Igreen",
+  "__color_checks_ans_Igreen",
+  "__color_checks_logline_section_text",
+  "__color_diffstat_addition_bg",
+  "__color_open_fg",
+  "__color_scale_green_3",
+  "__color_success_fg",
+];
+
+// color group: 29 | default color: #3fb9504d
+export var cg29a_4d = ["__color_diff_blob_addition_num_bg"];
+
+// color group: 30 | default color: #42062a
+export var cg30_42062a = ["__color_scale_pink_9"];
+
+// color group: 31 | default color: #460701
+export var cg31_460701 = ["__color_scale_coral_9"];
+
+// color group: 32 | default color: #484f58
+export var cg32_484f58 = [
+  "__color_ans_Iblack",
+  "__color_prettylights_syntax_sublimelinter_gutter_mark",
+  "__color_primer_fg_disabled",
+  "__color_scale_gray_5",
+  "__color_select_menu_backdrop_border",
+  "__color_switch_knob_checked_disabled_bg",
+];
+
+// color group: 33 | default color: #490202
+export var cg33_490202 = ["__color_scale_red_9"];
+
+// color group: 34 | default color: #4b2900
+export var cg34_4b2900 = ["__color_scale_yellow_8"];
+
+// color group: 35 | default color: #553098
+export var cg35_553098 = ["__color_scale_purple_7"];
+
+// color group: 36 | default color: #56d364
+export var cg36_56d364 = [
+  "__color_ans_Igreen_bright",
+  "__color_checks_ans_Igreen_bright",
+  "__color_scale_green_2",
+];
+
+// color group: 37 | default color: #56d4dd
+export var cg37_56d4dd = ["__color_ans_Icyan_bright"];
+
+// color group: 38 | default color: #58a6ff
+export var cg38_58a6ff = [
+  "__color_accent_fg",
+  "__color_ans_Iblue",
+  "__color_btn_outline_hover_text",
+  "__color_btn_outline_text",
+  "__color_checks_ans_Iblue",
+  "__color_checks_line_selected_num_text",
+  "__color_checks_logline_command_text",
+  "__color_checks_text_link",
+  "__color_scale_blue_3",
+  "__color_switch_track_checked_border",
+];
+
+// color group: 38 | default color: #58a6ff80
+export var cg38a_80 = ["__color_btn_outline_disabled_text"];
+
+// color group: 39 | default color: #5a1e02
+export var cg39_5a1e02 = [
+  "__color_prettylights_syntax_markup_changed_bg",
+  "__color_scale_orange_8",
+];
+
+// color group: 40 | default color: #5e103e
+export var cg40_5e103e = ["__color_scale_pink_8"];
+
+// color group: 41 | default color: #631c03
+export var cg41_631c03 = ["__color_calendar_halloween_graph_day_L1_bg"];
+
+// color group: 42 | default color: #640D04
+export var cg42_640D04 = ["__color_scale_coral_8"];
+
+// color group: 43 | default color: #67060c
+export var cg43_67060c = [
+  "__color_prettylights_syntax_markup_deleted_bg",
+  "__color_scale_red_8",
+];
+
+// color group: 44 | default color: #693e00
+export var cg44_693e00 = ["__color_scale_yellow_7"];
+
+// color group: 45 | default color: #6e40c9
+export var cg45_6e40c9 = ["__color_scale_purple_6"];
+
+// color group: 46 | default color: #6e7681
+export var cg46_6e7681 = [
+  "__color_ans_Iblack_bright",
+  "__color_ans_Igray",
+  "__color_btn_active_border",
+  "__color_checks_ans_Igray",
+  "__color_checks_input_placeholder_text",
+  "__color_checks_line_num_text",
+  "__color_checks_line_timestamp_text",
+  "__color_checks_logline_error_num_text",
+  "__color_checks_logline_num_text",
+  "__color_codemirror_guttermarker_subtle_text",
+  "__color_fg_subtle",
+  "__color_neutral_emphasis",
+  "__color_neutral_emphasis_plus",
+  "__color_scale_gray_4",
+  "__color_switch_track_border",
+  "__color_underlinenav_icon",
+  "__color_text_disabled",
+];
+
+// color group: 46 | default color: #6e768100
+export var cg46a_00 = ["__color_input_disabled_bg"];
+
+// color group: 46 | default color: #6e768119
+export var cg46a_19 = [
+  "__color_checks_btn_hover_bg",
+  "__color_checks_dropdown_btn_hover_bg",
+  "__color_checks_dropdown_hover_bg",
+  "__color_checks_line_hover_bg",
+  "__color_codemirror_activeline_bg",
+  "__color_neutral_subtle",
+];
+
+// color group: 46 | default color: #6e768166
+export var cg46a_66 = [
+  "__color_checks_scrollbar_thumb_bg",
+  "__color_neutral_muted",
+  "__color_underlinenav_border_hover",
+];
+
+// color group: 47 | default color: #762d0a
+export var cg47_762d0a = ["__color_scale_orange_7"];
+
+// color group: 48 | default color: #76e3ea
+export var cg48_76e3ea = ["__color_checks_ans_Icyan"];
+
+// color group: 49 | default color: #79c0ff
+export var cg49_79c0ff = [
+  "__color_ans_Iblue_bright",
+  "__color_checks_ans_Iblue_bright",
+  "__color_codemirror_syntax_constant",
+  "__color_codemirror_syntax_support",
+  "__color_marketing_icon_primary",
+  "__color_prettylights_syntax_constant",
+  "__color_scale_blue_2",
+];
+
+// color group: 50 | default color: #7d2457
+export var cg50_7d2457 = ["__color_scale_pink_7"];
+
+// color group: 51 | default color: #7ee787
+export var cg51_7ee787 = [
+  "__color_prettylights_syntax_entity_tag",
+  "__color_prettylights_syntax_string_regexp",
+  "__color_scale_green_1",
+];
+
+// color group: 52 | default color: #845306
+export var cg52_845306 = ["__color_scale_yellow_6"];
+
+// color group: 53 | default color: #872012
+export var cg53_872012 = ["__color_scale_coral_7"];
+
+// color group: 54 | default color: #8957e5
+export var cg54_8957e5 = ["__color_done_emphasis", "__color_scale_purple_5"];
+
+// color group: 55 | default color: #8b949e
+export var cg55_8b949e = [
+  "__color_btn_focus_border",
+  "__color_btn_hover_border",
+  "__color_checks_btn_icon",
+  "__color_checks_donut_neutral",
+  "__color_checks_gate_text",
+  "__color_checks_header_icon",
+  "__color_checks_header_label_text",
+  "__color_checks_input_text",
+  "__color_checks_line_text",
+  "__color_checks_logline_error_text",
+  "__color_checks_logline_text",
+  "__color_checks_logline_warning_text",
+  "__color_checks_text_secondary",
+  "__color_codemirror_linenumber_text",
+  "__color_codemirror_syntax_comment",
+  "__color_diff_blob_expander_icon",
+  "__color_fg_muted",
+  "__color_header_divider",
+  "__color_prettylights_syntax_brackethighlighter_angle",
+  "__color_prettylights_syntax_comment",
+  "__color_scale_gray_3",
+];
+
+// color group: 56 | default color: #8e1519
+export var cg56_8e1519 = [
+  "__color_prettylights_syntax_invalid_illegal_bg",
+  "__color_scale_red_7",
+];
+
+// color group: 57 | default color: #9b4215
+export var cg57_9b4215 = ["__color_scale_orange_6"];
+
+// color group: 58 | default color: #9e3670
+export var cg58_9e3670 = ["__color_scale_pink_6"];
+
+// color group: 59 | default color: #9e6a03
+export var cg59_9e6a03 = [
+  "__color_attention_emphasis",
+  "__color_checks_line_dt_fm_bg",
+  "__color_scale_yellow_5",
+];
+
+// color group: 60 | default color: #a371f7
+export var cg60_a371f7 = [
+  "__color_checks_logline_debug_text",
+  "__color_done_fg",
+  "__color_scale_purple_4",
+];
+
+// color group: 60 | default color: #a371f726
+export var cg60a_26 = ["__color_done_subtle"];
+
+// color group: 60 | default color: #a371f766
+export var cg60a_66 = ["__color_done_muted"];
+
+// color group: 61 | default color: #a5d6ff
+export var cg61_a5d6ff = [
+  "__color_codemirror_syntax_string",
+  "__color_prettylights_syntax_constant_other_reference_link",
+  "__color_prettylights_syntax_string",
+  "__color_scale_blue_1",
+];
+
+// color group: 62 | default color: #AC3220
+export var cg62_AC3220 = ["__color_scale_coral_6"];
+
+// color group: 63 | default color: #aff5b4
+export var cg63_aff5b4 = [
+  "__color_prettylights_syntax_markup_inserted_text",
+  "__color_scale_green_0",
+];
+
+// color group: 64 | default color: #b1bac4
+export var cg64_b1bac4 = [
+  "__color_ans_Iwhite",
+  "__color_checks_ans_Iwhite",
+  "__color_checks_ans_Iwhite_bright",
+  "__color_scale_gray_2",
+];
+
+// color group: 64 | default color: #b1bac414
+export var cg64a_14 = ["__color_action_list_item_default_selected_bg"];
+
+// color group: 64 | default color: #b1bac41e
+export var cg64a_1e = ["__color_action_list_item_default_hover_bg"];
+
+// color group: 64 | default color: #b1bac433
+export var cg64a_33 = ["__color_action_list_item_default_active_bg"];
+
+// color group: 65 | default color: #b3f0ff
+export var cg65_b3f0ff = ["__color_checks_ans_Icyan_bright"];
+
+// color group: 66 | default color: #b62324
+export var cg66_b62324 = [
+  "__color_btn_danger_selected_bg",
+  "__color_prettylights_syntax_carriage_return_bg",
+  "__color_scale_red_6",
+];
+
+// color group: 67 | default color: #bb8009
+export var cg67_bb8009 = ["__color_scale_yellow_4"];
+
+// color group: 67 | default color: #bb800926
+export var cg67a_26 = [
+  "__color_attention_subtle",
+  "__color_checks_gate_bg",
+  "__color_checks_logline_warning_bg",
+];
+
+// color group: 67 | default color: #bb800966
+export var cg67a_66 = ["__color_attention_muted"];
+
+// color group: 68 | default color: #bc8cff
+export var cg68_bc8cff = [
+  "__color_ans_Imagenta",
+  "__color_checks_ans_Imagenta",
+  "__color_scale_purple_3",
+];
+
+// color group: 69 | default color: #bd561d
+export var cg69_bd561d = [
+  "__color_calendar_halloween_graph_day_L2_bg",
+  "__color_scale_orange_5",
+  "__color_severe_emphasis",
+];
+
+// color group: 70 | default color: #bf4b8a
+export var cg70_bf4b8a = ["__color_scale_pink_5", "__color_sponsors_emphasis"];
+
+// color group: 71 | default color: #c9d1d9
+export var cg71_c9d1d9 = [
+  "__color_btn_text",
+  "__color_checks_btn_hover_icon",
+  "__color_checks_dropdown_btn_hover_text",
+  "__color_checks_dropdown_hover_text",
+  "__color_checks_dropdown_text",
+  "__color_checks_header_label_open_text",
+  "__color_checks_input_focus_text",
+  "__color_checks_text_primary",
+  "__color_codemirror_cursor",
+  "__color_codemirror_matchingbracket_text",
+  "__color_codemirror_text",
+  "__color_diff_blob_addition_fg",
+  "__color_diff_blob_addition_num_text",
+  "__color_diff_blob_deletion_fg",
+  "__color_diff_blob_deletion_num_text",
+  "__color_fg_default",
+  "__color_prettylights_syntax_markup_bold",
+  "__color_prettylights_syntax_markup_ignored_text",
+  "__color_prettylights_syntax_markup_italic",
+  "__color_prettylights_syntax_storage_modifier_import",
+  "__color_scale_gray_1",
+];
+
+// color group: 72 | default color: #cae8ff
+export var cg72_cae8ff = ["__color_scale_blue_0"];
+
+// color group: 73 | default color: #CF462D
+export var cg73_CF462D = ["__color_scale_coral_5"];
+
+// color group: 74 | default color: #d29922
+export var cg74_d29922 = [
+  "__color_ans_Iyellow",
+  "__color_attention_fg",
+  "__color_checks_ans_Iyellow",
+  "__color_checks_donut_pending",
+  "__color_checks_gate_waiting_text",
+  "__color_checks_logline_warning_num_text",
+  "__color_checks_step_warning_text",
+  "__color_scale_yellow_3",
+];
+
+// color group: 74 | default color: #d2992266
+export var cg74a_66 = ["__color_search_keyword_hl"];
+
+// color group: 75 | default color: #d2a8ff
+export var cg75_d2a8ff = [
+  "__color_ans_Imagenta_bright",
+  "__color_checks_ans_Imagenta_bright",
+  "__color_codemirror_syntax_entity",
+  "__color_prettylights_syntax_entity",
+  "__color_prettylights_syntax_meta_diff_range",
+  "__color_scale_purple_2",
+];
+
+// color group: 76 | default color: #da3633
+export var cg76_da3633 = [
+  "__color_btn_danger_hover_bg",
+  "__color_closed_emphasis",
+  "__color_danger_emphasis",
+  "__color_scale_red_5",
+];
+
+// color group: 76 | default color: #da36330c
+export var cg76a_0c = ["__color_btn_danger_disabled_counter_bg"];
+
+// color group: 76 | default color: #da363319
+export var cg76a_19 = ["__color_btn_danger_counter_bg"];
+
+// color group: 77 | default color: #db61a2
+export var cg77_db61a2 = ["__color_scale_pink_4", "__color_sponsors_fg"];
+
+// color group: 77 | default color: #db61a226
+export var cg77a_26 = ["__color_sponsors_subtle"];
+
+// color group: 77 | default color: #db61a266
+export var cg77a_66 = ["__color_sponsors_muted"];
+
+// color group: 78 | default color: #db6d28
+export var cg78_db6d28 = ["__color_scale_orange_4", "__color_severe_fg"];
+
+// color group: 78 | default color: #db6d2826
+export var cg78a_26 = ["__color_severe_subtle"];
+
+// color group: 78 | default color: #db6d2866
+export var cg78a_66 = ["__color_severe_muted"];
+
+// color group: 79 | default color: #e2c5ff
+export var cg79_e2c5ff = ["__color_scale_purple_1"];
+
+// color group: 80 | default color: #e3b341
+export var cg80_e3b341 = [
+  "__color_ans_Iyellow_bright",
+  "__color_checks_ans_Iyellow_bright",
+  "__color_scale_yellow_2",
+];
+
+// color group: 81 | default color: #EA6045
+export var cg81_EA6045 = ["__color_scale_coral_4"];
+
+// color group: 82 | default color: #eddeff
+export var cg82_eddeff = ["__color_scale_purple_0"];
+
+// color group: 83 | default color: #f0883e
+export var cg83_f0883e = ["__color_scale_orange_3"];
+
+// color group: 84 | default color: #f0f6fc
+export var cg84_f0f6fc = [
+  "__color_header_logo",
+  "__color_prettylights_syntax_carriage_return_text",
+  "__color_prettylights_syntax_invalid_illegal_text",
+  "__color_scale_gray_0",
+];
+
+// color group: 84 | default color: #f0f6fc19
+export var cg84a_19 = [
+  "__color_avatar_border",
+  "__color_border_subtle",
+  "__color_btn_border",
+  "__color_btn_outline_focus_border",
+  "__color_btn_outline_hover_border",
+  "__color_btn_outline_selected_border",
+  "__color_btn_primary_border",
+  "__color_btn_primary_disabled_border",
+  "__color_btn_primary_focus_border",
+  "__color_btn_primary_hover_border",
+  "__color_diffstat_addition_border",
+  "__color_diffstat_deletion_border",
+];
+
+// color group: 85 | default color: #f2cc60
+export var cg85_f2cc60 = [
+  "__color_prettylights_syntax_markup_list",
+  "__color_scale_yellow_1",
+];
+
+// color group: 86 | default color: #f6f8fa
+export var cg86_f6f8fa = ["__color_mktg_btn_bg"];
+
+// color group: 87 | default color: #f778ba
+export var cg87_f778ba = ["__color_scale_pink_3"];
+
+// color group: 88 | default color: #F78166
+export var cg88_F78166 = [
+  "__color_primer_border_active",
+  "__color_scale_coral_3",
+];
+
+// color group: 89 | default color: #f85149
+export var cg89_f85149 = [
+  "__color_btn_danger_focus_border",
+  "__color_btn_danger_hover_border",
+  "__color_btn_danger_icon",
+  "__color_btn_danger_text",
+  "__color_checks_donut_error",
+  "__color_checks_step_error_text",
+  "__color_closed_fg",
+  "__color_danger_fg",
+  "__color_prettylights_syntax_brackethighlighter_unmatched",
+  "__color_scale_red_4",
+];
+
+// color group: 89 | default color: #f8514926
+export var cg89a_26 = [
+  "__color_checks_logline_error_bg",
+  "__color_closed_subtle",
+  "__color_danger_subtle",
+  "__color_diff_blob_deletion_line_bg",
+];
+
+// color group: 89 | default color: #f8514928
+export var cg89a_28 = ["__color_action_list_item_danger_hover_bg"];
+
+// color group: 89 | default color: #f851493d
+export var cg89a_3d = ["__color_action_list_item_danger_active_bg"];
+
+// color group: 89 | default color: #f851494c
+export var cg89a_4c = ["__color_diff_blob_deletion_num_bg"];
+
+// color group: 89 | default color: #f8514966
+export var cg89a_66 = [
+  "__color_closed_muted",
+  "__color_danger_muted",
+  "__color_diff_blob_deletion_word_bg",
+];
+
+// color group: 89 | default color: #f851497f
+export var cg89a_7f = ["__color_btn_danger_disabled_text"];
+
+// color group: 90 | default color: #f8e3a1
+export var cg90_f8e3a1 = ["__color_scale_yellow_0"];
+
+// color group: 91 | default color: #fa7a18
+export var cg91_fa7a18 = ["__color_calendar_halloween_graph_day_L3_bg"];
+
+// color group: 92 | default color: #fddf68
+export var cg92_fddf68 = ["__color_calendar_halloween_graph_day_L4_bg"];
+
+// color group: 93 | default color: #ff7b72
+export var cg93_ff7b72 = [
+  "__color_action_list_item_danger_hover_text",
+  "__color_ans_Ired",
+  "__color_btn_danger_selected_border",
+  "__color_checks_ans_Ired",
+  "__color_codemirror_syntax_keyword",
+  "__color_codemirror_syntax_storage",
+  "__color_prettylights_syntax_keyword",
+  "__color_scale_red_3",
+];
+
+// color group: 94 | default color: #ff9bce
+export var cg94_ff9bce = ["__color_scale_pink_2"];
+
+// color group: 95 | default color: #ffa198
+export var cg95_ffa198 = [
+  "__color_ans_Ired_bright",
+  "__color_checks_ans_Ired_bright",
+  "__color_scale_red_2",
+];
+
+// color group: 96 | default color: #FFA28B
+export var cg96_FFA28B = ["__color_scale_coral_2"];
+
+// color group: 97 | default color: #ffa657
+export var cg97_ffa657 = [
+  "__color_codemirror_syntax_variable",
+  "__color_prettylights_syntax_variable",
+  "__color_scale_orange_2",
+];
+
+// color group: 98 | default color: #ffbedd
+export var cg98_ffbedd = ["__color_scale_pink_1"];
+
+// color group: 99 | default color: #ffc1ba
+export var cg99_ffc1ba = ["__color_scale_red_1"];
+
+// color group: 100 | default color: #FFC2B2
+export var cg100_FFC2B2 = ["__color_scale_coral_1"];
+
+// color group: 101 | default color: #ffc680
+export var cg101_ffc680 = ["__color_scale_orange_1"];
+
+// color group: 102 | default color: #ffdaec
+export var cg102_ffdaec = ["__color_scale_pink_0"];
+
+// color group: 103 | default color: #ffdcd7
+export var cg103_ffdcd7 = [
+  "__color_prettylights_syntax_markup_deleted_text",
+  "__color_scale_red_0",
+];
+
+// color group: 104 | default color: #FFDDD2
+export var cg104_FFDDD2 = ["__color_scale_coral_0"];
+
+// color group: 105 | default color: #ffdfb6
+export var cg105_ffdfb6 = [
+  "__color_prettylights_syntax_markup_changed_text",
+  "__color_scale_orange_0",
+];
+
+// color group: 106 | default color: #ffffff
+export var cg106_ffffff = [
+  "__color_ans_Iwhite_bright",
+  "__color_btn_danger_hover_icon",
+  "__color_btn_danger_hover_text",
+  "__color_btn_danger_selected_text",
+  "__color_btn_outline_selected_text",
+  "__color_btn_primary_icon",
+  "__color_btn_primary_text",
+  "__color_checks_line_dt_fm_text",
+  "__color_fg_on_emphasis",
+  "__color_scale_white",
+];
+
+// color group: 106 | default color: #ffffff0c
+export var cg106a_0c = [
+  "__color_calendar_graph_day_L1_border",
+  "__color_calendar_graph_day_L2_border",
+  "__color_calendar_graph_day_L3_border",
+  "__color_calendar_graph_day_L4_border",
+];
+
+// color group: 106 | default color: #ffffff19
+export var cg106a_19 = ["__color_avatar_bg"];
+
+// color group: 106 | default color: #ffffff33
+export var cg106a_33 = [
+  "__color_btn_danger_hover_counter_bg",
+  "__color_btn_outline_hover_counter_bg",
+  "__color_btn_primary_counter_bg",
+  "__color_primer_border_contrast",
+];
+
+// color group: 106 | default color: #ffffff7f
+export var cg106a_7f = ["__color_btn_primary_disabled_text"];
+
+// color group: 106 | default color: #ffffffb2
+export var cg106a_b2 = ["__color_header_text"];
diff --git a/src/methods/colorScales.js b/src/methods/colorScales.js
new file mode 100644
index 0000000..d89163f
--- /dev/null
+++ b/src/methods/colorScales.js
@@ -0,0 +1,127 @@
+export var black = ["cg3_010409"];
+
+export var white = ["cg106_ffffff"];
+
+export var gray = [
+  "cg8_0d1117",
+  "cg13_161b22",
+  "cg17_21262d",
+  "cg22_30363d",
+  "cg32_484f58",
+  "cg46_6e7681",
+  "cg55_8b949e",
+  "cg64_b1bac4",
+  "cg71_c9d1d9",
+  "cg84_f0f6fc",
+];
+
+export var blue = [
+  "cg6_051d4d",
+  "cg7_0c2d6b",
+  "cg9_0d419d",
+  "cg12_1158c7",
+  "cg16_1f6feb",
+  "cg24_388bfd",
+  "cg38_58a6ff",
+  "cg49_79c0ff",
+  "cg61_a5d6ff",
+  "cg72_cae8ff",
+];
+
+export var green = [
+  "cg5_04260f",
+  "cg4_033a16",
+  "cg11_0f5323",
+  "cg14_196c2e",
+  "cg18_238636",
+  "cg21_2ea043",
+  "cg29_3fb950",
+  "cg36_56d364",
+  "cg51_7ee787",
+  "cg63_aff5b4",
+];
+
+export var yellow = [
+  "cg23_341a00",
+  "cg34_4b2900",
+  "cg44_693e00",
+  "cg52_845306",
+  "cg59_9e6a03",
+  "cg67_bb8009",
+  "cg74_d29922",
+  "cg80_e3b341",
+  "cg85_f2cc60",
+  "cg90_f8e3a1",
+];
+
+export var orange = [
+  "cg28_3d1300",
+  "cg39_5a1e02",
+  "cg47_762d0a",
+  "cg57_9b4215",
+  "cg69_bd561d",
+  "cg78_db6d28",
+  "cg83_f0883e",
+  "cg97_ffa657",
+  "cg101_ffc680",
+  "cg105_ffdfb6",
+];
+
+export var red = [
+  "cg33_490202",
+  "cg43_67060c",
+  "cg56_8e1519",
+  "cg66_b62324",
+  "cg76_da3633",
+  "cg89_f85149",
+  "cg93_ff7b72",
+  "cg95_ffa198",
+  "cg99_ffc1ba",
+  "cg103_ffdcd7",
+];
+
+export var purple = [
+  "cg20_271052",
+  "cg27_3c1e70",
+  "cg35_553098",
+  "cg45_6e40c9",
+  "cg54_8957e5",
+  "cg60_a371f7",
+  "cg68_bc8cff",
+  "cg75_d2a8ff",
+  "cg79_e2c5ff",
+  "cg82_eddeff",
+];
+
+export var pink = [
+  "cg30_42062a",
+  "cg40_5e103e",
+  "cg50_7d2457",
+  "cg58_9e3670",
+  "cg70_bf4b8a",
+  "cg77_db61a2",
+  "cg87_f778ba",
+  "cg94_ff9bce",
+  "cg98_ffbedd",
+  "cg102_ffdaec",
+];
+
+export var coral = [
+  "cg31_460701",
+  "cg42_640D04",
+  "cg53_872012",
+  "cg62_AC3220",
+  "cg73_CF462D",
+  "cg81_EA6045",
+  "cg88_F78166",
+  "cg96_FFA28B",
+  "cg100_FFC2B2",
+  "cg105_ffdfb6",
+];
+
+export var calendar = [
+  "cg26_39d353",
+  "cg19_26a641",
+  "cg2_006d32",
+  "cg10_0e4429",
+];
diff --git a/src/methods/complicatedGroups.txt b/src/methods/complicatedGroups.txt
new file mode 100644
index 0000000..9a40792
--- /dev/null
+++ b/src/methods/complicatedGroups.txt
@@ -0,0 +1,58 @@
+
+#ffffff 0 0 0 2px inset => __color_mktg_btn_shadow_hover_muted
+
+#ffffff18e7 0 0 0 1px inset => __color_mktg_btn_shadow_outline
+
+#ffffff18e7 0 0 0 4px => __color_mktg_btn_shadow_focus
+
+0 0 transparent => __color_btn_danger_hover_inset_shadow
+0 0 transparent => __color_btn_danger_hover_shadow
+0 0 transparent => __color_btn_danger_selected_shadow
+0 0 transparent => __color_btn_inset_shadow
+0 0 transparent => __color_btn_outline_selected_shadow
+0 0 transparent => __color_btn_primary_inset_shadow
+0 0 transparent => __color_btn_primary_selected_shadow
+0 0 transparent => __color_btn_primary_shadow
+0 0 transparent => __color_btn_shadow
+0 0 transparent => __color_primer_shadow_highlight
+0 0 transparent => __color_primer_shadow_inset
+0 0 transparent => __color_shadow_small
+
+0 0 0 0.2em #1f6feb4c => __color_btn_shadow_input_focus
+
+0 0 0 1px #30363d 0 16px 32px #010409d8 => __color_overlay_shadow
+
+0 0 0 1px (obj) => get_1.default(obj, path) => __color_checks_input_shadow
+
+0 0 0 3px #0c2d6b => __color_primer_shadow_focus
+
+0 0 0 3px #8b949e4c => __color_btn_focus_shadow
+
+0 0 0 3px #1158c766 => __color_btn_outline_focus_shadow
+
+0 0 0 3px #f8514966 => __color_btn_danger_focus_shadow
+
+0 0 0 3px #2ea44f66 => __color_btn_primary_focus_shadow
+
+0 12px 48px #010409 => __color_shadow_extra_large
+
+0 1px 0 #01040919 => __color_btn_outline_hover_shadow
+
+0 3px 6px #010409 => __color_shadow_medium
+
+0 4px 7px #00000026 0 100px 80px #ffffff05  0 42px 33px #ffffff06  0 22px 18px #ffffff07  0 12px 10px #ffffff08  0 7px 5px #ffffff0a  0 3px 2px #ffffff11 => __color_mktg_btn_shadow_hover
+
+0 8px 24px #010409 => __color_shadow_large
+
+1px => __color_checks_container_border_width
+1px => __color_checks_run_border_width
+
+_2px _2px 0 #0d1117 => __color_avatar_child_shadow
+
+hsla(212, 12%, 18%, 1) => __color_btn_active_bg
+
+inset 0 0.15em 0.3em #01040926 => __color_btn_shadow_active
+
+inset 0 1px 0 #ffffff07 => __color_btn_outline_hover_inset_shadow
+
+screen => __color_diff_blob_selected_line_highlight_mix_blend_mode
diff --git a/src/methods/helper.js b/src/methods/helper.js
index 5a6a715..d42adb0 100644
--- a/src/methods/helper.js
+++ b/src/methods/helper.js
@@ -1,5 +1,9 @@
 /*global chrome*/
 
+/**
+ *  Set a key and autoreload
+ *  @param {string} setting - setting to update
+ */
 export function pintSet(setting, value) {
   var pintKey = {};
   pintKey[`${setting}`] = value;
@@ -7,43 +11,34 @@ export function pintSet(setting, value) {
   chrome.tabs.reload();
 }
 
+/**
+ *  Set a key without reloading
+ *  @param {string} setting - setting to update
+ *  @param {string} value - Color to replace the current color with
+ */
 export function pintSetNoReload(setting, value) {
   var pintKey = {};
   pintKey[`${setting}`] = value;
   chrome.storage.local.set(pintKey);
 }
 
-export function pintGet(setting, cb) {
-  var output = "";
-  chrome.storage.local.get([`${setting}`], function (result) {
-    output = result[`${setting}`];
-    cb(output);
-  });
-}
-
+/**
+ *  Gets a setting and calls it back (normally used for react useState)
+ *  @param {string} setting - get this setting
+ */
 export function pintGetUpdate(setting, func) {
   chrome.storage.local.get([`${setting}`], function (result) {
     func(result[`${setting}`]);
   });
 }
 
-export function updateMultiple(array, color) {
-  for (var i = 0; i < array.length; i++) {
-    pintSetNoReload(array[i], color);
+/**
+ *  Updates multiple settings at once
+ *  @param {array} settings - settings of settings to update
+ *  @param {string} color - Color to replace the current color with
+ */
+export function updateMultiple(settings, color) {
+  for (var i = 0; i < settings.length; i++) {
+    pintSetNoReload(settings[i], color);
   }
 }
-// export function pintGet(setting) {
-//   pintGetInner(setting, finalReturn);
-//   alert(`returned value: ${value}`);
-//   return value;
-// }
-
-// export function (setting, callback) {
-//        callback(result[setting]);
-//     });
-// };
-
-// function finalReturn(finalValue) {
-//   alert(`result is: ${finalValue}`);
-//   value = finalValue
-// }
diff --git a/src/methods/opacityGroup.js b/src/methods/opacityGroup.js
new file mode 100644
index 0000000..e89c219
--- /dev/null
+++ b/src/methods/opacityGroup.js
@@ -0,0 +1,67 @@
+export var cg1 = ["cg1_00000000", "cg1a_19"];
+
+export var cg3 = ["cg3_010409", "cg3a_4c", "cg3a_cc"];
+
+export var cg8 = ["cg8_0d1117", "cg8a_00", "cg8a_f2"];
+
+export var cg13 = ["cg13_161b22", "cg13a_00"];
+
+export var cg15 = ["cg15_1b1f230a", "cg15a_0f"];
+
+export var cg16 = [
+  "cg16_1f6feb",
+  "cg16a_0c",
+  "cg16a_19",
+  "cg16a_59",
+  "cg16a_7f",
+  "cg16a_a5",
+];
+
+export var cg18 = ["cg18_238636", "cg18a_99"];
+
+export var cg21 = ["cg21_2ea043", "cg21a_26", "cg21a_66"];
+
+export var cg22 = ["cg22_30363d", "cg22a_7a", "cg22a_80"];
+
+export var cg24 = ["cg24_388bfd", "cg24a_26", "cg24a_66"];
+
+export var cg29 = ["cg29_3fb950", "cg29a_4d"];
+
+export var cg38 = ["cg38_58a6ff", "cg38a_80"];
+
+export var cg46 = ["cg46_6e7681", "cg46a_00", "cg46a_19", "cg46a_66"];
+
+export var cg60 = ["cg60_a371f7", "cg60a_26", "cg60a_66"];
+
+export var cg64 = ["cg64_b1bac4", "cg64a_14", "cg64a_1e", "cg64a_33"];
+
+export var cg67 = ["cg67_bb8009", "cg67a_26", "cg67a_66"];
+
+export var cg74 = ["cg74_d29922", "cg74a_66"];
+
+export var cg76 = ["cg76_da3633", "cg76a_0c", "cg76a_19"];
+
+export var cg77 = ["cg77_db61a2", "cg77a_26", "cg77a_66"];
+
+export var cg78 = ["cg78_db6d28", "cg78a_26", "cg78a_66"];
+
+export var cg84 = ["cg84_f0f6fc", "cg84a_19"];
+
+export var cg89 = [
+  "cg89_f85149",
+  "cg89a_26",
+  "cg89a_28",
+  "cg89a_3d",
+  "cg89a_4c",
+  "cg89a_66",
+  "cg89a_7f",
+];
+
+export var cg106 = [
+  "cg106_ffffff",
+  "cg106a_0c",
+  "cg106a_19",
+  "cg106a_33",
+  "cg106a_7f",
+  "cg106a_b2",
+];
diff --git a/src/methods/schemeGen.js b/src/methods/schemeGen.js
index f75a71d..a1a4eb0 100644
--- a/src/methods/schemeGen.js
+++ b/src/methods/schemeGen.js
@@ -1,4 +1,7 @@
 /*global chrome*/
+import chroma from "chroma-js";
+
+import * as settings from "./colorGroups.js";
 import { pintSetNoReload, updateMultiple } from "./helper.js";
 import * as qs from "./quickScheme.js";
 
@@ -81,17 +84,17 @@ export function updateViaQuickScheme(color) {
 }
 
 export function bgGen(color) {
-  updateMultiple(qs.BG9, color);
-  updateMultiple(qs.ScaleBlack, generateAccent(color, 10));
-  updateMultiple(qs.BG8, generateAccent(color, -10));
-  updateMultiple(qs.BG7, generateAccent(color, -20));
-  updateMultiple(qs.BG6, generateAccent(color, -30));
-  updateMultiple(qs.BG5, generateAccent(color, -50));
-  updateMultiple(qs.BG4, generateAccent(color, -70));
-  updateMultiple(qs.BG3, generateAccent(color, -90));
-  updateMultiple(qs.BG2, generateAccent(color, -110));
-  updateMultiple(qs.BG1, generateAccent("#ffffff", 0));
-  updateMultiple(qs.BG0, generateAccent(color, -130));
+  updateMultiple(settings.cg3_010409, chroma(color).darken().hex());
+  updateMultiple(settings.cg8_0d1117, chroma(color).hex());
+  updateMultiple(settings.cg13_161b22, chroma(color).brighten(0.3).hex());
+  updateMultiple(settings.cg18_238636, chroma(color).brighten(0.6).hex());
+  updateMultiple(settings.cg22_30363d, chroma(color).brighten(0.9).hex());
+  updateMultiple(settings.cg32_484f58, chroma(color).brighten(1.2).hex());
+  updateMultiple(settings.cg46_6e7681, chroma(color).brighten(1.5).hex());
+  updateMultiple(settings.cg55_8b949e, chroma(color).brighten(1.8).hex());
+  updateMultiple(settings.cg64_b1bac4, chroma(color).brighten(2.1).hex());
+  updateMultiple(settings.cg71_c9d1d9, chroma(color).brighten(2.4).hex());
+  updateMultiple(settings.cg84_f0f6fc, chroma(color).brighten(2.7).hex());
   chrome.tabs.reload();
 }
 
diff --git a/tools/cgGen.py b/tools/cgGen.py
new file mode 100644
index 0000000..5c441d8
--- /dev/null
+++ b/tools/cgGen.py
@@ -0,0 +1,26 @@
+with open("schemeGroups.js", "a") as f:
+    x = open("colors.txt", "r")
+    prev_line = ""
+    prevComparison = ""
+    groupNumber = 0
+
+    for current_line in x:
+        value = current_line.split("=>")[0].strip()
+        varName = current_line.split("=>")[0].strip().replace("#", "")
+        if prev_line.split("=>")[0].strip() != current_line.split(
+                "=>")[0].strip():
+            if prevComparison != value[0:7]:
+                groupNumber += 1
+                alphaValue = 0
+                f.write("]\n\n// color group: " + str(groupNumber) +
+                        " | default color: " + value + "\nexport var cg" +
+                        str(groupNumber) + "_" + varName + " = [\n")
+            else:
+                f.write("]\n\n// color group: " + str(groupNumber) +
+                        " | default color: " + value + "\nexport var cg" +
+                        str(groupNumber) + "a_" + value[7:9] + " = [\n")
+        f.write('"' + current_line.split("=>")[1].strip() + '",\n')
+        prev_line = current_line
+        prevComparison = value[0:7]
+
+    x.close()
diff --git a/tools/csstosort.py b/tools/csstosort.py
new file mode 100644
index 0000000..618f330
--- /dev/null
+++ b/tools/csstosort.py
@@ -0,0 +1,12 @@
+with open("formatted.txt", "a") as f:
+    x = open("colors.txt", "r")
+    prev_line = ""
+
+    for current_line in x:
+        if prev_line.split("=>")[0].strip() != current_line.split(
+                "=>")[0].strip():
+            f.write("\n")
+        f.write(current_line)
+        prev_line = current_line
+
+    x.close()
diff --git a/yarn.lock b/yarn.lock
index ff1dabf..3dfe8e6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1990,6 +1990,11 @@
   dependencies:
     "@types/node" "*"
 
+"@types/chroma-js@^2.1.4":
+  "integrity" "sha512-l9hWzP7cp7yleJUI7P2acmpllTJNYf5uU6wh50JzSIZt3fFHe+w2FM6w9oZGBTYzjjm2qHdnQvI+fF/JF/E5jQ=="
+  "resolved" "https://registry.npmjs.org/@types/chroma-js/-/chroma-js-2.1.4.tgz"
+  "version" "2.1.4"
+
 "@types/chrome@^0.0.193":
   "integrity" "sha512-R8C84oqvk8A8C8G1viBd8qLpDr86Y/jwD+KLgzUekbIT9RGds6a9GnlQyg8P7ltnGogTMHkiEQK0ZlcrvTeo3Q=="
   "resolved" "https://registry.npmjs.org/@types/chrome/-/chrome-0.0.193.tgz"
@@ -3259,6 +3264,11 @@
   optionalDependencies:
     "fsevents" "~2.3.2"
 
+"chroma-js@^2.4.2":
+  "integrity" "sha512-U9eDw6+wt7V8z5NncY2jJfZa+hUH8XEj8FQHgFJTrUFnJfXYf4Ml4adI2vXZOjqRDpFWtYVWypDfZwnJ+HIR4A=="
+  "resolved" "https://registry.npmjs.org/chroma-js/-/chroma-js-2.4.2.tgz"
+  "version" "2.4.2"
+
 "chrome-trace-event@^1.0.2":
   "integrity" "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg=="
   "resolved" "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz"
@@ -8602,9 +8612,9 @@
     "terser" "^5.7.2"
 
 "terser@^5.0.0", "terser@^5.10.0", "terser@^5.7.2":
-  "integrity" "sha512-+ahUAE+iheqBTDxXhTisdA8hgvbEG1hHOQ9xmNjeUJSoi6DU/gMrKNcfZjHkyY6Alnuyc+ikYJaxxfHkT3+WuQ=="
-  "resolved" "https://registry.npmjs.org/terser/-/terser-5.14.1.tgz"
-  "version" "5.14.1"
+  "integrity" "sha512-oL0rGeM/WFQCUd0y2QrWxYnq7tfSuKBiqTjRPWrRgB46WD/kiwHwF8T23z78H6Q6kGCuuHcPB+KULHRdxvVGQA=="
+  "resolved" "https://registry.npmjs.org/terser/-/terser-5.14.2.tgz"
+  "version" "5.14.2"
   dependencies:
     "@jridgewell/source-map" "^0.3.2"
     "acorn" "^8.5.0"