ryanamay/pint
1
0
Fork 0
mirror of https://github.com/ryanamay/pint.git synced 2024-09-20 01:50:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: use new scheme system

Browse source
This commit is contained in:
fuwaa 2022-07-24 22:49:01 +08:00
parent a2de36911f
commit f6413164fa
No known key found for this signature in database
GPG key ID: 2E4F5DC11DE1D654
4 changed files with 919 additions and 584 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

127
src/methods/colorScales.js
View file

@ -1,127 +0,0 @@
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",
];

1025
src/methods/helpers/scaleHelper.js
View file

File diff suppressed because it is too large Load diff

242
src/methods/quickScheme.js
View file

@ -1,242 +0,0 @@
// background
export var ScaleBlack = [
"__color_checks_bg",
"__color_switch_track_bg",
"__color_canvas_inset",
"__color_shadow_medium",
"__color_shadow_large",
"__color_shadow_extra_large",
"__color_scale_black",
];
export var BG9 = [
"__color_page_header_bg",
"__color_codemirror_bg",
"__color_codemirror_gutters_bg",
"__color_codemirror_guttermarker_text",
"__color_codemirror_lines_bg",
"_color_codemirror_lines_bg",
"__color_checks_ans_Iblack",
"__color_project_header_bg",
"__color_avatar_child_shadow",
"__color_header_search_bg",
"__color_btn_outline_disabled_bg",
"__color_btn_danger_disabled_bg",
"__color_canvas_default",
"__color_scale_gray_9",
];
export var BG8 = [
"__color_checks_input_bg",
"__color_checks_dropdown_bg",
"__color_checks_step_header_open_bg",
"__color_checks_ans_Iblack_bright",
"__color_project_sidebar_bg",
"__color_project_gradient_in",
"__color_header_bg",
"__color_menu_bg_active",
"__color_btn_selected_bg",
"__color_canvas_overlay",
"__color_canvas_subtle",
"__color_scale_gray_8",
];
export var BG7 = [
"__color_checks_header_border",
"__color_avatar_stack_fade_more",
"__color_sidenav_selected_bg",
"__color_timeline_badge_bg",
"__color_btn_bg",
"__color_btn_focus_bg",
"__color_border_muted",
"__color_scale_gray_7",
];
export var BG6 = [
"__color_checks_dropdown_border",
"__color_avatar_stack_fade",
"__color_overlay_shadow",
"__color_header_search_border",
"__color_btn_hover_bg",
"__color_btn_counter_bg",
"__color_btn_outline_hover_bg",
"__color_border_default",
"__color_scale_gray_6",
];
export var BG5 = [
"__color_prettylights_syntax_sublimelinter_gutter_mark",
"__color_select_menu_backdrop_border",
"__color_ans_Iblack",
"__color_switch_knob_checked_disabled_bg",
"__color_primer_fg_disabled",
"__color_scale_gray_5",
];
export var BG4 = [
"__color_codemirror_guttermarker_subtle_text",
"__color_checks_input_placeholder_text",
"__color_checks_line_num_text",
"__color_checks_line_timestamp_text",
"__color_checks_logline_num_text",
"__color_checks_logline_error_num_text",
"__color_checks_ans_Igray",
"__color_ans_Iblack_bright",
"__color_ans_Igray",
"__color_btn_active_border",
"__color_underlinenav_icon",
"__color_switch_track_border",
"__color_fg_subtle",
"__color_neutral_emphasis_plus",
"__color_neutral_emphasis",
"__color_scale_gray_4",
];
export var BG3 = [
"__color_diff_blob_expander_icon",
"__color_prettylights_syntax_comment",
"__color_prettylights_syntax_brackethighlighter_angle",
"__color_codemirror_linenumber_text",
"__color_codemirror_syntax_comment",
"__color_checks_text_secondary",
"__color_checks_btn_icon",
"__color_checks_input_text",
"__color_checks_donut_neutral",
"__color_checks_header_label_text",
"__color_checks_header_icon",
"__color_checks_line_text",
"__color_checks_gate_text",
"__color_checks_logline_text",
"__color_checks_logline_error_text",
"__color_checks_logline_warning_text",
"__color_header_divider",
"__color_btn_hover_border",
"__color_btn_focus_border",
"__color_fg_muted",
"__color_scale_gray_3",
];
export var BG2 = [
"__color_checks_ans_Iwhite",
"__color_checks_ans_Iwhite_bright",
"__color_ans_Iwhite",
"__color_scale_gray_2",
];
export var BG1 = [
"__color_diff_blob_addition_num_text",
"__color_diff_blob_addition_fg",
"__color_diff_blob_deletion_num_text",
"__color_diff_blob_deletion_fg",
"__color_prettylights_syntax_storage_modifier_import",
"__color_prettylights_syntax_markup_italic",
"__color_prettylights_syntax_markup_bold",
"__color_prettylights_syntax_markup_ignored_text",
"__color_codemirror_text",
"__color_codemirror_cursor",
"__color_codemirror_matchingbracket_text",
"__color_checks_text_primary",
"__color_checks_btn_hover_icon",
"__color_checks_input_focus_text",
"__color_checks_dropdown_text",
"__color_checks_dropdown_hover_text",
"__color_checks_dropdown_btn_hover_text",
"__color_checks_header_label_open_text",
"__color_btn_text",
"__color_fg_default",
"__color_scale_gray_1",
];
export var BG0 = [
"__color_prettylights_syntax_invalid_illegal_text",
"__color_prettylights_syntax_carriage_return_text",
"__color_header_logo",
"__color_scale_gray_0",
];
// possibly text color/icon?
export var ScaleWhite = [
"__color_checks_line_dt_fm_text",
"__color_ans_Iwhite_bright",
"__color_btn_primary_text",
"__color_btn_primary_icon",
"__color_btn_outline_selected_text",
"__color_btn_danger_hover_text",
"__color_btn_danger_hover_icon",
"__color_btn_danger_selected_text",
"__color_fg_on_emphasis",
"__color_scale_white",
];
// text color
export var TextColor = [
"__color_scale_coral_9",
"__color_primer_fg_disabled",
"__color_fg_subtle",
"__color_fg_muted",
"__color_diff_blob_addition_fg",
"__color_diff_blob_deletion_fg",
"__color_fg_default",
"__color_fg_on_emphasis",
];
// accents
// // blue_1
// __color_prettylights_syntax_string
// __color_prettylights_syntax_constant_other_reference_link
// __color_codemirror_syntax_string
// __color_scale_blue_1
// // blue 2
// __color_marketing_icon_primary
// __color_prettylights_syntax_constant
// __color_codemirror_syntax_constant
// __color_codemirror_syntax_support
// __color_checks_ans_Iblue_bright
// __color_ans_Iblue_bright
// __color_scale_blue_2
// //blue 3
// __color_checks_text_link
// __color_checks_line_selected_num_text
// __color_checks_logline_command_text
// __color_checks_ans_Iblue
// __color_ans_Iblue
// __color_btn_outline_text
// __color_btn_outline_hover_text
// __color_switch_track_checked_border
// __color_accent_fg
// __color_scale_blue_3
// // blue 5
// __color_marketing_icon_secondary
// __color_prettylights_syntax_markup_heading
// __color_switch_knob_checked_bg
// __color_accent_emphasis
// __color_scale_blue_5
// // blue 6
// __color_prettylights_syntax_markup_ignored_bg
// __color_scale_blue_6
// // blue 7
// __color_btn_outline_selected_bg
// __color_scale_blue_7
// // blue 8
// __color_select_menu_tap_focus_bg
// __color_primer_shadow_focus
// __color_scale_blue_8
// // red 3
// __color_scale_red_3
// __color_action_list_item_danger_hover_text
// __color_btn_danger_selected_border
// __color_ans_Ired
// __color_codemirror_syntax_keyword
// __color_codemirror_syntax_storage
// __color_prettylights_syntax_keyword

