diff --git a/docs/README.md b/docs/README.md
index 97b7648..c92d908 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -1,5 +1,5 @@
+# **pint** (formerly gitccentify)
-# **pint** (formerly gitccentify)
![rewrite-status](https://img.shields.io/badge/status-rewrite-orange)
![pint-status](https://img.shields.io/badge/pint-dev-red)
![gitccentify-status](https://img.shields.io/badge/gitccentify-released-green)
@@ -16,37 +16,35 @@
-
-
-
## installation
+
you can install this extension via the chrome web store (old version) or manually.
### chrome web store installation
-please note that the version in the chrome web store is V1, which is very bad and outdated.
+
+please note that the version in the chrome web store is V1, which is very bad and outdated.
### manual/source installation
+
1. clone this repository
2. run `yarn build` or `yabai`
3. open extension settings in chrome/brave/chromium
4. turn on developer mode
-5. load unpacked extension
+5. load unpacked extension
6. load the build folder
## roadmap
+
please check #12.
-
-
## contributing
+
contributions are welcome ❤️. however, please do keep in mind that this is a very early project and things are bound to be messy. i mean just look at these linting errors.
![lintlmao](https://go.fuwa.sh/u/9eTsWq.png)
-
-
{name} {color}
-+ {name} {color} +
+{name}
diff --git a/src/components/options/ChangeCard.tsx b/src/components/options/ChangeCard.tsx index db1c4bb..c9738ee 100644 --- a/src/components/options/ChangeCard.tsx +++ b/src/components/options/ChangeCard.tsx @@ -1,23 +1,8 @@ -import react, { MouseEventHandler } from "react"; +import react from "react"; import "../../assets/styles/App.css"; -import { HexColorInput, HexColorPicker } from "react-colorful"; -import { TextField } from "@mui/material"; import { IoIosBrush } from "react-icons/io"; -import Preview from "../global/Preview"; import CardTitle from "../global/CardTitle"; -import { - pintSet, - pintSetNoReload, - updateMultiple, - pintGetUpdate, -} from "../../methods/helper"; -import * as quickScheme from "../../methods/quickScheme"; -import { - bgGen, - generateAccent, - updateViaQuickScheme, -} from "../../methods/schemeGen"; -import { bgcolor } from "@mui/system"; +import { pintSetNoReload, pintGetUpdate } from "../../methods/helper"; var defaultValue = "#c0ffee"; @@ -46,7 +31,7 @@ export default function ChangeCard(props: Props) { const [current, setCurrent] = react.useState(`${defaultValue}`); function updateColor() { - var stringifiedColor = `rgba(${colorPickerColor.r},${colorPickerColor.g},${colorPickerColor.b},${colorPickerColor.a})` + var stringifiedColor = `rgba(${colorPickerColor.r},${colorPickerColor.g},${colorPickerColor.b},${colorPickerColor.a})`; setCurrent(stringifiedColor); pintSetNoReload(settingName, stringifiedColor); } @@ -61,18 +46,25 @@ export default function ChangeCard(props: Props) {pint for github
-2.0-dev - advanced mode
-pint for github
+2.0-dev - advanced mode
+pint for github
-2.0-dev - simple mode
-pint for github
+2.0-dev - simple mode
+hex-rgba converter
-rgb({color.r},{color.g},{color.b},{color.a})
-{hexColor}
+hex-rgba converter
++ rgb({color.r},{color.g},{color.b},{color.a}) +
+{hexColor}
+all settings
++ customise everything from every text to every div +
+all settings
-customise everything from every text to every div
-