albar965 / littlenavmap

Little Navmap is a free flight planner, navigation tool, moving map, airport search and airport information system for Flight Simulator X, Microsoft Flight Simulator 2020, Prepar3D and X-Plane.
https://albar965.github.io/littlenavmap.html
GNU General Public License v3.0
1.31k stars 164 forks source link

GUI themes #228

Open albar965 opened 6 years ago

albar965 commented 6 years ago

See Creating Simple Themes for creating different colors for Fusion theme.

More advanced customization can be done by using CSS scripts. This need some minor LNM adaption.

Contact me or add a comment here if you'd like to volunteer.

Alex

merspieler commented 6 years ago

Dark theme

[StyleColors]
Active_AlternateBase=#222222
Active_Base=#222222
Active_BrightText=#ffffff
Active_Button=#555555
Active_ButtonText=#ffffff
Active_Dark=#222222
Active_Highlight=#ee6666
Active_HighlightedText=#222222
Active_Light=#ffffff
Active_Link=#0000ff
Active_LinkVisited=#ff00ff
Active_Mid=#777777
Active_Midlight=#777777
Active_NoRole=#222222
Active_Shadow=#666666
Active_Text=#ffffff
Active_ToolTipBase=#555555
Active_ToolTipText=#ffffff
Active_Window=#222222
Active_WindowText=#ffffff
Disabled_AlternateBase=#000000
Disabled_Base=#000000
Disabled_BrightText=#333333
Disabled_Button=#000000
Disabled_ButtonText=#333333
Disabled_Dark=#000000
Disabled_Highlight=#888800
Disabled_HighlightedText=#333333
Disabled_Light=#333333
Disabled_Link=#0000ff
Disabled_LinkVisited=#ff00ff
Disabled_Mid=#333333
Disabled_Midlight=#333333
Disabled_NoRole=#000000
Disabled_Shadow=#000000
Disabled_Text=#333333
Disabled_ToolTipBase=#111111
Disabled_ToolTipText=#444444
Disabled_Window=#000000
Disabled_WindowText=#333333
Inactive_AlternateBase=#222222
Inactive_Base=#222222
Inactive_BrightText=#ffffff
Inactive_Button=#555555
Inactive_ButtonText=#ffffff
Inactive_Dark=#222222
Inactive_Highlight=#ee6666
Inactive_HighlightedText=#222222
Inactive_Light=#ffffff
Inactive_Link=#0000ff
Inactive_LinkVisited=#ff00ff
Inactive_Mid=#777777
Inactive_Midlight=#777777
Inactive_NoRole=#222222
Inactive_Shadow=#666666
Inactive_Text=#ffffff
Inactive_ToolTipBase=#555555
Inactive_ToolTipText=#ffffff
Inactive_Window=#222222
Inactive_WindowText=#ffffff

Suiting [Profile] section in little_navmap_mapstyle.ini

[Profile]
BackgroundColor=#000000
BackgroundDarkColor=#111111
ElevationScaleDarkPen=#333333, 1, Solid
ElevationScalePen=#333333, 1, Solid
LabelColor=#000000
LabelDarkColor=#000000
LandColor=#222222
LandDarkColor=#222222
LandOutlineDarkPen=#222222, 1, Solid
LandOutlinePen=#222222, 1, Solid
SafeAltLegLineDarkPen=#ee6666, 3, Solid
SafeAltLegLinePen=#ee6666, 3, Solid
SafeAltLineDarkPen=#ee6666, 4, Solid
SafeAltLinePen=#ee6666, 4, Solid
SkyColor=#0000cc
SkyDarkColor=#0000cc 
WaypointLineDarkPen=#dddddd, 1, Solid
WaypointLinePen=#dddddd, 1, Solid
albar965 commented 6 years ago

Thanks @merspieler . Will be added to the upcoming 2.0.2 release in folder customize. Alex

merspieler commented 6 years ago

Is it possible to change the OSM map style as well? I'd like to make it a bit darker as well...

albar965 commented 6 years ago

OSM is pre-rendered image tiles and cannot be changed so far.

I'm thinking about a general brightness control for all maps independent of night mode. This is actually simply drawing a half-transparent rectangle on top of the map. Could be also helpful to add styles like night automatically if INI files exist. Alex