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

transfer: handover of progress to windows machine

Browse source
This commit is contained in:
Jariel Que 2022-08-01 12:35:27 +08:00
parent 15c0c86fac
commit 78f0099bac
5 changed files with 35868 additions and 6387 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29238
package-lock.json generated Normal file
View file

File diff suppressed because it is too large Load diff

2
public/Initial.js
View file

@ -454,6 +454,8 @@ defaultColorScheme = {
__color_calendar_graph_day_L3_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_calendar_graph_day_L4_border: "rgba(255, 255, 255, 0.05)",
__color_text_disabled: "#6e7681", __color_text_disabled: "#6e7681",
scheme: "analogic",
variation: "default",
}; };
colorSettings = Object.keys(defaultColorScheme); colorSettings = Object.keys(defaultColorScheme);

2
public/background.js
View file

@ -454,6 +454,8 @@ defaultColorScheme = {
__color_underlinenav_icon: "#6e7681", __color_underlinenav_icon: "#6e7681",
__color_workflow_card_header_shadow: "rgba(27, 31, 35, 0.04)", __color_workflow_card_header_shadow: "rgba(27, 31, 35, 0.04)",
__color_text_disabled: "#6e7681", __color_text_disabled: "#6e7681",
scheme: "analogic",
variation: "default",
}; };
initialSettings = Object.keys(defaultColorScheme); initialSettings = Object.keys(defaultColorScheme);

78
src/components/popup/QuickChange.tsx
View file

@ -6,6 +6,7 @@ import updateScale, { updateSpecific } from "../../methods/helpers/scaleHelper";
import * as scaleHelper from "../../methods/helpers/scaleHelper"; import * as scaleHelper from "../../methods/helpers/scaleHelper";
import { import {
pintGetUpdate, pintGetUpdate,
pintSetNoReload,
updateMultiple, updateMultiple,
} from "../../methods/helpers/storageHelper"; } from "../../methods/helpers/storageHelper";
import { updateOpacity } from "../../methods/helpers/opacityHelper"; import { updateOpacity } from "../../methods/helpers/opacityHelper";
@ -30,6 +31,9 @@ import { FcIdea } from "react-icons/fc";
var defaultValue = "#c0ffee"; var defaultValue = "#c0ffee";
var defaultScheme = "analogic";
var defaultVariation = "default";
var quickScheme: string[] = []; var quickScheme: string[] = [];
export default function QuickChange() { export default function QuickChange() {
@ -43,7 +47,9 @@ export default function QuickChange() {
pintGetUpdate(settings.cg60_a371f7[0], setScalePurple); pintGetUpdate(settings.cg60_a371f7[0], setScalePurple);
pintGetUpdate(settings.cg19_26a641[0], setScaleCalendar); pintGetUpdate(settings.cg19_26a641[0], setScaleCalendar);
pintGetUpdate(settings.cg106_ffffff[0], setScaleText); pintGetUpdate(settings.cg106_ffffff[0], setScaleText);
quickScheme = scaleHelper.generateScheme(color, "analogic", "default", 0.5); pintGetUpdate("variation", setVariation);
pintGetUpdate("scheme", setScheme);
quickScheme = scaleHelper.generateScheme(color, scheme, variation, 0.5);
}); });
const [color, setColor] = react.useState(`${defaultValue}`); const [color, setColor] = react.useState(`${defaultValue}`);
@ -51,6 +57,9 @@ export default function QuickChange() {
// scale colors // scale colors
const [scaleGray, setScaleGray] = react.useState(`${defaultValue}`); const [scaleGray, setScaleGray] = react.useState(`${defaultValue}`);
const [scheme, setScheme] = react.useState(`${defaultScheme}`);
const [variation, setVariation] = react.useState(`${defaultVariation}`);
function paintGray() { function paintGray() {
updateSpecific(color, 0, 0, scales.gray); updateSpecific(color, 0, 0, scales.gray);
setScaleGray(color); setScaleGray(color);
@ -112,6 +121,53 @@ export default function QuickChange() {
setScaleGray(color); setScaleGray(color);
} }
function setDefault() {
pintSetNoReload("variation", "default");
setVariation("default");
}
function setPastel() {
pintSetNoReload("variation", "pastel");
setVariation("pastel");
}
function setSoft() {
pintSetNoReload("variation", "soft");
setVariation("soft");
}
function setLight() {
pintSetNoReload("variation", "light");
setVariation("light");
}
function setHard() {
pintSetNoReload("variation", "hard");
setVariation("hard");
}
function setPale() {
pintSetNoReload("variation", "pale");
setVariation("pale");
}
function setTriade() {
pintSetNoReload("scheme", "triade");
setVariation("triade");
}
function setTetrade() {
pintSetNoReload("scheme", "tetrade");
setVariation("tetrade");
}
function setAnalogic() {
pintSetNoReload("scheme", "analogic");
setVariation("analogic");
}
function paintAll() { function paintAll() {
updateScale(color); updateScale(color);
pintGetUpdate(settings.cg46_6e7681[0], setScaleGray); pintGetUpdate(settings.cg46_6e7681[0], setScaleGray);
@ -127,7 +183,7 @@ export default function QuickChange() {
function updateColor(color: string) { function updateColor(color: string) {
setColor(color); setColor(color);
quickScheme = scaleHelper.generateScheme(color, "analogic", "default", 0.5); quickScheme = scaleHelper.generateScheme(color, scheme, variation, 0.5);
} }
return ( return (
@ -146,9 +202,9 @@ export default function QuickChange() {
</p> </p>
</div> </div>
<div className="flex flex-row justify-content p-1 ml-2"> <div className="flex flex-row justify-content p-1 ml-2">
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell"> triade </button> <button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell" onClick={setTriade}> triade </button>
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell"> tetrade </button> <button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell" onClick={setTetrade}> tetrade </button>
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell"> analogic </button> <button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell" onClick={setAnalogic}> analogic </button>
</div> </div>
<div className="flex flex-row justify-content text-left text-[#3080af] justify-left items-center mt-2 ml-3 mb-1"> <div className="flex flex-row justify-content text-left text-[#3080af] justify-left items-center mt-2 ml-3 mb-1">
<p className="text-semibold"> <p className="text-semibold">
@ -156,12 +212,12 @@ export default function QuickChange() {
</p> </p>
</div> </div>
<div className="flex flex-row justify-content p-1 ml-2"> <div className="flex flex-row justify-content p-1 ml-2">
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell"> default </button> <button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell" onClick={setDefault}> default </button>
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell"> pastel </button> <button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell" onClick={setPastel}> pastel </button>
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell"> soft </button> <button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell" onClick={setSoft}> soft </button>
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell"> light </button> <button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell" onClick={setLight}> light </button>
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell"> hard </button> <button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell" onClick={setHard}> hard </button>
<button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell"> pale </button> <button className="mr-1 bg-[#163e6d] text-[#3ba6ff] py-[2px] px-2 justify-between align-middle rounded-full table-cell" onClick={setPale}> pale </button>
</div> </div>
<div className="flex flex-row justify-content text-left text-[#3080af] justify-left items-center mt-2 ml-3 mb-1"> <div className="flex flex-row justify-content text-left text-[#3080af] justify-left items-center mt-2 ml-3 mb-1">
<p className="text-semibold"> <p className="text-semibold">

12935
yarn.lock
View file

File diff suppressed because it is too large Load diff