diff --git a/public/Initial.js b/public/Initial.js index d5cacd3..3ec6041 100644 --- a/public/Initial.js +++ b/public/Initial.js @@ -1,6 +1,6 @@ -const key = "pintScheme"; +key = "pintScheme"; userScheme = {}; -const defaultColorScheme = { +defaultColorScheme = { "__color_canvas_default_transparent" : "rgba(13, 17, 23, 0)", "__color_page_header_bg" : "#0d1117", "__color_marketing_icon_primary" : "#79c0ff", @@ -442,6 +442,7 @@ const defaultColorScheme = { "__color_calendar_halloween_graph_day_L3_bg" : "#fa7a18", "__color_calendar_halloween_graph_day_L4_bg" : "#fddf68", "__color_calendar_graph_day_border" : "rgba(27, 31, 35, 0.06)", + "__color_calendar_graph_day_bg" : "rgba(0,0,0,0.1)", "__color_calendar_graph_day_L1_bg" : "#0e4429", "__color_calendar_graph_day_L2_bg" : "#006d32", "__color_calendar_graph_day_L3_bg" : "#26a641", @@ -452,7 +453,7 @@ const defaultColorScheme = { "__color_calendar_graph_day_L4_border" : "rgba(255, 255, 255, 0.05)", }; -var colorSettings = Object.keys(defaultColorScheme); +colorSettings = Object.keys(defaultColorScheme); // function initialize() { console.log(`Pulling Data from Local Storage`); @@ -483,3 +484,4 @@ var colorSettings = Object.keys(defaultColorScheme); }); }); + diff --git a/src/components/options/ChangeCard.tsx b/src/components/options/ChangeCard.tsx index fffdd5a..db1c4bb 100644 --- a/src/components/options/ChangeCard.tsx +++ b/src/components/options/ChangeCard.tsx @@ -46,8 +46,9 @@ export default function ChangeCard(props: Props) { const [current, setCurrent] = react.useState(`${defaultValue}`); function updateColor() { - setCurrent(JSON.stringify(colorPickerColor)); - pintSetNoReload(settingName, colorPickerColor); + var stringifiedColor = `rgba(${colorPickerColor.r},${colorPickerColor.g},${colorPickerColor.b},${colorPickerColor.a})` + setCurrent(stringifiedColor); + pintSetNoReload(settingName, stringifiedColor); } function updateColorExplicitly(value: string) { diff --git a/src/components/options/Converter.tsx b/src/components/options/Converter.tsx deleted file mode 100644 index 66934da..0000000 --- a/src/components/options/Converter.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import { - FormControl, - InputLabel, - MenuItem, - NativeSelect, - Select, - Switch, -} from "@mui/material"; -import react from "react"; -import "../../assets/styles/App.css"; -import Preview from "../global/Preview"; - -export default function Converter() { - return ( -
hex-rgba converter
-view global user pints?
-hex-rgba converter
+rgb({color.r},{color.g},{color.b},{color.a})
+{hexColor}
+