mirror of
https://github.com/ryanamay/pint.git
synced 2024-09-20 01:50:34 +00:00
bugfix: grouping issue, setting issue
This commit is contained in:
parent
fb9b5cbdc9
commit
32c564c400
3 changed files with 25 additions and 10 deletions
|
@ -49,7 +49,7 @@ interface Props {
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function Sidebar(props: Props) {
|
export default function Sidebar(props: Props) {
|
||||||
var { color, setColor, filteredList, setFilter, setting } = props;
|
var { color, setColor, setFilter, setting } = props;
|
||||||
|
|
||||||
react.useLayoutEffect(() => {
|
react.useLayoutEffect(() => {
|
||||||
pintGetUpdate(settings.cg46_6e7681[0], setScaleGray);
|
pintGetUpdate(settings.cg46_6e7681[0], setScaleGray);
|
||||||
|
|
|
@ -64,63 +64,71 @@ export default function QuickChange() {
|
||||||
function paintGray() {
|
function paintGray() {
|
||||||
updateSpecific(color, 0, 0, scales.gray);
|
updateSpecific(color, 0, 0, scales.gray);
|
||||||
setScaleGray(color);
|
setScaleGray(color);
|
||||||
|
chrome.tabs.reload();
|
||||||
}
|
}
|
||||||
|
|
||||||
const [scaleYellow, setScaleYellow] = react.useState(`${defaultValue}`);
|
const [scaleYellow, setScaleYellow] = react.useState(`${defaultValue}`);
|
||||||
|
|
||||||
function paintYellow() {
|
function paintYellow() {
|
||||||
updateSpecific(color, 0, 0, scales.yellow);
|
updateSpecific(color, 0, 0, scales.yellow);
|
||||||
setScaleGray(color);
|
setScaleYellow(color);
|
||||||
|
chrome.tabs.reload();
|
||||||
}
|
}
|
||||||
|
|
||||||
const [scaleBlue, setScaleBlue] = react.useState(`${defaultValue}`);
|
const [scaleBlue, setScaleBlue] = react.useState(`${defaultValue}`);
|
||||||
|
|
||||||
function paintBlue() {
|
function paintBlue() {
|
||||||
updateSpecific(color, 0, 0, scales.blue);
|
updateSpecific(color, 0, 0, scales.blue);
|
||||||
setScaleGray(color);
|
setScaleBlue(color);
|
||||||
|
chrome.tabs.reload();
|
||||||
}
|
}
|
||||||
|
|
||||||
const [scaleGreen, setScaleGreen] = react.useState(`${defaultValue}`);
|
const [scaleGreen, setScaleGreen] = react.useState(`${defaultValue}`);
|
||||||
|
|
||||||
function paintGreen() {
|
function paintGreen() {
|
||||||
updateSpecific(color, 0, 0, scales.green);
|
updateSpecific(color, 0, 0, scales.green);
|
||||||
setScaleGray(color);
|
setScaleGreen(color);
|
||||||
|
chrome.tabs.reload();
|
||||||
}
|
}
|
||||||
|
|
||||||
const [scaleRed, setScaleRed] = react.useState(`${defaultValue}`);
|
const [scaleRed, setScaleRed] = react.useState(`${defaultValue}`);
|
||||||
|
|
||||||
function paintRed() {
|
function paintRed() {
|
||||||
updateSpecific(color, 0, 0, scales.red);
|
updateSpecific(color, 0, 0, scales.red);
|
||||||
setScaleGray(color);
|
setScaleRed(color);
|
||||||
|
chrome.tabs.reload();
|
||||||
}
|
}
|
||||||
|
|
||||||
const [scalePurple, setScalePurple] = react.useState(`${defaultValue}`);
|
const [scalePurple, setScalePurple] = react.useState(`${defaultValue}`);
|
||||||
|
|
||||||
function paintPurple() {
|
function paintPurple() {
|
||||||
updateSpecific(color, 0, 0, scales.purple);
|
updateSpecific(color, 0, 0, scales.purple);
|
||||||
setScaleGray(color);
|
setScalePurple(color);
|
||||||
|
chrome.tabs.reload();
|
||||||
}
|
}
|
||||||
|
|
||||||
const [scalePink, setScalePink] = react.useState(`${defaultValue}`);
|
const [scalePink, setScalePink] = react.useState(`${defaultValue}`);
|
||||||
|
|
||||||
function paintPink() {
|
function paintPink() {
|
||||||
updateSpecific(color, 0, 0, scales.pink);
|
updateSpecific(color, 0, 0, scales.pink);
|
||||||
setScaleGray(color);
|
setScalePink(color);
|
||||||
|
chrome.tabs.reload();
|
||||||
}
|
}
|
||||||
|
|
||||||
const [scaleCalendar, setScaleCalendar] = react.useState(`${defaultValue}`);
|
const [scaleCalendar, setScaleCalendar] = react.useState(`${defaultValue}`);
|
||||||
|
|
||||||
function paintCalendar() {
|
function paintCalendar() {
|
||||||
updateSpecific(color, 0, 0, scales.calendar);
|
updateSpecific(color, 0, 0, scales.calendar);
|
||||||
setScaleGray(color);
|
setScaleCalendar(color);
|
||||||
|
chrome.tabs.reload();
|
||||||
}
|
}
|
||||||
|
|
||||||
const [scaleText, setScaleText] = react.useState(`${defaultValue}`);
|
const [scaleText, setScaleText] = react.useState(`${defaultValue}`);
|
||||||
|
|
||||||
function paintText() {
|
function paintText() {
|
||||||
updateMultiple(settings.cg106_ffffff, chroma(color).hex());
|
updateMultiple(settings.cg106_ffffff, chroma(color).hex());
|
||||||
setScaleGray(color);
|
setScaleText(color);
|
||||||
quickScheme = scaleHelper.generateScheme(color, scheme, variation, 0.5);
|
chrome.tabs.reload();
|
||||||
}
|
}
|
||||||
|
|
||||||
function setDefault() {
|
function setDefault() {
|
||||||
|
@ -188,6 +196,7 @@ 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);
|
||||||
|
chrome.tabs.reload();
|
||||||
}
|
}
|
||||||
|
|
||||||
function updateColor(color: string) {
|
function updateColor(color: string) {
|
||||||
|
|
|
@ -813,6 +813,12 @@ export var cg106_ffffff = [
|
||||||
"__color_checks_line_dt_fm_text",
|
"__color_checks_line_dt_fm_text",
|
||||||
"__color_fg_on_emphasis",
|
"__color_fg_on_emphasis",
|
||||||
"__color_scale_white",
|
"__color_scale_white",
|
||||||
|
"__color_primer_fg_disabled",
|
||||||
|
"__color_accent_fg",
|
||||||
|
"__color_fg_subtle",
|
||||||
|
"__color_fg_muted",
|
||||||
|
"__color_done_fg",
|
||||||
|
"__color_fg_default",
|
||||||
];
|
];
|
||||||
|
|
||||||
// color group: 106 | default color: #ffffff0c
|
// color group: 106 | default color: #ffffff0c
|
||||||
|
|
Loading…
Reference in a new issue