109
src/methods/schemeGen.js
View file

@ -1,109 +0,0 @@
/*global chrome*/
import chroma from "chroma-js";
import * as settings from "./config/colorGroups.js";
import { updateOpacity } from "./helpers/opacityHelper.js";
import { pintSetNoReload, updateMultiple } from "./helpers/storageHelper.js";
import * as qs from "./quickScheme.js";
// function to convert hex to rgb
export function hexToRgb(hex) {
var takenResult = hex;
var result = takenResult.replace(/#/g, "").match(/.{1,2}/g);
return result
? {
r: parseInt(result[0], 16),
g: parseInt(result[1], 16),
b: parseInt(result[2], 16),
}
: null;
}
// function to convert rgb to hex
export function rgbToHex(r, g, b) {
return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
}
export function rgba2hex(orig) {
var a,
rgb = orig
.replace(/\s/g, "")
.match(/^rgba?\((\d+),(\d+),(\d+),?([^,\s)]+)?/i),
alpha = ((rgb && rgb[4]) || "").trim(),
hex = rgb
? (rgb[1] | (1 << 8)).toString(16).slice(1) +
(rgb[2] | (1 << 8)).toString(16).slice(1) +
(rgb[3] | (1 << 8)).toString(16).slice(1)
: orig;
if (alpha !== "") {
a = alpha;
} else {
a = 1;
}
// multiply before convert to HEX
a = ((a * 255) | (1 << 8)).toString(16).slice(1);
hex = hex + a;
return hex;
}
// generate array of hex color gradients given a single hex color
export function generateHexGradients(hex) {
var rgb = hexToRgb(hex);
var hexGradients = [];
for (var i = 0; i < 6; i++) {
var r = rgb.r - i * 10;
var g = rgb.g - i * 10;
var b = rgb.b - i * 10;
hexGradients.push(rgbToHex(r, g, b));
}
return hexGradients;
}
export function generateAccent(hex, modifier) {
var rgb = hexToRgb(hex);
var r = rgb.r - modifier;
var b = rgb.b - modifier;
var g = rgb.g - modifier;
return rgbToHex(r, g, b);
}
export function updateViaQuickScheme(color) {
var gradient = generateHexGradients(color);
pintSetNoReload("__color_calendar_graph_day_L4_bg", `${gradient[0]}ff`);
pintSetNoReload("__color_calendar_graph_day_L3_bg", `${gradient[0]}c5`);
pintSetNoReload("__color_calendar_graph_day_L2_bg", `${gradient[0]}8a`);
pintSetNoReload("__color_calendar_graph_day_L1_bg", `${gradient[0]}54`);
pintSetNoReload("__color_accent_emphasis", gradient[4]);
pintSetNoReload("__color_btn_primary_bg", gradient[5]);
pintSetNoReload("__color_btn_primary_hover_bg", gradient[4]);
pintSetNoReload("__color_btn_primary_active_bg", gradient[4]);
pintSetNoReload("__color_btn_primary_focus_bg", gradient[4]);
pintSetNoReload("__color_btn_primary_disabled_bg", gradient[4]);
chrome.tabs.reload();
}
export function bgGen(color) {
updateMultiple(settings.cg3_010409, chroma(color).darken(0.1).hex());
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(2.4).hex());
updateMultiple(settings.cg84_f0f6fc, chroma(color).brighten(2.7).hex());
updateMultiple(settings.cg106_ffffff, chroma(color).brighten(3.0).hex());
updateOpacity();
chrome.tabs.reload();
}
export function updateText(color) {
updateMultiple(qs.TextColor, color);
chrome.tabs.reload();
}
export function accentGen(color) {}