Alexander/FitTrackee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Client - update maps with dark theme

Browse Source
This commit is contained in:
Sam 2023-12-20 12:55:49 +01:00
parent 884fbd2555
commit cc829b412a
3 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
fittrackee_client/src/components/Workout/WorkoutCard.vue
View File

@ -234,7 +234,7 @@
} }
.workout-map { .workout-map {
background-color: var(--workout-no-map-bg-color); background-color: var(--workout-static-map-bg-color);
height: 150px; height: 150px;
.no-map { .no-map {
line-height: 150px; line-height: 150px;

3
fittrackee_client/src/scss/colors-dark.scss
View File

@ -88,13 +88,14 @@
--map-attribution-text: #e8e8e8; --map-attribution-text: #e8e8e8;
--map-display-hover-attribution-text: #444444; --map-display-hover-attribution-text: #444444;
--map-attribution-bg-color: none; --map-attribution-bg-color: none;
--map-filter: invert(1) hue-rotate(180deg) brightness(0.8) contrast(0.8); --map-filter: invert(1) hue-rotate(180deg) brightness(0.85) contrast(0.85);
--map-display-hover-filter: invert(1) hue-rotate(180deg) brightness(1.5) --map-display-hover-filter: invert(1) hue-rotate(180deg) brightness(1.5)
contrast(0.6); contrast(0.6);
--map-layers-overlays: var(--app-color); --map-layers-overlays: var(--app-color);
--map-control-bar: var(--app-color); --map-control-bar: var(--app-color);
--no-map-filter: invert(1) brightness(1.5) contrast(0.9); --no-map-filter: invert(1) brightness(1.5) contrast(0.9);
--workout-static-map-shadow-color: #d2d2d2; --workout-static-map-shadow-color: #d2d2d2;
--workout-static-map-bg-color: #818181;
--mountains-filter: invert(90%) sepia(19%) saturate(0%) hue-rotate(39deg) --mountains-filter: invert(90%) sepia(19%) saturate(0%) hue-rotate(39deg)
brightness(86%) contrast(102%); brightness(86%) contrast(102%);

1
fittrackee_client/src/scss/colors.scss
View File

@ -91,6 +91,7 @@
--map-control-bar: #bfc0ab; --map-control-bar: #bfc0ab;
--no-map-filter: initial; --no-map-filter: initial;
--workout-static-map-shadow-color: var(--app-shadow-color); --workout-static-map-shadow-color: var(--app-shadow-color);
--workout-static-map-bg-color: var(--workout-no-map-bg-color);
--mountains-filter: invert(19%) sepia(9%) saturate(2921%) hue-rotate(169deg) --mountains-filter: invert(19%) sepia(9%) saturate(2921%) hue-rotate(169deg)
brightness(85%) contrast(80%); brightness(85%) contrast(80%);