louis/oktopus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(frontend): new colors palette

Browse Source
This commit is contained in:
leandrofars 2024-09-05 12:24:21 -03:00
parent 636f034666
commit dbbaf4fe50
1 changed files with 9 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
frontend/src/theme/create-palette.js
View File

@ -2,50 +2,20 @@ import { common } from '@mui/material/colors';
import { alpha } from '@mui/material/styles'; import { alpha } from '@mui/material/styles';
import { error, indigo, info, neutral, success, warning, graphics } from './colors'; import { error, indigo, info, neutral, success, warning, graphics } from './colors';
const getColorScheme = async () => { const getColorScheme = () => {
return JSON.stringify({
let result = await fetch('/custom-frontend/colors').catch((error) => { "buttons": "#c05521",
console.log('Error fetching colors'); "sidebar_end": "#305a85",
sessionStorage.setItem('colors', JSON.stringify({ "sidebar_initial": "#173033",
"buttons": "#306d6f", "tables": "#214256",
"sidebar_end": "#306d6f", "words_outside_sidebar": "#173033",
"sidebar_initial": "#306d6f", "connected_mtps_color": "#c05521"
"tables": "#306d6f",
"words_outside_sidebar": "#30596f",
"connected_mtps_color": "#f28950"
}));
location.reload();
return
}); });
if (result.status!=200) {
console.log('Error fetching colors');
sessionStorage.setItem('colors', JSON.stringify({
"buttons": "#306d6f",
"sidebar_end": "#306d6f",
"sidebar_initial": "#306d6f",
"tables": "#306d6f",
"words_outside_sidebar": "#30596f",
"connected_mtps_color": "#f28950"
}));
location.reload();
return
}
let response = await result.json();
let fmtresponse = JSON.stringify(response);
sessionStorage.setItem('colors', fmtresponse);
location.reload();
} }
export function createPalette() { export function createPalette() {
let colors = sessionStorage.getItem('colors'); let colors = getColorScheme();
if (colors !== null) {
console.log('colors already fetched');
} else {
getColorScheme();
}
console.log("colors scheme:", colors); console.log("colors scheme:", colors);
let neutralColors = neutral(colors); let neutralColors = neutral(colors);