zaphar/Heracles
1
0
Fork 0
mirror of https://github.com/zaphar/Heracles.git synced 2025-07-23 04:29:48 -04:00
Code Issues Packages Projects Releases Wiki Activity

ui: better background color for the plots

Browse Source
This commit is contained in:
Jeremy Wall 2024-03-05 20:39:03 -05:00
parent 6a503947d8
commit c830d1530d
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
static/lib.js
View File

@ -431,7 +431,7 @@ export class GraphPlot extends HTMLElement {
var layout = { var layout = {
displayModeBar: false, displayModeBar: false,
responsive: true, responsive: true,
plot_bgcolor: getCssVariableValue('--paper-background-color').trim(), plot_bgcolor: getCssVariableValue('--plot-background-color').trim(),
paper_bgcolor: getCssVariableValue('--paper-background-color').trim(), paper_bgcolor: getCssVariableValue('--paper-background-color').trim(),
font: { font: {
color: getCssVariableValue('--text-color').trim() color: getCssVariableValue('--text-color').trim()
@ -529,7 +529,7 @@ export class GraphPlot extends HTMLElement {
cells: { cells: {
align: "left", align: "left",
values: [], values: [],
fill: { color: layout.paper_bgcolor } fill: { color: layout.plot_bgcolor }
}, },
}); });
const dateColumn = []; const dateColumn = [];

2
static/site.css
View File

@ -3,6 +3,7 @@
--background-color: #FFFFFF; /* Light background */ --background-color: #FFFFFF; /* Light background */
--text-color: #333333; /* Dark text for contrast */ --text-color: #333333; /* Dark text for contrast */
--paper-background-color: #F0F0F0; --paper-background-color: #F0F0F0;
--plot-background-color: #F0F0F0;
--accent-color: #6200EE; /* For buttons and interactive elements */ --accent-color: #6200EE; /* For buttons and interactive elements */
/* Graph colors */ /* Graph colors */
@ -27,6 +28,7 @@
/* Solarized Dark Base Colors */ /* Solarized Dark Base Colors */
--background-color: #002b36; /* base03 */ --background-color: #002b36; /* base03 */
--paper-background-color: #003c4a; --paper-background-color: #003c4a;
--plot-background-color: rgb(24, 34, 21);
--text-color: #839496; /* base0 */ --text-color: #839496; /* base0 */
--accent-color: #268bd2; /* blue */ --accent-color: #268bd2; /* blue */