wip: Make bar colors in limit graph customizable via CSS variables for consistent theming across the go route visualization
This commit is contained in:
@@ -427,6 +427,10 @@ body {
|
|||||||
radial-gradient(1200px 400px at 15% 0%, rgba(255, 255, 255, 0.03), transparent 55%),
|
radial-gradient(1200px 400px at 15% 0%, rgba(255, 255, 255, 0.03), transparent 55%),
|
||||||
radial-gradient(900px 320px at 85% 15%, rgba(255, 255, 255, 0.02), transparent 60%),
|
radial-gradient(900px 320px at 85% 15%, rgba(255, 255, 255, 0.02), transparent 60%),
|
||||||
var(--color-background-weak);
|
var(--color-background-weak);
|
||||||
|
|
||||||
|
[data-component="limit-graph"] {
|
||||||
|
--bar-go: #f7ff00;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
[data-component="limit-graph"] {
|
[data-component="limit-graph"] {
|
||||||
@@ -436,6 +440,7 @@ body {
|
|||||||
border: none;
|
border: none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
padding: 58px var(--padding) 56px;
|
padding: 58px var(--padding) 56px;
|
||||||
|
--bar-go: var(--color-go-2);
|
||||||
|
|
||||||
@media (max-width: 48rem) {
|
@media (max-width: 48rem) {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -574,7 +579,7 @@ body {
|
|||||||
transform-origin: left center;
|
transform-origin: left center;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: scaleX(0.02);
|
transform: scaleX(0.02);
|
||||||
fill: var(--color-go-2);
|
fill: var(--bar-go);
|
||||||
stroke: none;
|
stroke: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user