diff --git a/package.json b/package.json index 29d978d..0576e51 100644 --- a/package.json +++ b/package.json @@ -14,6 +14,7 @@ "@types/react": "^18.0.15", "@types/react-dom": "^18.0.6", "chroma-js": "^2.4.2", + "color-scheme": "^1.0.1", "react": "^18.2.0", "react-colorful": "^5.5.1", "react-dom": "^18.2.0", diff --git a/public/Initial.js b/public/Initial.js index f044280..36fc14c 100644 --- a/public/Initial.js +++ b/public/Initial.js @@ -1,6 +1,7 @@ +// HACK: manifest workaround +/* eslint-disable no-undef */ /*global chrome*/ -key = "pintScheme"; -userScheme = {}; + defaultColorScheme = { __color_canvas_default_transparent: "rgba(13, 17, 23, 0)", __color_page_header_bg: "#0d1117", @@ -459,10 +460,11 @@ colorSettings = Object.keys(defaultColorScheme); // function initialize() { console.log(`Pulling Data from Local Storage`); + colorSettings.forEach((colorSetting) => { // replace all underscore with dash - var colorSettingVar = colorSetting.replace(/_/g, "-"); - var colorSettingPersist = colorSetting; + let colorSettingVar = colorSetting.replace(/_/g, "-"); + let colorSettingPersist = colorSetting; chrome.storage.local.get([`${colorSetting}`], function (result) { if (result[colorSetting] === undefined) { console.log( diff --git a/public/background.js b/public/background.js index b4068f0..7a31313 100644 --- a/public/background.js +++ b/public/background.js @@ -1,4 +1,7 @@ +// HACK: manifest workaround +/* eslint-disable no-undef */ /*global chrome*/ + defaultColorScheme = { __color_accent_emphasis: "#1f6feb", __color_accent_fg: "#58a6ff", @@ -460,7 +463,7 @@ initialSettings = Object.keys(defaultColorScheme); // defaultColorScheme object chrome.runtime.onInstalled.addListener(() => { initialSettings.forEach((initialSetting) => { - var key = {}; + let key = {}; key[`${initialSetting}`] = defaultColorScheme[initialSetting]; chrome.storage.local.set(key); console.log( diff --git a/public/pint-css.css b/public/pint-css.css index 9afaca4..dc8f615 100644 --- a/public/pint-css.css +++ b/public/pint-css.css @@ -471,9 +471,21 @@ svg { color: var(--color-scale-gray-0) !important; } -input.form-control.input-sm.header-search-input.jump-to-field.js-jump-to-field.js-site-search-focus.js-site-search-field.is-clearable::placeholder { +input.header-search-input::placeholder { color: var(--color-text-disabled) !important; } + +.achievement-badge-sidebar { + filter: drop-shadow(var(--color-scale-gray-9)) !important; +} + +.dropdown-menu { + box-shadow: 0px 10px 30px var(--color-scale-gray-9) !important; + border-style: solid !important; + border-color: var(--color-scale-gray-9) !important; + border-radius: 10px !important; +} + /* a,p { color: var(--color-scale-gray-1) !important; } diff --git a/src/components/popup/QuickChange.tsx b/src/components/popup/QuickChange.tsx index fe6697d..c638b9f 100644 --- a/src/components/popup/QuickChange.tsx +++ b/src/components/popup/QuickChange.tsx @@ -3,7 +3,7 @@ import "../../assets/styles/App.css"; import "../../assets/styles/RC.css"; import { HexColorPicker, HexColorInput } from "react-colorful"; import updateScale from "../../methods/helpers/scaleHelper"; -import * as updateManual from "../../methods/helpers/scaleHelper"; +import * as scaleHelper from "../../methods/helpers/scaleHelper"; import { TextField } from "@mui/material"; import { IoIosBrush } from "react-icons/io"; import CardTitle from "../global/CardTitle"; @@ -27,7 +27,7 @@ export default function QuickChange() { const [l4, setL4] = react.useState(`${defaultValue}`); function paintAccent() { - updateManual.updateAccent(color); + scaleHelper.updateAccent(color); setL4(color); } @@ -39,7 +39,7 @@ export default function QuickChange() { } function paintText() { - updateManual.text(color); + scaleHelper.updateText(color); setTextColor(color); } diff --git a/src/methods/config/colorGroups.js b/src/methods/config/colorGroups.js index 91e0bc5..5d8dd71 100644 --- a/src/methods/config/colorGroups.js +++ b/src/methods/config/colorGroups.js @@ -839,3 +839,25 @@ export var cg106a_7f = ["__color_btn_primary_disabled_text"]; // color group: 106 | default color: #ffffffb2 export var cg106a_b2 = ["__color_header_text"]; + +export var cgshadows = [ + "__color_mktg_btn_shadow_hover_muted", + "__color_mktg_btn_shadow_focus", + "__color_btn_shadow_input_focus", + "__color_overlay_shadow", + "__color_checks_input_shadow", + "__color_primer_shadow_focus", + "__color_btn_focus_shadow", + "__color_btn_outline_focus_shadow", + "__color_btn_danger_focus_shadow", + "__color_btn_primary_focus_shadow", + "__color_shadow_extra_large", + "__color_btn_outline_hover_shadow", + "__color_shadow_medium", + "__color_mktg_btn_shadow_hover", + "__color_shadow_large", + "__color_avatar_child_shadow", + "__color_btn_active_bg", + "__color_btn_shadow_active", + "__color_btn_outline_hover_inset_shadow", +]; diff --git a/src/methods/config/complicatedGroups.txt b/src/methods/config/complicatedGroups.txt deleted file mode 100644 index 9a40792..0000000 --- a/src/methods/config/complicatedGroups.txt +++ /dev/null @@ -1,58 +0,0 @@ - -#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/config/unused.txt b/src/methods/config/unused.txt new file mode 100644 index 0000000..2127572 --- /dev/null +++ b/src/methods/config/unused.txt @@ -0,0 +1,20 @@ + + + +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 + +1px => __color_checks_container_border_width +1px => __color_checks_run_border_width + +screen => __color_diff_blob_selected_line_highlight_mix_blend_mode diff --git a/src/methods/helpers/scaleHelper.js b/src/methods/helpers/scaleHelper.js index 1076412..32f074c 100644 --- a/src/methods/helpers/scaleHelper.js +++ b/src/methods/helpers/scaleHelper.js @@ -1,970 +1,251 @@ import chroma from "chroma-js"; +import ColorScheme from "color-scheme"; import * as settings from "../config/colorGroups.js"; import { updateMultiple } from "./storageHelper.js"; -export function updateAll(color) { - updateMultiple(settings.cg3_010409, chroma(color).darken(0.3).hex()); - updateMultiple(settings.cg106_ffffff, chroma(color).brighten(4).hex()); +// ----------- ASSIGNABLES ----------- +let orange = [ + settings.cg28_3d1300, + settings.cg39_5a1e02, + settings.cg47_762d0a, + settings.cg57_9b4215, + settings.cg69_bd561d, + settings.cg78_db6d28, + settings.cg83_f0883e, + settings.cg97_ffa657, + settings.cg101_ffc680, + settings.cg105_ffdfb6, +]; + +let yellow = [ + settings.cg23_341a00, + settings.cg34_4b2900, + settings.cg44_693e00, + settings.cg52_845306, + settings.cg59_9e6a03, + settings.cg67_bb8009, + settings.cg74_d29922, + settings.cg80_e3b341, + settings.cg85_f2cc60, + settings.cg90_f8e3a1, +]; + +let gray = [ + settings.cg8_0d1117, + settings.cg13_161b22, + settings.cg17_21262d, + settings.cg22_30363d, + settings.cg32_484f58, + settings.cg46_6e7681, + settings.cg55_8b949e, + settings.cg64_b1bac4, + settings.cg71_c9d1d9, + settings.cg84_f0f6fc, +]; + +let blue = [ + settings.cg6_051d4d, + settings.cg7_0c2d6b, + settings.cg9_0d419d, + settings.cg12_1158c7, + settings.cg16_1f6feb, + settings.cg24_388bfd, + settings.cg38_58a6ff, + settings.cg49_79c0ff, + settings.cg61_a5d6ff, + settings.cg72_cae8ff, +]; + +let green = [ + settings.cg5_04260f, + settings.cg4_033a16, + settings.cg11_0f5323, + settings.cg14_196c2e, + settings.cg18_238636, + settings.cg21_2ea043, + settings.cg29_3fb950, + settings.cg36_56d364, + settings.cg51_7ee787, + settings.cg63_aff5b4, +]; + +let red = [ + settings.cg33_490202, + settings.cg43_67060c, + settings.cg56_8e1519, + settings.cg66_b62324, + settings.cg76_da3633, + settings.cg89_f85149, + settings.cg93_ff7b72, + settings.cg95_ffa198, + settings.cg99_ffc1ba, + settings.cg103_ffdcd7, +]; + +let purple = [ + settings.cg20_271052, + settings.cg27_3c1e70, + settings.cg35_553098, + settings.cg45_6e40c9, + settings.cg54_8957e5, + settings.cg60_a371f7, + settings.cg68_bc8cff, + settings.cg75_d2a8ff, + settings.cg79_e2c5ff, + settings.cg82_eddeff, +]; + +let pink = [ + settings.cg30_42062a, + settings.cg40_5e103e, + settings.cg50_7d2457, + settings.cg58_9e3670, + settings.cg70_bf4b8a, + settings.cg77_db61a2, + settings.cg87_f778ba, + settings.cg94_ff9bce, + settings.cg98_ffbedd, + settings.cg102_ffdaec, +]; + +let coral = [ + settings.cg31_460701, + settings.cg42_640D04, + settings.cg53_872012, + settings.cg62_AC3220, + settings.cg73_CF462D, + settings.cg81_EA6045, + settings.cg88_F78166, + settings.cg96_FFA28B, + settings.cg100_FFC2B2, + settings.cg105_ffdfb6, +]; + +let calendar = [ + settings.cg10_0e4429, + settings.cg2_006d32, + settings.cg19_26a641, + settings.cg26_39d353, +]; + +// ----------- METHODS ----------- + +export default function updateScale(color) { + updateAnnoyances(color); // gray - updateMultiple(settings.cg8_0d1117, chroma(color).hex()); - updateMultiple(settings.cg13_161b22, chroma(color).brighten(0.3).hex()); - updateMultiple(settings.cg17_21262d, 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(3.0).hex()); - updateMultiple(settings.cg84_f0f6fc, chroma(color).brighten(3.3).hex()); + updateSpecific(color, 0, 0, gray); // blue - updateMultiple(settings.cg6_051d4d, chroma(color).hex()); - updateMultiple( - settings.cg7_0c2d6b, - chroma(color).brighten(0.3).desaturate(1).hex() - ); - updateMultiple( - settings.cg9_0d419d, - chroma(color).brighten(0.6).desaturate(1).hex() - ); - updateMultiple( - settings.cg12_1158c7, - chroma(color).brighten(0.9).desaturate(1).hex() - ); - updateMultiple( - settings.cg16_1f6feb, - chroma(color).brighten(1.2).desaturate(1).hex() - ); - updateMultiple( - settings.cg24_388bfd, - chroma(color).brighten(1.5).desaturate(1).hex() - ); - updateMultiple( - settings.cg38_58a6ff, - chroma(color).brighten(1.8).desaturate(1).hex() - ); - updateMultiple( - settings.cg49_79c0ff, - chroma(color).brighten(2.1).desaturate(1).hex() - ); - updateMultiple( - settings.cg61_a5d6ff, - chroma(color).brighten(3.0).desaturate(1).hex() - ); - updateMultiple( - settings.cg72_cae8ff, - chroma(color).brighten(3.3).desaturate(1).hex() - ); + updateSpecific(color, 1, 0, blue); // green - updateMultiple(settings.cg5_04260f, chroma(color).hex()); - updateMultiple( - settings.cg4_033a16, - chroma(color).brighten(0.3).desaturate(3).hex() - ); - updateMultiple( - settings.cg11_0f5323, - chroma(color).brighten(0.6).desaturate(3).hex() - ); - updateMultiple( - settings.cg14_196c2e, - chroma(color).brighten(0.9).desaturate(3).hex() - ); - updateMultiple( - settings.cg18_238636, - chroma(color).brighten(1.2).desaturate(3).hex() - ); - updateMultiple( - settings.cg21_2ea043, - chroma(color).brighten(1.5).desaturate(3).hex() - ); - updateMultiple( - settings.cg29_3fb950, - chroma(color).brighten(1.8).desaturate(3).hex() - ); - updateMultiple( - settings.cg36_56d364, - chroma(color).brighten(2.1).desaturate(3).hex() - ); - updateMultiple( - settings.cg51_7ee787, - chroma(color).brighten(3.0).desaturate(3).hex() - ); - updateMultiple( - settings.cg63_aff5b4, - chroma(color).brighten(3.3).desaturate(3).hex() - ); + updateSpecific(color, 3, 0, green); // yellow - updateMultiple(settings.cg23_341a00, chroma(color).hex()); - updateMultiple( - settings.cg34_4b2900, - chroma(color).brighten(0.3).desaturate(2).hex() - ); - updateMultiple( - settings.cg44_693e00, - chroma(color).brighten(0.6).desaturate(2).hex() - ); - updateMultiple( - settings.cg52_845306, - chroma(color).brighten(0.9).desaturate(2).hex() - ); - updateMultiple( - settings.cg59_9e6a03, - chroma(color).brighten(1.2).desaturate(2).hex() - ); - updateMultiple( - settings.cg67_bb8009, - chroma(color).brighten(1.5).desaturate(2).hex() - ); - updateMultiple( - settings.cg74_d29922, - chroma(color).brighten(1.8).desaturate(2).hex() - ); - updateMultiple( - settings.cg80_e3b341, - chroma(color).brighten(2.1).desaturate(2).hex() - ); - updateMultiple( - settings.cg85_f2cc60, - chroma(color).brighten(3.0).desaturate(2).hex() - ); - updateMultiple( - settings.cg90_f8e3a1, - chroma(color).brighten(3.3).desaturate(2).hex() - ); + updateSpecific(color, 2, 0, yellow); // orange - updateMultiple(settings.cg28_3d1300, chroma(color).hex()); - updateMultiple( - settings.cg39_5a1e02, - chroma(color).brighten(0.3).desaturate(1.5).hex() - ); - updateMultiple( - settings.cg47_762d0a, - chroma(color).brighten(0.6).desaturate(1.5).hex() - ); - updateMultiple( - settings.cg57_9b4215, - chroma(color).brighten(0.9).desaturate(1.5).hex() - ); - updateMultiple( - settings.cg69_bd561d, - chroma(color).brighten(1.2).desaturate(1.5).hex() - ); - updateMultiple( - settings.cg78_db6d28, - chroma(color).brighten(1.5).desaturate(1.5).hex() - ); - updateMultiple( - settings.cg83_f0883e, - chroma(color).brighten(1.8).desaturate(1.5).hex() - ); - updateMultiple( - settings.cg97_ffa657, - chroma(color).brighten(2.1).desaturate(1.5).hex() - ); - updateMultiple( - settings.cg101_ffc680, - chroma(color).brighten(3.0).desaturate(1.5).hex() - ); - updateMultiple( - settings.cg105_ffdfb6, - chroma(color).brighten(3.3).desaturate(1.5).hex() - ); + updateSpecific(color, 1.5, 0, orange); // red - updateMultiple(settings.cg33_490202, chroma(color).hex()); - updateMultiple( - settings.cg43_67060c, - chroma(color).brighten(0.3).saturate(2).hex() - ); - updateMultiple( - settings.cg56_8e1519, - chroma(color).brighten(0.6).saturate(2).hex() - ); - updateMultiple( - settings.cg66_b62324, - chroma(color).brighten(0.9).saturate(2).hex() - ); - updateMultiple( - settings.cg76_da3633, - chroma(color).brighten(1.2).saturate(2).hex() - ); - updateMultiple( - settings.cg89_f85149, - chroma(color).brighten(1.5).saturate(2).hex() - ); - updateMultiple( - settings.cg93_ff7b72, - chroma(color).brighten(1.8).saturate(2).hex() - ); - updateMultiple( - settings.cg95_ffa198, - chroma(color).brighten(2.1).saturate(2).hex() - ); - updateMultiple( - settings.cg99_ffc1ba, - chroma(color).brighten(3.0).saturate(2).hex() - ); - updateMultiple( - settings.cg103_ffdcd7, - chroma(color).brighten(3.3).saturate(2).hex() - ); + updateSpecific(color, 0, 2, red); // purple - updateMultiple(settings.cg20_271052, chroma(color).hex()); - updateMultiple( - settings.cg27_3c1e70, - chroma(color).brighten(0.3).saturate(2.5).hex() - ); - updateMultiple( - settings.cg35_553098, - chroma(color).brighten(0.6).saturate(2.5).hex() - ); - updateMultiple( - settings.cg45_6e40c9, - chroma(color).brighten(0.9).saturate(2.5).hex() - ); - updateMultiple( - settings.cg54_8957e5, - chroma(color).brighten(1.2).saturate(2.5).hex() - ); - updateMultiple( - settings.cg60_a371f7, - chroma(color).brighten(1.5).saturate(2.5).hex() - ); - updateMultiple( - settings.cg68_bc8cff, - chroma(color).brighten(1.8).saturate(2.5).hex() - ); - updateMultiple( - settings.cg75_d2a8ff, - chroma(color).brighten(2.1).saturate(2.5).hex() - ); - updateMultiple( - settings.cg79_e2c5ff, - chroma(color).brighten(3.0).saturate(2.5).hex() - ); - updateMultiple( - settings.cg82_eddeff, - chroma(color).brighten(3.3).saturate(2.5).hex() - ); + updateSpecific(color, 0, 2.5, purple); // pink - updateMultiple(settings.cg30_42062a, chroma(color).hex()); - updateMultiple( - settings.cg40_5e103e, - chroma(color).brighten(0.3).desaturate(2).hex() - ); - updateMultiple( - settings.cg50_7d2457, - chroma(color).brighten(0.6).desaturate(2).hex() - ); - updateMultiple( - settings.cg58_9e3670, - chroma(color).brighten(0.9).desaturate(2).hex() - ); - updateMultiple( - settings.cg70_bf4b8a, - chroma(color).brighten(1.2).desaturate(2).hex() - ); - updateMultiple( - settings.cg77_db61a2, - chroma(color).brighten(1.5).desaturate(2).hex() - ); - updateMultiple( - settings.cg87_f778ba, - chroma(color).brighten(1.8).desaturate(2).hex() - ); - updateMultiple( - settings.cg94_ff9bce, - chroma(color).brighten(2.1).desaturate(2).hex() - ); - updateMultiple( - settings.cg98_ffbedd, - chroma(color).brighten(3.0).desaturate(2).hex() - ); - updateMultiple( - settings.cg102_ffdaec, - chroma(color).brighten(3.3).desaturate(2).hex() - ); + updateSpecific(color, 2, 0, pink); // coral - updateMultiple(settings.cg31_460701, chroma(color).hex()); - updateMultiple( - settings.cg42_640D04, - chroma(color).brighten(0.3).desaturate(2).hex() - ); - updateMultiple( - settings.cg53_872012, - chroma(color).brighten(0.6).desaturate(2).hex() - ); - updateMultiple( - settings.cg62_AC3220, - chroma(color).brighten(0.9).desaturate(2).hex() - ); - updateMultiple( - settings.cg73_CF462D, - chroma(color).brighten(1.2).desaturate(2).hex() - ); - updateMultiple( - settings.cg81_EA6045, - chroma(color).brighten(1.5).desaturate(2).hex() - ); - updateMultiple( - settings.cg88_F78166, - chroma(color).brighten(1.8).desaturate(2).hex() - ); - updateMultiple( - settings.cg96_FFA28B, - chroma(color).brighten(2.1).desaturate(2).hex() - ); - updateMultiple( - settings.cg100_FFC2B2, - chroma(color).brighten(3.0).desaturate(2).hex() - ); - updateMultiple( - settings.cg105_ffdfb6, - chroma(color).brighten(3.3).desaturate(2).hex() - ); + updateSpecific(color, 2, 0, coral); + // calendar - updateMultiple( - settings.cg26_39d353, - chroma(color).brighten(2.5).saturate(2).alpha(0.8).hex() - ); - updateMultiple( - settings.cg19_26a641, - chroma(color).brighten(2.5).saturate(2).alpha(0.6).hex() - ); - updateMultiple( - settings.cg2_006d32, - chroma(color).brighten(2.5).saturate(2).alpha(0.4).hex() - ); - updateMultiple( - settings.cg10_0e4429, - chroma(color).brighten(2.5).saturate(2).alpha(0.2).hex() - ); + updateCalendar(color, 2, calendar); } -export function updateAllBright(color) { - updateMultiple(settings.cg3_010409, chroma(color).brighten(0.3).hex()); - updateMultiple(settings.cg106_ffffff, chroma(color).darken(4).hex()); - // gray - updateMultiple(settings.cg8_0d1117, chroma(color).hex()); - updateMultiple(settings.cg13_161b22, chroma(color).darken(0.3).hex()); - updateMultiple(settings.cg17_21262d, chroma(color).darken(0.6).hex()); - updateMultiple(settings.cg22_30363d, chroma(color).darken(0.9).hex()); - updateMultiple(settings.cg32_484f58, chroma(color).darken(1.2).hex()); - updateMultiple(settings.cg46_6e7681, chroma(color).darken(1.5).hex()); - updateMultiple(settings.cg55_8b949e, chroma(color).darken(1.8).hex()); - updateMultiple(settings.cg64_b1bac4, chroma(color).darken(2.1).hex()); - updateMultiple(settings.cg71_c9d1d9, chroma(color).darken(3.0).hex()); - updateMultiple(settings.cg84_f0f6fc, chroma(color).darken(3.3).hex()); - // blue - updateMultiple(settings.cg6_051d4d, chroma(color).hex()); - updateMultiple( - settings.cg7_0c2d6b, - chroma(color).darken(0.3).desaturate(1).hex() - ); - updateMultiple( - settings.cg9_0d419d, - chroma(color).darken(0.6).desaturate(1).hex() - ); - updateMultiple( - settings.cg12_1158c7, - chroma(color).darken(0.9).desaturate(1).hex() - ); - updateMultiple( - settings.cg16_1f6feb, - chroma(color).darken(1.2).desaturate(1).hex() - ); - updateMultiple( - settings.cg24_388bfd, - chroma(color).darken(1.5).desaturate(1).hex() - ); - updateMultiple( - settings.cg38_58a6ff, - chroma(color).darken(1.8).desaturate(1).hex() - ); - updateMultiple( - settings.cg49_79c0ff, - chroma(color).darken(2.1).desaturate(1).hex() - ); - updateMultiple( - settings.cg61_a5d6ff, - chroma(color).darken(3.0).desaturate(1).hex() - ); - updateMultiple( - settings.cg72_cae8ff, - chroma(color).darken(3.3).desaturate(1).hex() - ); - // green - updateMultiple(settings.cg5_04260f, chroma(color).hex()); - updateMultiple( - settings.cg4_033a16, - chroma(color).darken(0.3).desaturate(3).hex() - ); - updateMultiple( - settings.cg11_0f5323, - chroma(color).darken(0.6).desaturate(3).hex() - ); - updateMultiple( - settings.cg14_196c2e, - chroma(color).darken(0.9).desaturate(3).hex() - ); - updateMultiple( - settings.cg18_238636, - chroma(color).darken(1.2).desaturate(3).hex() - ); - updateMultiple( - settings.cg21_2ea043, - chroma(color).darken(1.5).desaturate(3).hex() - ); - updateMultiple( - settings.cg29_3fb950, - chroma(color).darken(1.8).desaturate(3).hex() - ); - updateMultiple( - settings.cg36_56d364, - chroma(color).darken(2.1).desaturate(3).hex() - ); - updateMultiple( - settings.cg51_7ee787, - chroma(color).darken(3.0).desaturate(3).hex() - ); - updateMultiple( - settings.cg63_aff5b4, - chroma(color).darken(3.3).desaturate(3).hex() - ); - // yellow - updateMultiple(settings.cg23_341a00, chroma(color).hex()); - updateMultiple( - settings.cg34_4b2900, - chroma(color).darken(0.3).desaturate(2).hex() - ); - updateMultiple( - settings.cg44_693e00, - chroma(color).darken(0.6).desaturate(2).hex() - ); - updateMultiple( - settings.cg52_845306, - chroma(color).darken(0.9).desaturate(2).hex() - ); - updateMultiple( - settings.cg59_9e6a03, - chroma(color).darken(1.2).desaturate(2).hex() - ); - updateMultiple( - settings.cg67_bb8009, - chroma(color).darken(1.5).desaturate(2).hex() - ); - updateMultiple( - settings.cg74_d29922, - chroma(color).darken(1.8).desaturate(2).hex() - ); - updateMultiple( - settings.cg80_e3b341, - chroma(color).darken(2.1).desaturate(2).hex() - ); - updateMultiple( - settings.cg85_f2cc60, - chroma(color).darken(3.0).desaturate(2).hex() - ); - updateMultiple( - settings.cg90_f8e3a1, - chroma(color).darken(3.3).desaturate(2).hex() - ); - // orange - updateMultiple(settings.cg28_3d1300, chroma(color).hex()); - updateMultiple( - settings.cg39_5a1e02, - chroma(color).darken(0.3).desaturate(1.5).hex() - ); - updateMultiple( - settings.cg47_762d0a, - chroma(color).darken(0.6).desaturate(1.5).hex() - ); - updateMultiple( - settings.cg57_9b4215, - chroma(color).darken(0.9).desaturate(1.5).hex() - ); - updateMultiple( - settings.cg69_bd561d, - chroma(color).darken(1.2).desaturate(1.5).hex() - ); - updateMultiple( - settings.cg78_db6d28, - chroma(color).darken(1.5).desaturate(1.5).hex() - ); - updateMultiple( - settings.cg83_f0883e, - chroma(color).darken(1.8).desaturate(1.5).hex() - ); - updateMultiple( - settings.cg97_ffa657, - chroma(color).darken(2.1).desaturate(1.5).hex() - ); - updateMultiple( - settings.cg101_ffc680, - chroma(color).darken(3.0).desaturate(1.5).hex() - ); - updateMultiple( - settings.cg105_ffdfb6, - chroma(color).darken(3.3).desaturate(1.5).hex() - ); - // red - updateMultiple(settings.cg33_490202, chroma(color).hex()); - updateMultiple( - settings.cg43_67060c, - chroma(color).darken(0.3).saturate(2).hex() - ); - updateMultiple( - settings.cg56_8e1519, - chroma(color).darken(0.6).saturate(2).hex() - ); - updateMultiple( - settings.cg66_b62324, - chroma(color).darken(0.9).saturate(2).hex() - ); - updateMultiple( - settings.cg76_da3633, - chroma(color).darken(1.2).saturate(2).hex() - ); - updateMultiple( - settings.cg89_f85149, - chroma(color).darken(1.5).saturate(2).hex() - ); - updateMultiple( - settings.cg93_ff7b72, - chroma(color).darken(1.8).saturate(2).hex() - ); - updateMultiple( - settings.cg95_ffa198, - chroma(color).darken(2.1).saturate(2).hex() - ); - updateMultiple( - settings.cg99_ffc1ba, - chroma(color).darken(3.0).saturate(2).hex() - ); - updateMultiple( - settings.cg103_ffdcd7, - chroma(color).darken(3.3).saturate(2).hex() - ); - // purple - updateMultiple(settings.cg20_271052, chroma(color).hex()); - updateMultiple( - settings.cg27_3c1e70, - chroma(color).darken(0.3).saturate(2.5).hex() - ); - updateMultiple( - settings.cg35_553098, - chroma(color).darken(0.6).saturate(2.5).hex() - ); - updateMultiple( - settings.cg45_6e40c9, - chroma(color).darken(0.9).saturate(2.5).hex() - ); - updateMultiple( - settings.cg54_8957e5, - chroma(color).darken(1.2).saturate(2.5).hex() - ); - updateMultiple( - settings.cg60_a371f7, - chroma(color).darken(1.5).saturate(2.5).hex() - ); - updateMultiple( - settings.cg68_bc8cff, - chroma(color).darken(1.8).saturate(2.5).hex() - ); - updateMultiple( - settings.cg75_d2a8ff, - chroma(color).darken(2.1).saturate(2.5).hex() - ); - updateMultiple( - settings.cg79_e2c5ff, - chroma(color).darken(3.0).saturate(2.5).hex() - ); - updateMultiple( - settings.cg82_eddeff, - chroma(color).darken(3.3).saturate(2.5).hex() - ); - // pink - updateMultiple(settings.cg30_42062a, chroma(color).hex()); - updateMultiple( - settings.cg40_5e103e, - chroma(color).darken(0.3).desaturate(2).hex() - ); - updateMultiple( - settings.cg50_7d2457, - chroma(color).darken(0.6).desaturate(2).hex() - ); - updateMultiple( - settings.cg58_9e3670, - chroma(color).darken(0.9).desaturate(2).hex() - ); - updateMultiple( - settings.cg70_bf4b8a, - chroma(color).darken(1.2).desaturate(2).hex() - ); - updateMultiple( - settings.cg77_db61a2, - chroma(color).darken(1.5).desaturate(2).hex() - ); - updateMultiple( - settings.cg87_f778ba, - chroma(color).darken(1.8).desaturate(2).hex() - ); - updateMultiple( - settings.cg94_ff9bce, - chroma(color).darken(2.1).desaturate(2).hex() - ); - updateMultiple( - settings.cg98_ffbedd, - chroma(color).darken(3.0).desaturate(2).hex() - ); - updateMultiple( - settings.cg102_ffdaec, - chroma(color).darken(3.3).desaturate(2).hex() - ); - // coral - updateMultiple(settings.cg31_460701, chroma(color).hex()); - updateMultiple( - settings.cg42_640D04, - chroma(color).darken(0.3).desaturate(2).hex() - ); - updateMultiple( - settings.cg53_872012, - chroma(color).darken(0.6).desaturate(2).hex() - ); - updateMultiple( - settings.cg62_AC3220, - chroma(color).darken(0.9).desaturate(2).hex() - ); - updateMultiple( - settings.cg73_CF462D, - chroma(color).darken(1.2).desaturate(2).hex() - ); - updateMultiple( - settings.cg81_EA6045, - chroma(color).darken(1.5).desaturate(2).hex() - ); - updateMultiple( - settings.cg88_F78166, - chroma(color).darken(1.8).desaturate(2).hex() - ); - updateMultiple( - settings.cg96_FFA28B, - chroma(color).darken(2.1).desaturate(2).hex() - ); - updateMultiple( - settings.cg100_FFC2B2, - chroma(color).darken(3.0).desaturate(2).hex() - ); - updateMultiple( - settings.cg105_ffdfb6, - chroma(color).darken(3.3).desaturate(2).hex() - ); - // calendar - updateMultiple( - settings.cg26_39d353, - chroma(color).darken(2.5).saturate(2).alpha(0.8).hex() - ); - updateMultiple( - settings.cg19_26a641, - chroma(color).darken(2.5).saturate(2).alpha(0.6).hex() - ); - updateMultiple( - settings.cg2_006d32, - chroma(color).darken(2.5).saturate(2).alpha(0.4).hex() - ); - updateMultiple( - settings.cg10_0e4429, - chroma(color).darken(2.5).saturate(2).alpha(0.2).hex() - ); -} - -// --------------------- TEXT OVERRIDES -------------------------- - -export function text(color) { +export function updateText(color) { updateMultiple(settings.cg106_ffffff, chroma(color).hex()); } -// ----------------------- DARK OVERRIDES ------------------------- - -export function black(color) { - updateMultiple(settings.cg3_010409, chroma(color).darken(4).hex()); -} - -export function white(color) { - updateMultiple(settings.cg106_ffffff, chroma(color).brighten(4).hex()); -} - -export function gray(color) { - updateMultiple(settings.cg8_0d1117, chroma(color).hex()); - updateMultiple(settings.cg13_161b22, chroma(color).brighten(0.3).hex()); - updateMultiple(settings.cg17_21262d, 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(3.0).hex()); - updateMultiple(settings.cg84_f0f6fc, chroma(color).brighten(3.3).hex()); -} - -export function blue(color) { - updateMultiple(settings.cg6_051d4d, chroma(color).hex()); - updateMultiple(settings.cg7_0c2d6b, chroma(color).brighten(0.3).hex()); - updateMultiple(settings.cg9_0d419d, chroma(color).brighten(0.6).hex()); - updateMultiple(settings.cg12_1158c7, chroma(color).brighten(0.9).hex()); - updateMultiple(settings.cg16_1f6feb, chroma(color).brighten(1.2).hex()); - updateMultiple(settings.cg24_388bfd, chroma(color).brighten(1.5).hex()); - updateMultiple(settings.cg38_58a6ff, chroma(color).brighten(1.8).hex()); - updateMultiple(settings.cg49_79c0ff, chroma(color).brighten(2.1).hex()); - updateMultiple(settings.cg61_a5d6ff, chroma(color).brighten(3.0).hex()); - updateMultiple(settings.cg72_cae8ff, chroma(color).brighten(3.3).hex()); -} - -export function green(color) { - updateMultiple(settings.cg5_04260f, chroma(color).hex()); - updateMultiple(settings.cg4_033a16, chroma(color).brighten(0.3).hex()); - updateMultiple(settings.cg11_0f5323, chroma(color).brighten(0.6).hex()); - updateMultiple(settings.cg14_196c2e, chroma(color).brighten(0.9).hex()); - updateMultiple(settings.cg18_238636, chroma(color).brighten(1.2).hex()); - updateMultiple(settings.cg21_2ea043, chroma(color).brighten(1.5).hex()); - updateMultiple(settings.cg29_3fb950, chroma(color).brighten(1.8).hex()); - updateMultiple(settings.cg36_56d364, chroma(color).brighten(2.1).hex()); - updateMultiple(settings.cg51_7ee787, chroma(color).brighten(3.0).hex()); - updateMultiple(settings.cg63_aff5b4, chroma(color).brighten(3.3).hex()); -} - -export function yellow(color) { - updateMultiple(settings.cg23_341a00, chroma(color).hex()); - updateMultiple(settings.cg34_4b2900, chroma(color).brighten(0.3).hex()); - updateMultiple(settings.cg44_693e00, chroma(color).brighten(0.6).hex()); - updateMultiple(settings.cg52_845306, chroma(color).brighten(0.9).hex()); - updateMultiple(settings.cg59_9e6a03, chroma(color).brighten(1.2).hex()); - updateMultiple(settings.cg67_bb8009, chroma(color).brighten(1.5).hex()); - updateMultiple(settings.cg74_d29922, chroma(color).brighten(1.8).hex()); - updateMultiple(settings.cg80_e3b341, chroma(color).brighten(2.1).hex()); - updateMultiple(settings.cg85_f2cc60, chroma(color).brighten(3.0).hex()); - updateMultiple(settings.cg90_f8e3a1, chroma(color).brighten(3.3).hex()); -} - -export function orange(color) { - updateMultiple(settings.cg28_3d1300, chroma(color).hex()); - updateMultiple(settings.cg39_5a1e02, chroma(color).brighten(0.3).hex()); - updateMultiple(settings.cg47_762d0a, chroma(color).brighten(0.6).hex()); - updateMultiple(settings.cg57_9b4215, chroma(color).brighten(0.9).hex()); - updateMultiple(settings.cg69_bd561d, chroma(color).brighten(1.2).hex()); - updateMultiple(settings.cg78_db6d28, chroma(color).brighten(1.5).hex()); - updateMultiple(settings.cg83_f0883e, chroma(color).brighten(1.8).hex()); - updateMultiple(settings.cg97_ffa657, chroma(color).brighten(2.1).hex()); - updateMultiple(settings.cg101_ffc680, chroma(color).brighten(3.0).hex()); - updateMultiple(settings.cg105_ffdfb6, chroma(color).brighten(3.3).hex()); -} - -export function red(color) { - updateMultiple(settings.cg33_490202, chroma(color).hex()); - updateMultiple(settings.cg43_67060c, chroma(color).brighten(0.3).hex()); - updateMultiple(settings.cg56_8e1519, chroma(color).brighten(0.6).hex()); - updateMultiple(settings.cg66_b62324, chroma(color).brighten(0.9).hex()); - updateMultiple(settings.cg76_da3633, chroma(color).brighten(1.2).hex()); - updateMultiple(settings.cg89_f85149, chroma(color).brighten(1.5).hex()); - updateMultiple(settings.cg93_ff7b72, chroma(color).brighten(1.8).hex()); - updateMultiple(settings.cg95_ffa198, chroma(color).brighten(2.1).hex()); - updateMultiple(settings.cg99_ffc1ba, chroma(color).brighten(3.0).hex()); - updateMultiple(settings.cg103_ffdcd7, chroma(color).brighten(3.3).hex()); -} - -export function purple(color) { - updateMultiple(settings.cg20_271052, chroma(color).hex()); - updateMultiple(settings.cg27_3c1e70, chroma(color).brighten(0.3).hex()); - updateMultiple(settings.cg35_553098, chroma(color).brighten(0.6).hex()); - updateMultiple(settings.cg45_6e40c9, chroma(color).brighten(0.9).hex()); - updateMultiple(settings.cg54_8957e5, chroma(color).brighten(1.2).hex()); - updateMultiple(settings.cg60_a371f7, chroma(color).brighten(1.5).hex()); - updateMultiple(settings.cg68_bc8cff, chroma(color).brighten(1.8).hex()); - updateMultiple(settings.cg75_d2a8ff, chroma(color).brighten(2.1).hex()); - updateMultiple(settings.cg79_e2c5ff, chroma(color).brighten(3.0).hex()); - updateMultiple(settings.cg82_eddeff, chroma(color).brighten(3.3).hex()); -} - -export function pink(color) { - updateMultiple(settings.cg30_42062a, chroma(color).hex()); - updateMultiple(settings.cg40_5e103e, chroma(color).brighten(0.3).hex()); - updateMultiple(settings.cg50_7d2457, chroma(color).brighten(0.6).hex()); - updateMultiple(settings.cg58_9e3670, chroma(color).brighten(0.9).hex()); - updateMultiple(settings.cg70_bf4b8a, chroma(color).brighten(1.2).hex()); - updateMultiple(settings.cg77_db61a2, chroma(color).brighten(1.5).hex()); - updateMultiple(settings.cg87_f778ba, chroma(color).brighten(1.8).hex()); - updateMultiple(settings.cg94_ff9bce, chroma(color).brighten(2.1).hex()); - updateMultiple(settings.cg98_ffbedd, chroma(color).brighten(3.0).hex()); - updateMultiple(settings.cg102_ffdaec, chroma(color).brighten(3.3).hex()); -} - -export function coral(color) { - updateMultiple(settings.cg31_460701, chroma(color).hex()); - updateMultiple(settings.cg42_640D04, chroma(color).brighten(0.3).hex()); - updateMultiple(settings.cg53_872012, chroma(color).brighten(0.6).hex()); - updateMultiple(settings.cg62_AC3220, chroma(color).brighten(0.9).hex()); - updateMultiple(settings.cg73_CF462D, chroma(color).brighten(1.2).hex()); - updateMultiple(settings.cg81_EA6045, chroma(color).brighten(1.5).hex()); - updateMultiple(settings.cg88_F78166, chroma(color).brighten(1.8).hex()); - updateMultiple(settings.cg96_FFA28B, chroma(color).brighten(2.1).hex()); - updateMultiple(settings.cg100_FFC2B2, chroma(color).brighten(3.0).hex()); - updateMultiple(settings.cg105_ffdfb6, chroma(color).brighten(3.3).hex()); -} - -export function calendar(color) { - updateMultiple(settings.cg26_39d353, chroma(color).brighten(2.5).hex()); - updateMultiple(settings.cg19_26a641, chroma(color).brighten(1.5).hex()); - updateMultiple(settings.cg2_006d32, chroma(color).brighten(0.5).hex()); - updateMultiple(settings.cg10_0e4429, chroma(color).hex()); -} - -// ----------------------- BRIGHT OVERRIDES ------------------------- - -export function blackBright(color) { - updateMultiple(settings.cg3_010409, chroma(color).brighten(4).hex()); -} - -export function whiteBright(color) { - updateMultiple(settings.cg106_ffffff, chroma(color).darken(4).hex()); -} - -export function grayBright(color) { - updateMultiple(settings.cg8_0d1117, chroma(color).darken(3.3).hex()); - updateMultiple(settings.cg13_161b22, chroma(color).darken(3.0).hex()); - updateMultiple(settings.cg17_21262d, chroma(color).darken(2.1).hex()); - updateMultiple(settings.cg22_30363d, chroma(color).darken(1.8).hex()); - updateMultiple(settings.cg32_484f58, chroma(color).darken(1.5).hex()); - updateMultiple(settings.cg46_6e7681, chroma(color).darken(1.2).hex()); - updateMultiple(settings.cg55_8b949e, chroma(color).darken(0.9).hex()); - updateMultiple(settings.cg64_b1bac4, chroma(color).darken(0.6).hex()); - updateMultiple(settings.cg71_c9d1d9, chroma(color).darken(0.3).hex()); - updateMultiple(settings.cg84_f0f6fc, chroma(color).hex()); -} - -export function blueBright(color) { - updateMultiple(settings.cg6_051d4d, chroma(color).darken(3.3).hex()); - updateMultiple(settings.cg7_0c2d6b, chroma(color).darken(3.0).hex()); - updateMultiple(settings.cg9_0d419d, chroma(color).darken(2.1).hex()); - updateMultiple(settings.cg12_1158c7, chroma(color).darken(1.8).hex()); - updateMultiple(settings.cg16_1f6feb, chroma(color).darken(1.5).hex()); - updateMultiple(settings.cg24_388bfd, chroma(color).darken(1.2).hex()); - updateMultiple(settings.cg38_58a6ff, chroma(color).darken(0.9).hex()); - updateMultiple(settings.cg49_79c0ff, chroma(color).darken(0.6).hex()); - updateMultiple(settings.cg61_a5d6ff, chroma(color).darken(0.3).hex()); - updateMultiple(settings.cg72_cae8ff, chroma(color).hex()); -} - -export function greenBright(color) { - updateMultiple(settings.cg5_04260f, chroma(color).darken(3.3).hex()); - updateMultiple(settings.cg4_033a16, chroma(color).darken(3.0).hex()); - updateMultiple(settings.cg11_0f5323, chroma(color).darken(2.1).hex()); - updateMultiple(settings.cg14_196c2e, chroma(color).darken(1.8).hex()); - updateMultiple(settings.cg18_238636, chroma(color).darken(1.5).hex()); - updateMultiple(settings.cg21_2ea043, chroma(color).darken(1.2).hex()); - updateMultiple(settings.cg29_3fb950, chroma(color).darken(0.9).hex()); - updateMultiple(settings.cg36_56d364, chroma(color).darken(0.6).hex()); - updateMultiple(settings.cg51_7ee787, chroma(color).darken(0.3).hex()); - updateMultiple(settings.cg63_aff5b4, chroma(color).hex()); -} - -export function yellowBright(color) { - updateMultiple(settings.cg23_341a00, chroma(color).darken(3.3).hex()); - updateMultiple(settings.cg34_4b2900, chroma(color).darken(3.0).hex()); - updateMultiple(settings.cg44_693e00, chroma(color).darken(2.1).hex()); - updateMultiple(settings.cg52_845306, chroma(color).darken(1.8).hex()); - updateMultiple(settings.cg59_9e6a03, chroma(color).darken(1.5).hex()); - updateMultiple(settings.cg67_bb8009, chroma(color).darken(1.2).hex()); - updateMultiple(settings.cg74_d29922, chroma(color).darken(0.9).hex()); - updateMultiple(settings.cg80_e3b341, chroma(color).darken(0.6).hex()); - updateMultiple(settings.cg85_f2cc60, chroma(color).darken(0.3).hex()); - updateMultiple(settings.cg90_f8e3a1, chroma(color).hex()); -} - -export function orangeBright(color) { - updateMultiple(settings.cg28_3d1300, chroma(color).darken(3.3).hex()); - updateMultiple(settings.cg39_5a1e02, chroma(color).darken(3.0).hex()); - updateMultiple(settings.cg47_762d0a, chroma(color).darken(2.1).hex()); - updateMultiple(settings.cg57_9b4215, chroma(color).darken(1.8).hex()); - updateMultiple(settings.cg69_bd561d, chroma(color).darken(1.5).hex()); - updateMultiple(settings.cg78_db6d28, chroma(color).darken(1.2).hex()); - updateMultiple(settings.cg83_f0883e, chroma(color).darken(0.9).hex()); - updateMultiple(settings.cg97_ffa657, chroma(color).darken(0.6).hex()); - updateMultiple(settings.cg101_ffc680, chroma(color).darken(0.3).hex()); - updateMultiple(settings.cg105_ffdfb6, chroma(color).hex()); -} - -export function redBright(color) { - updateMultiple(settings.cg33_490202, chroma(color).darken(3.3).hex()); - updateMultiple(settings.cg43_67060c, chroma(color).darken(3.0).hex()); - updateMultiple(settings.cg56_8e1519, chroma(color).darken(2.1).hex()); - updateMultiple(settings.cg66_b62324, chroma(color).darken(1.8).hex()); - updateMultiple(settings.cg76_da3633, chroma(color).darken(1.5).hex()); - updateMultiple(settings.cg89_f85149, chroma(color).darken(1.2).hex()); - updateMultiple(settings.cg93_ff7b72, chroma(color).darken(0.9).hex()); - updateMultiple(settings.cg95_ffa198, chroma(color).darken(0.6).hex()); - updateMultiple(settings.cg99_ffc1ba, chroma(color).darken(0.3).hex()); - updateMultiple(settings.cg103_ffdcd7, chroma(color).hex()); -} - -export function purpleBright(color) { - updateMultiple(settings.cg20_271052, chroma(color).darken(3.3).hex()); - updateMultiple(settings.cg27_3c1e70, chroma(color).darken(3.0).hex()); - updateMultiple(settings.cg35_553098, chroma(color).darken(2.1).hex()); - updateMultiple(settings.cg45_6e40c9, chroma(color).darken(1.8).hex()); - updateMultiple(settings.cg54_8957e5, chroma(color).darken(1.5).hex()); - updateMultiple(settings.cg60_a371f7, chroma(color).darken(1.2).hex()); - updateMultiple(settings.cg68_bc8cff, chroma(color).darken(0.9).hex()); - updateMultiple(settings.cg75_d2a8ff, chroma(color).darken(0.6).hex()); - updateMultiple(settings.cg79_e2c5ff, chroma(color).darken(0.3).hex()); - updateMultiple(settings.cg82_eddeff, chroma(color).hex()); -} - -export function pinkBright(color) { - updateMultiple(settings.cg30_42062a, chroma(color).darken(3.3).hex()); - updateMultiple(settings.cg40_5e103e, chroma(color).darken(3.0).hex()); - updateMultiple(settings.cg50_7d2457, chroma(color).darken(2.1).hex()); - updateMultiple(settings.cg58_9e3670, chroma(color).darken(1.8).hex()); - updateMultiple(settings.cg70_bf4b8a, chroma(color).darken(1.5).hex()); - updateMultiple(settings.cg77_db61a2, chroma(color).darken(1.2).hex()); - updateMultiple(settings.cg87_f778ba, chroma(color).darken(0.9).hex()); - updateMultiple(settings.cg94_ff9bce, chroma(color).darken(0.6).hex()); - updateMultiple(settings.cg98_ffbedd, chroma(color).darken(0.3).hex()); - updateMultiple(settings.cg102_ffdaec, chroma(color).hex()); -} - -export function coralBright(color) { - updateMultiple(settings.cg31_460701, chroma(color).darken(3.3).hex()); - updateMultiple(settings.cg42_640D04, chroma(color).darken(3.0).hex()); - updateMultiple(settings.cg53_872012, chroma(color).darken(2.1).hex()); - updateMultiple(settings.cg62_AC3220, chroma(color).darken(1.8).hex()); - updateMultiple(settings.cg73_CF462D, chroma(color).darken(1.5).hex()); - updateMultiple(settings.cg81_EA6045, chroma(color).darken(1.2).hex()); - updateMultiple(settings.cg88_F78166, chroma(color).darken(0.9).hex()); - updateMultiple(settings.cg96_FFA28B, chroma(color).darken(0.6).hex()); - updateMultiple(settings.cg100_FFC2B2, chroma(color).darken(0.3).hex()); - updateMultiple(settings.cg105_ffdfb6, chroma(color).hex()); -} - -export function calendarBright(color) { - updateMultiple(settings.cg26_39d353, chroma(color).hex()); - updateMultiple(settings.cg19_26a641, chroma(color).darken(0.5).hex()); - updateMultiple(settings.cg2_006d32, chroma(color).darken(1.2).hex()); - updateMultiple(settings.cg10_0e4429, chroma(color).darken(2.5).hex()); -} - -export function updateAccent(color) { - calendarBright(color); +export function updateCalendar(color, saturate, scale) { if (/^\d/.test(color.slice(-4))) { - blueBright(color); - greenBright(color); - yellowBright(color); - } else { - blue(color); - green(color); - yellow(color); + // scale = scale.reverse(); + } + + for (let i = 0; i < scale.length; i++) { + updateMultiple( + scale[i], + chroma(color) + .brighten(3) + .saturate(saturate) + .alpha((i + 1) * 0.2) + .hex() + ); } } -export default function updateScale(color) { - /^\d/.test(color.slice(-4)) ? updateAll(color) : updateAllBright(color); +export function updateAnnoyances(color) { + if (/^\d/.test(color.slice(-4))) { + updateMultiple(settings.cg3_010409, chroma(color).brighten(0.3).hex()); + updateMultiple(settings.cg106_ffffff, chroma(color).darken(4).hex()); + updateMultiple(settings.cgshadows, chroma(color).darken(3.6).hex()); + } else { + updateMultiple(settings.cg3_010409, chroma(color).darken(0.3).hex()); + updateMultiple(settings.cg106_ffffff, chroma(color).brighten(4).hex()); + updateMultiple(settings.cgshadows, chroma(color).brighten(3.6).hex()); + } +} + +export function updateSpecific(color, desaturate, saturate, scale) { + if (/^\d/.test(color.slice(-4))) { + // scale = scale.reverse(); + } + + for (let i = 0; i < scale.length; i++) { + /^\d/.test(color.slice(-4)) + ? updateMultiple( + scale[i], + chroma(color) + .brighten(i * 0.4) + .saturate(saturate) + .desaturate(desaturate) + .hex() + ) + : updateMultiple( + scale[i], + chroma(color) + .darken(i * 0.4) + .saturate(saturate) + .desaturate(desaturate) + .hex() + ); + } +} + +export function updateAccent(color) { + updateCalendar(color); + updateSpecific(color, 0, 0, blue); + updateSpecific(color, 0, 0, green); + updateSpecific(color, 0, 0, yellow); +} + +export function generateScheme(color, scheme, variation, distance) { + let s = new ColorScheme(); + s.from_hex(chroma(color).hex()) + .scheme(scheme) + .variation(variation) + .distance(distance); + + return s.colors(); +} + +export function generateSaturation(color, setting) { + let colors = []; + for (let i = 0; i < 10; i++) { + /^\d/.test(color.slice(-4)) + ? colors.push( + chroma(color) + .darken(i * 0.4) + .hex() + ) + : colors.push( + chroma(color) + .brighten(i * 0.4) + .hex() + ); + } } diff --git a/yarn.lock b/yarn.lock index babd0a9..6c1a7db 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1169,11 +1169,6 @@ resolved "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-2.0.1.tgz" integrity sha512-aG20vknL4/YjQF9BSV7ts4EWm/yrjagAN7OWBNmlbEOUiu0llj4OGrFoOKK3g2vey4/p2omKCoHrWtPxSwV3HA== -"@discoveryjs/json-ext@^0.5.0": - version "0.5.7" - resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70" - integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw== - "@emotion/babel-plugin@^11.7.1": version "11.9.2" resolved "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.9.2.tgz" @@ -2497,23 +2492,6 @@ "@webassemblyjs/ast" "1.11.1" "@xtuc/long" "4.2.2" -"@webpack-cli/configtest@^1.2.0": - version "1.2.0" - resolved "https://registry.yarnpkg.com/@webpack-cli/configtest/-/configtest-1.2.0.tgz#7b20ce1c12533912c3b217ea68262365fa29a6f5" - integrity sha512-4FB8Tj6xyVkyqjj1OaTqCjXYULB9FMkqQ8yGrZjRDrYh0nOE+7Lhs45WioWQQMV+ceFlE368Ukhe6xdvJM9Egg== - -"@webpack-cli/info@^1.5.0": - version "1.5.0" - resolved "https://registry.yarnpkg.com/@webpack-cli/info/-/info-1.5.0.tgz#6c78c13c5874852d6e2dd17f08a41f3fe4c261b1" - integrity sha512-e8tSXZpw2hPl2uMJY6fsMswaok5FdlGNRTktvFk2sD8RjH0hE2+XistawJx1vmKteh4NmGmNUrp+Tb2w+udPcQ== - dependencies: - envinfo "^7.7.3" - -"@webpack-cli/serve@^1.7.0": - version "1.7.0" - resolved "https://registry.yarnpkg.com/@webpack-cli/serve/-/serve-1.7.0.tgz#e1993689ac42d2b16e9194376cfb6753f6254db1" - integrity sha512-oxnCNGj88fL+xzV+dacXs44HcDwf1ovs3AuEzvP7mqXw7fQntqIhQ1BRmynh4qEKQSSSRSWVyXRjmTbZIX9V2Q== - "@xtuc/ieee754@^1.2.0": version "1.2.0" resolved "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz" @@ -3257,15 +3235,6 @@ cliui@^7.0.2: strip-ansi "^6.0.0" wrap-ansi "^7.0.0" -clone-deep@^4.0.1: - version "4.0.1" - resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-4.0.1.tgz#c19fd9bdbbf85942b4fd979c84dcf7d5f07c2387" - integrity sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ== - dependencies: - is-plain-object "^2.0.4" - kind-of "^6.0.2" - shallow-clone "^3.0.0" - clsx@^1.2.0: version "1.2.1" resolved "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz" @@ -3314,12 +3283,17 @@ color-name@^1.1.4, color-name@~1.1.4: resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz" integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA== +color-scheme@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/color-scheme/-/color-scheme-1.0.1.tgz#d1de417f65e10f73c0eb2c97f7ed6c156bc6e8f5" + integrity sha512-4x+ya6+z6g9DaTFSfVzTZc8TSjxHuDT40NB43N3XPUkQlF6uujhwH8aeMeq8HBgoQQog/vrYgJ16mt/eVTRXwQ== + colord@^2.9.1: version "2.9.2" resolved "https://registry.npmjs.org/colord/-/colord-2.9.2.tgz" integrity sha512-Uqbg+J445nc1TKn4FoDPS6ZZqAvEDnwrH42yo8B40JSOgSLxMZ/gt3h4nmCtPLQeXhjJJkqBx7SCY35WnIixaQ== -colorette@^2.0.10, colorette@^2.0.14: +colorette@^2.0.10: version "2.0.19" resolved "https://registry.npmjs.org/colorette/-/colorette-2.0.19.tgz" integrity sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ== @@ -3336,7 +3310,7 @@ commander@^2.20.0: resolved "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz" integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ== -commander@^7.0.0, commander@^7.2.0: +commander@^7.2.0: version "7.2.0" resolved "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz" integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw== @@ -4029,11 +4003,6 @@ entities@^2.0.0: resolved "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz" integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A== -envinfo@^7.7.3: - version "7.8.1" - resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.8.1.tgz#06377e3e5f4d379fea7ac592d5ad8927e0c4d475" - integrity sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw== - error-ex@^1.3.1: version "1.3.2" resolved "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz" @@ -4502,11 +4471,6 @@ fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6: resolved "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz" integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw== -fastest-levenshtein@^1.0.12: - version "1.0.14" - resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.14.tgz#9054384e4b7a78c88d01a4432dc18871af0ac859" - integrity sha512-tFfWHjnuUfKE186Tfgr+jtaFc0mZTApEgKDOeyN+FwOqRkO/zK/3h1AiRd8u8CY53owL3CUmGr/oI9p/RdyLTA== - fastq@^1.6.0: version "1.13.0" resolved "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz" @@ -5165,11 +5129,6 @@ internal-slot@^1.0.3: has "^1.0.3" side-channel "^1.0.4" -interpret@^2.2.0: - version "2.2.0" - resolved "https://registry.yarnpkg.com/interpret/-/interpret-2.2.0.tgz#1a78a0b5965c40a5416d007ad6f50ad27c417df9" - integrity sha512-Ju0Bz/cEia55xDwUWEa8+olFpCiQoypjnQySseKtmjNrnps3P+xfpUmGr90T7yjlVJmOtybRvPXhKMbHr+fWnw== - ipaddr.js@1.9.1: version "1.9.1" resolved "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz" @@ -5285,13 +5244,6 @@ is-plain-obj@^3.0.0: resolved "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz" integrity sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA== -is-plain-object@^2.0.4: - version "2.0.4" - resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677" - integrity sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og== - dependencies: - isobject "^3.0.1" - is-potential-custom-element-name@^1.0.1: version "1.0.1" resolved "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz" @@ -5370,11 +5322,6 @@ isexe@^2.0.0: resolved "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz" integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw== -isobject@^3.0.1: - version "3.0.1" - resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df" - integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg== - istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0: version "3.2.0" resolved "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz" @@ -7653,13 +7600,6 @@ readdirp@~3.6.0: dependencies: picomatch "^2.2.1" -rechoir@^0.7.0: - version "0.7.1" - resolved "https://registry.yarnpkg.com/rechoir/-/rechoir-0.7.1.tgz#9478a96a1ca135b5e88fc027f03ee92d6c645686" - integrity sha512-/njmZ8s1wVeR6pjTZ+0nCnv8SpZNRMT2D1RLOJQESlYFDBvwpTA4KWJpZ+sBJ4+vhjILRcK7JIFdGCdxEAAitg== - dependencies: - resolve "^1.9.0" - recursive-readdir@^2.2.2: version "2.2.2" resolved "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.2.tgz" @@ -7806,7 +7746,7 @@ resolve.exports@^1.1.0: resolved "https://registry.npmjs.org/resolve.exports/-/resolve.exports-1.1.0.tgz" integrity sha512-J1l+Zxxp4XK3LUDZ9m60LRJF/mAe4z6a4xyabPHk7pvK5t35dACV32iIjJDFeWZFfZlO29w6SZ67knR0tHzJtQ== -resolve@^1.1.7, resolve@^1.12.0, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.9.0: +resolve@^1.1.7, resolve@^1.12.0, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.22.0: version "1.22.1" resolved "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz" integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw== @@ -8044,13 +7984,6 @@ setprototypeof@1.2.0: resolved "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz" integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw== -shallow-clone@^3.0.0: - version "3.0.1" - resolved "https://registry.yarnpkg.com/shallow-clone/-/shallow-clone-3.0.1.tgz#8f2981ad92531f55035b01fb230769a40e02efa3" - integrity sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA== - dependencies: - kind-of "^6.0.2" - shebang-command@^2.0.0: version "2.0.0" resolved "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz" @@ -8870,24 +8803,6 @@ webidl-conversions@^6.1.0: resolved "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-6.1.0.tgz" integrity sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w== -webpack-cli@^4.9.1: - version "4.10.0" - resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-4.10.0.tgz#37c1d69c8d85214c5a65e589378f53aec64dab31" - integrity sha512-NLhDfH/h4O6UOy+0LSso42xvYypClINuMNBVVzX4vX98TmTaTUxwRbXdhucbFMd2qLaCTcLq/PdYrvi8onw90w== - dependencies: - "@discoveryjs/json-ext" "^0.5.0" - "@webpack-cli/configtest" "^1.2.0" - "@webpack-cli/info" "^1.5.0" - "@webpack-cli/serve" "^1.7.0" - colorette "^2.0.14" - commander "^7.0.0" - cross-spawn "^7.0.3" - fastest-levenshtein "^1.0.12" - import-local "^3.0.2" - interpret "^2.2.0" - rechoir "^0.7.0" - webpack-merge "^5.7.3" - webpack-dev-middleware@^5.3.1: version "5.3.3" resolved "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz" @@ -8942,14 +8857,6 @@ webpack-manifest-plugin@^4.0.2: tapable "^2.0.0" webpack-sources "^2.2.0" -webpack-merge@^5.7.3: - version "5.8.0" - resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-5.8.0.tgz#2b39dbf22af87776ad744c390223731d30a68f61" - integrity sha512-/SaI7xY0831XwP6kzuwhKWVKDP9t1QY1h65lAFLbZqMPIuYcD9QAW4u9STIbU9kaJbPBB/geU/gLr1wDjOhQ+Q== - dependencies: - clone-deep "^4.0.1" - wildcard "^2.0.0" - webpack-sources@^1.4.3: version "1.4.3" resolved "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.4.3.tgz" @@ -8971,7 +8878,7 @@ webpack-sources@^3.2.3: resolved "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz" integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w== -webpack@^5.64.4, webpack@^5.66.0: +webpack@^5.64.4: version "5.73.0" resolved "https://registry.npmjs.org/webpack/-/webpack-5.73.0.tgz" integrity sha512-svjudQRPPa0YiOYa2lM/Gacw0r6PvxptHj4FuEKQ2kX05ZLkjbVc5MnPs6its5j7IZljnIqSVo/OsY2X0IpHGA== @@ -9075,11 +8982,6 @@ which@^2.0.1: dependencies: isexe "^2.0.0" -wildcard@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/wildcard/-/wildcard-2.0.0.tgz#a77d20e5200c6faaac979e4b3aadc7b3dd7f8fec" - integrity sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw== - word-wrap@^1.2.3, word-wrap@~1.2.3: version "1.2.3" resolved "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz"