normalize menu colors
This commit is contained in:
parent
49f5a6b17f
commit
f09d397990
3 changed files with 14 additions and 6 deletions
|
|
@ -1177,11 +1177,11 @@ details[open] summary::after {
|
||||||
}
|
}
|
||||||
#mode-tools > span:hover {
|
#mode-tools > span:hover {
|
||||||
border-color: var(--appname-blue);
|
border-color: var(--appname-blue);
|
||||||
background-color: rgba(0,0,0,0.4);
|
background-color: var(--menu-hover-bg);
|
||||||
}
|
}
|
||||||
#mode-tools > span.selected {
|
#mode-tools > span.selected {
|
||||||
border-color: var(--appname-blue);
|
border-color: var(--appname-blue);
|
||||||
background-color: rgba(0,0,0,0.4);
|
background-color: var(--menu-active-bg);
|
||||||
}
|
}
|
||||||
/** fdm extruder drop-down */
|
/** fdm extruder drop-down */
|
||||||
#ft-nozzle .splat {
|
#ft-nozzle .splat {
|
||||||
|
|
|
||||||
|
|
@ -53,7 +53,7 @@
|
||||||
|
|
||||||
#menubar .top-menu > span:hover {
|
#menubar .top-menu > span:hover {
|
||||||
border-color: var(--appname-blue);
|
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 {
|
#menubar .top-menu > span:hover .top-menu-drop {
|
||||||
|
|
@ -156,9 +156,13 @@
|
||||||
min-width: 16px;
|
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-drop .content > div.selected,
|
||||||
#menubar .top-menu > span.selected {
|
#menubar .top-menu > span.selected {
|
||||||
border-color: var(--appname-blue);
|
border-color: var(--appname-blue);
|
||||||
background-color: rgba(0,0,0,0.4);
|
background-color: var(--menu-active-bg);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -6,8 +6,10 @@
|
||||||
:root {
|
:root {
|
||||||
--appname-blue: #5a9fd4;
|
--appname-blue: #5a9fd4;
|
||||||
--menubar-vsep: rgba(0,0,0,0.2);
|
--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);
|
--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);
|
--border-gray: rgba(128,128,128,0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -17,5 +19,7 @@
|
||||||
--menubar-vsep: rgba(255,255,255,0.2);
|
--menubar-vsep: rgba(255,255,255,0.2);
|
||||||
--menubar-back: rgba(35,35,35,1);
|
--menubar-back: rgba(35,35,35,1);
|
||||||
--menubar-fore: rgba(250,250,250,1.0);
|
--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);
|
--border-gray: rgba(128,128,128,0.5);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue