Main CSS style cleanup and some fixes
This commit is contained in:
parent
b975c04102
commit
04fb53cf11
5 changed files with 158 additions and 420 deletions
110
static/css/style-map.css
Normal file
110
static/css/style-map.css
Normal file
|
@ -0,0 +1,110 @@
|
|||
.leaflet-control-layers-toggle {
|
||||
background-color: var(--button) !important;
|
||||
border: 1px solid var(--border) !important;
|
||||
color: var(--fg) !important;
|
||||
}
|
||||
|
||||
.leaflet-bar a,
|
||||
.leaflet-bar a:hover {
|
||||
background-color: var(--button) !important;
|
||||
border: 1px solid var(--border) !important;
|
||||
color: var(--fg) !important;
|
||||
}
|
||||
|
||||
.leaflet-popup-content-wrapper,
|
||||
.leaflet-popup-tip {
|
||||
background: var(--html-bg) !important;
|
||||
color: var(--text-color) !important;
|
||||
border: 1px solid var(--border) !important;
|
||||
}
|
||||
|
||||
.leaflet-popup-content-wrapper a {
|
||||
color: var(--link) !important;
|
||||
}
|
||||
|
||||
.leaflet-popup-content-wrapper a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Leaflet control buttons */
|
||||
.leaflet-control-locate,
|
||||
.leaflet-control-layers-toggle {
|
||||
background-color: var(--button) !important;
|
||||
border: 1px solid var(--border) !important;
|
||||
color: var(--fg) !important;
|
||||
}
|
||||
|
||||
.leaflet-bar a,
|
||||
.leaflet-bar a:hover {
|
||||
background-color: var(--button) !important;
|
||||
border: 1px solid var(--border) !important;
|
||||
color: var(--fg) !important;
|
||||
}
|
||||
|
||||
.leaflet-popup-content-wrapper,
|
||||
.leaflet-popup-tip {
|
||||
background: var(--html-bg) !important;
|
||||
color: var(--text-color) !important;
|
||||
border: 1px solid var(--border) !important;
|
||||
}
|
||||
|
||||
.leaflet-popup-content-wrapper a {
|
||||
color: var(--link) !important;
|
||||
}
|
||||
|
||||
.leaflet-popup-content-wrapper a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Leaflet attribution control */
|
||||
.leaflet-control-attribution {
|
||||
background: var(--button) !important;
|
||||
border: 1px solid var(--border) !important;
|
||||
color: var(--fg) !important;
|
||||
}
|
||||
|
||||
.leaflet-control-attribution a {
|
||||
color: var(--link) !important;
|
||||
}
|
||||
|
||||
.leaflet-control-attribution a:hover {
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
|
||||
/* Leaflet scale control */
|
||||
.leaflet-control-scale {
|
||||
background: var(--button) !important;
|
||||
border: 1px solid var(--border) !important;
|
||||
color: var(--fg) !important;
|
||||
text-shadow: 1px 1px 2px var(--border) !important;
|
||||
}
|
||||
|
||||
.leaflet-control-scale-line {
|
||||
background: var(--button) !important;
|
||||
border: 1px solid var(--border) !important;
|
||||
color: var(--fg) !important;
|
||||
text-shadow: 1px 1px 2px var(--border) !important;
|
||||
}
|
||||
|
||||
/* Ensuring dark theme compliance */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
.leaflet-control-locate,
|
||||
.leaflet-control-layers-toggle,
|
||||
.leaflet-bar a,
|
||||
.leaflet-bar a:hover,
|
||||
.leaflet-popup-content-wrapper,
|
||||
.leaflet-popup-tip,
|
||||
.leaflet-control-attribution,
|
||||
.leaflet-control-scale,
|
||||
.leaflet-control-scale-line {
|
||||
background-color: var(--button) !important;
|
||||
border: 1px solid var(--border) !important;
|
||||
color: var(--fg) !important;
|
||||
text-shadow: 1px 1px 2px var(--background-color) !important;
|
||||
}
|
||||
|
||||
.leaflet-control-attribution a {
|
||||
color: var(--link) !important;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue