Skirda/LiveAtlas
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add CSS variables for marker colours

Browse Source
This commit is contained in:
James Lyne 2021-12-07 21:48:54 +00:00
parent 0359d3fe8c
commit 6b05ef8f8f
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -153,9 +153,10 @@
/* Theme colours */ /* Theme colours */
:root { :root {
--background-base: #222222; /* Foreground UI elements */ --background-base: #222222; /* Foreground UI elements */
--background-dark: #121212; /* Body/map labels */ --background-dark: #121212; /* Body/Splash screen/Shadows */
--background-light: #363636; /* Scrollbars/inputs */ --background-light: #363636; /* Scrollbars/inputs */
--background-error: #771616; /* Errors */ --background-error: #771616; /* Errors */
--background-marker: var(--background-dark); /* Map markers */
--background-disabled: #555555; /* Disabled controls */ --background-disabled: #555555; /* Disabled controls */
--background-hover: #363636; /* :hovered buttons/menu items */ --background-hover: #363636; /* :hovered buttons/menu items */
@ -173,6 +174,7 @@
--text-emphasis: rgba(255, 255, 255, 0.87); /* Chat messages/:focus inputs */ --text-emphasis: rgba(255, 255, 255, 0.87); /* Chat messages/:focus inputs */
--text-subtle: rgba(255, 255, 255, 0.5); /* Skeletons/secondary text */ --text-subtle: rgba(255, 255, 255, 0.5); /* Skeletons/secondary text */
--text-disabled: var(--text-subtle); /* Disabled controls */ --text-disabled: var(--text-subtle); /* Disabled controls */
--text-marker: var(--text-base); /* Map markers */
--text-hover: var(--text-base); /* Text in :hover buttons */ --text-hover: var(--text-base); /* Text in :hover buttons */
--text-active: var(--text-base); /* Text in :active buttons */ --text-active: var(--text-base); /* Text in :active buttons */

6
src/scss/leaflet/_markers.scss
View File

@ -36,7 +36,7 @@
position: absolute; position: absolute;
left: 0; left: 0;
background-color: var(--text-emphasis); background-color: var(--text-emphasis);
border: 0.2rem solid var(--background-dark); border: 0.2rem solid var(--background-marker);
border-radius: 50%; border-radius: 50%;
} }
@ -116,8 +116,8 @@
font-size: 1.5rem; font-size: 1.5rem;
line-height: 1; line-height: 1;
white-space: pre-line; white-space: pre-line;
color: var(--text-base); color: var(--text-marker);
background: var(--background-dark); background: var(--background-marker);
padding: 0.2rem; padding: 0.2rem;
display: none; display: none;
margin-left: 0.2rem; margin-left: 0.2rem;