mirror of
https://github.com/zaphar/Heracles.git
synced 2025-07-22 20:19:50 -04:00
ui: better background color for the plots
This commit is contained in:
parent
6a503947d8
commit
c830d1530d
@ -431,7 +431,7 @@ export class GraphPlot extends HTMLElement {
|
||||
var layout = {
|
||||
displayModeBar: false,
|
||||
responsive: true,
|
||||
plot_bgcolor: getCssVariableValue('--paper-background-color').trim(),
|
||||
plot_bgcolor: getCssVariableValue('--plot-background-color').trim(),
|
||||
paper_bgcolor: getCssVariableValue('--paper-background-color').trim(),
|
||||
font: {
|
||||
color: getCssVariableValue('--text-color').trim()
|
||||
@ -529,7 +529,7 @@ export class GraphPlot extends HTMLElement {
|
||||
cells: {
|
||||
align: "left",
|
||||
values: [],
|
||||
fill: { color: layout.paper_bgcolor }
|
||||
fill: { color: layout.plot_bgcolor }
|
||||
},
|
||||
});
|
||||
const dateColumn = [];
|
||||
|
@ -3,6 +3,7 @@
|
||||
--background-color: #FFFFFF; /* Light background */
|
||||
--text-color: #333333; /* Dark text for contrast */
|
||||
--paper-background-color: #F0F0F0;
|
||||
--plot-background-color: #F0F0F0;
|
||||
--accent-color: #6200EE; /* For buttons and interactive elements */
|
||||
|
||||
/* Graph colors */
|
||||
@ -27,6 +28,7 @@
|
||||
/* Solarized Dark Base Colors */
|
||||
--background-color: #002b36; /* base03 */
|
||||
--paper-background-color: #003c4a;
|
||||
--plot-background-color: rgb(24, 34, 21);
|
||||
--text-color: #839496; /* base0 */
|
||||
--accent-color: #268bd2; /* blue */
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user