cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #4761 from AntonKhorev:dark-mode-with-close-button

Browse source 
Enable dark theme if user prefers dark color scheme - no javascript version
This commit is contained in:
Andy Allan 2024-11-13 20:25:50 +00:00
commit ae00fa84c8
3 changed files with 13 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

12
app/assets/stylesheets/common.scss
View file

@ -82,6 +82,16 @@ time[title] {
100% { opacity: 1 }
}
/* Bootstrap close button overrides for nested light/dark themes */
[data-bs-theme="dark"] .btn-close {
filter: var(--bs-btn-close-white-filter);
}
[data-bs-theme="light"] .btn-close {
filter: none;
}
/* Rules for the header */
#menu-icon {
@ -502,7 +512,7 @@ body.small-nav {
}
.leaflet-control-scale-line {
@extend .border-light, .border-opacity-75;
border-color: rgba(var(--bs-light-rgb), .75) !important;
}
}

1
app/assets/stylesheets/parameters.scss
View file

@ -20,3 +20,4 @@ $table-border-factor: .1;
$list-group-hover-bg: rgba(var(--bs-emphasis-color-rgb), .075);
$enable-negative-margins: true;
$color-mode-type: media-query;