diff --git a/web/kiri/index.css b/web/kiri/index.css index 98afdc48..9818227a 100644 --- a/web/kiri/index.css +++ b/web/kiri/index.css @@ -1177,11 +1177,11 @@ details[open] summary::after { } #mode-tools > span:hover { border-color: var(--appname-blue); - background-color: rgba(0,0,0,0.4); + background-color: var(--menu-hover-bg); } #mode-tools > span.selected { border-color: var(--appname-blue); - background-color: rgba(0,0,0,0.4); + background-color: var(--menu-active-bg); } /** fdm extruder drop-down */ #ft-nozzle .splat { diff --git a/web/moto/menubar.css b/web/moto/menubar.css index e42c97fe..4e6492df 100644 --- a/web/moto/menubar.css +++ b/web/moto/menubar.css @@ -53,7 +53,7 @@ #menubar .top-menu > span:hover { border-color: var(--appname-blue); - background-color: rgba(0,0,0,0.4); + background-color: var(--menu-hover-bg); } #menubar .top-menu > span:hover .top-menu-drop { @@ -156,9 +156,13 @@ min-width: 16px; } -#menubar .top-menu-drop .content > div:hover, +#menubar .top-menu-drop .content > div:hover { + border-color: var(--appname-blue); + background-color: var(--menu-hover-bg); +} + #menubar .top-menu-drop .content > div.selected, #menubar .top-menu > span.selected { border-color: var(--appname-blue); - background-color: rgba(0,0,0,0.4); + background-color: var(--menu-active-bg); } diff --git a/web/moto/palette.css b/web/moto/palette.css index 30f9e5b4..3b431ba7 100644 --- a/web/moto/palette.css +++ b/web/moto/palette.css @@ -6,8 +6,10 @@ :root { --appname-blue: #5a9fd4; --menubar-vsep: rgba(0,0,0,0.2); - --menubar-back: rgba(128,128,128,0.5); + --menubar-back: rgba(255,255,255,1); --menubar-fore: rgba(20,20,20,1.0); + --menu-hover-bg: rgba(0,0,0,0.1); + --menu-active-bg: rgba(90,159,212,0.22); --border-gray: rgba(128,128,128,0.5); } @@ -17,5 +19,7 @@ --menubar-vsep: rgba(255,255,255,0.2); --menubar-back: rgba(35,35,35,1); --menubar-fore: rgba(250,250,250,1.0); + --menu-hover-bg: rgba(0,0,0,0.4); + --menu-active-bg: rgba(90,159,212,0.32); --border-gray: rgba(128,128,128,0.5); }