github.com/UtilitechAS.amsreader-firmware
1
0
Fork 0
mirror of https://github.com/UtilitechAS/amsreader-firmware.git synced 2026-03-30 19:58:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Color adjustments

Browse Source
This commit is contained in:
Gunnar Skjold
2024-03-25 10:16:33 +01:00
parent 71abe188ca
commit 4068f127ba
4 changed files with 29 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
lib/SvelteUi/app/dist/index.css vendored
View File

File diff suppressed because one or more lines are too long

2
lib/SvelteUi/app/dist/index.js vendored
View File

File diff suppressed because one or more lines are too long

32
lib/SvelteUi/app/src/app.postcss
View File

@@ -49,42 +49,42 @@
}
.bd-green {
@apply my-auto dark:bg-green-600 bg-green-500 text-green-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
@apply my-auto bg-green-600 text-green-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
}
.bd-yellow {
@apply my-auto dark:bg-yellow-600 bg-yellow-500 text-yellow-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
@apply my-auto bg-yellow-600 text-yellow-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
}
.bd-red {
@apply my-auto dark:bg-red-600 bg-red-500 text-red-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
@apply my-auto bg-red-600 text-red-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
}
.bd-blue {
@apply my-auto dark:bg-blue-600 bg-blue-500 text-blue-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
@apply my-auto bg-blue-600 text-blue-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
}
.bd-gray {
@apply my-auto dark:bg-gray-600 bg-gray-500 text-gray-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
@apply my-auto bg-gray-600 text-gray-100 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded
}
.bd-on {
@apply my-auto dark:bg-green-600 bg-green-500 text-green-100 text-xs font-semibold mr-1 px-1 py-0.5 rounded
@apply my-auto bg-green-600 text-green-100 text-xs font-semibold mr-1 px-1 py-0.5 rounded
}
.bd-off {
@apply my-auto dark:bg-gray-600 bg-gray-500 text-gray-100 text-xs font-semibold mr-1 px-1 py-0.5 rounded
@apply my-auto bg-gray-600 text-gray-100 text-xs font-semibold mr-1 px-1 py-0.5 rounded
}
.btn-pri {
@apply py-2 px-4 rounded dark:bg-blue-600 bg-blue-500 text-white mr-3
@apply py-2 px-4 rounded bg-blue-600 text-white mr-3
}
.btn-red {
@apply py-2 px-4 rounded dark:bg-red-600 bg-red-500 text-white ml-2
@apply py-2 px-4 rounded bg-red-600 text-white ml-2
}
.btn-yellow {
@apply py-2 px-4 rounded dark:bg-yellow-600 bg-yellow-500 text-white ml-2
@apply py-2 px-4 rounded bg-yellow-600 text-white ml-2
}
.btn-pri-sm {
@apply text-xs py-1 px-2 rounded dark:bg-blue-600 bg-blue-500 text-white mr-3
@apply text-xs py-1 px-2 rounded bg-blue-600 text-white mr-3
}
.btn-yellow-sm {
@apply text-xs py-1 px-2 rounded dark:bg-yellow-600 bg-yellow-500 text-white mr-3
@apply text-xs py-1 px-2 rounded bg-yellow-600 text-white mr-3
}
.pl-root {
@@ -152,19 +152,19 @@ svg {
}
.tick.tick-green line {
stroke: #32d900 !important;
stroke: #23ac05 !important;
}
.tick.tick-green text {
fill: #32d900 !important;
fill: #23ac05 !important;
}
.tick.tick-orange line {
stroke: #d95600 !important;
stroke: #b19601 !important;
}
.tick.tick-orange text {
fill: #d95600 !important;
fill: #b19601 !important;
}
.x-axis .tick text {

38
lib/SvelteUi/app/src/lib/Helpers.js
View File

@@ -3,43 +3,27 @@ export function bcol(num) {
}
export function voltcol(volt, dark) {
if(dark) {
if(volt > 218 && volt < 242) return '#32c000';
if(volt > 212 && volt < 248) return '#b1c000';
if(volt > 208 && volt < 252) return '#ffa000';
return '#d90000';
} else {
if(volt > 218 && volt < 242) return '#32d900';
if(volt > 212 && volt < 248) return '#b1d900';
if(volt > 208 && volt < 252) return '#ffb800';
return '#d90000';
}
if(volt > 218 && volt < 242) return '#23ac05';
if(volt > 212 && volt < 248) return '#b1d900';
if(volt > 208 && volt < 252) return '#a3b200';
return '#b20000';
};
export function ampcol(pct, dark) {
let col;
if(dark) {
if(pct > 90) col = '#d90000';
else if(pct > 85) col = '#e31000';
else if(pct > 80) col = '#ffa900';
else if(pct > 75) col = '#dcc300';
else col = '#32c500';
} else {
if(pct > 90) col = '#d90000';
else if(pct > 85) col = '#e32100';
else if(pct > 80) col = '#ffb800';
else if(pct > 75) col = '#dcd800';
else col = '#32d900';
}
if(pct > 90) col = '#b20000';
else if(pct > 85) col = '#b19601';
else if(pct > 80) col = '#a3b200';
else if(pct > 75) col = '#569f12';
else col = '#23ac05';
return col;
};
export function exportcol(pct) {
if(pct > 75) return '#32d900';
if(pct > 75) return '#23ac05';
else if(pct > 50) return '#77d900';
else if(pct > 25) return '#94d900';
else return '#dcd800';
else return '#569f12';
};
export function metertype(mt) {